レスポンシブでタブレットとPCを同じにするためスマホとタブレットでviewportを切替える
非レスポンシブのサイトをiPadで見ようとするとiPadが適切なサイズで表示してくれます。例えば、横幅が1200pxあるサイトでもiPadを縦にしたときの横幅768pxに合わせて縮小してくれるのです。 ところが、タブレッ...
[FuelPHP1.7.3]インストールの途中でTokenを聞かれて進めなくなったら
以前に紹介したFuelPHPのインストールの方法はこちら。 Mac OS XにFuelPHPをインストールする 久しぶりにfuelPHPで新たなWebアプリを開発しようとインストールしたら、途中でtokenを聞かれてすす...
MacにSASSをインストールする
前々から気になっていたSass（サス）を始めようということで、まずはインストールです。 Sass（サス）とは Sassは、CSSを記述するためのメタ語の一つで、CSSをもっと便利に効率良くしてくれる言語です。 CSSをも...
[jQuery]レスポンシブ対応サイトでスマホのときだけ電話番号にリンクを貼る
電話番号の表記において、スマホサイトではtelリンクを貼ればタップで発信することができるので便利です。 でも、HTMLソースで電話番号にtelリンクを記述してしまうと、PCサイトの場合は「プロコトルが不明」「開けません」...
スマホサイトにおすすめの横からスルッと出現する「ドロワーメニュー」
ドロワーメニューの実現方法はいろいろありますが、これは、少しのcssとJavaScriptで実装できるのでおすすめです。よく使うと思うので備忘録を兼ねてメモ。 ※cssはわかりやすいように、ドロワーメニューの実装に必要な...
[WordPress]エディタで自動挿入されるBRタグとPタグを無効にする
WordPressにはエディタ内の改行でBRタグやPタグを挿入してくれる自動整形の機能があります。 文章をつらつら〜っと書くときには便利なんですけど、がっつりHTMLを記述してコーディングしたいときは邪魔です。 というわ...
郵便番号から住所を自動入力する(Contact Form 7でも使える)
以前も郵便番号から住所を自動入力する方法をメモしたことがあるのですが、ライブラリが公開されていたGoogle Codeのサービス廃止により、さらに便利なライブラリが公開されたので、そちらをメモ。 Contact Form...
[fuelPHP]faviconを設置する(Assetは使えなかった)
fuelPHPの環境でfaviconを設置したいと思います。 つまり、HTML5で以下のように記述すればよいわけです。（HTML5ではiconの指定だけでOK。シンプルです。） ICO形式のファイルとはいえ、imageな...
[fuelPHP]requiredのエラーメッセージでセレクト項目は「◯◯を選択してください」にする
同じrequiredのバリデーションでも、 テキストフォームの場合は「◯◯を入力してください。」とし、 セレクトボックスやチェックボックスでは「◯◯を選択してください。」としたいことがあります。 これは、add_rule...
[fuelPHP] valid_stringのエラーメッセージのparam部分を日本語にする
以前、validationのエラーメッセージを日本語化にする方法を書きました。 [fuelPHP]validationのエラーメッセージを日本語にする しかしながら、これだけではvalid_stringのエラーのとき、 ...
[PHP] if文を短く書いてスッキリさせる
条件を判定して処理をするif構文の記述方法についてのメモ。 基本的な使い方はこう。else以下は省略できます。 HTMLの中にPHPを直接書いたりする場合には、上のように波括弧「{}」で数行書くより、もっとスッキリ書いた...
[PHP] foreachで配列の最初と最後を判別する方法
配列の要素を取り出す場合に「foreach」をよく使います。 このforeachの処理中、最後だけ処理を変えたいことがあったので、その判別方法をメモ。 ついでに最初を判別する方法も。 判別には、重複しない配列キーを使用し...
[fuelPHP] ファイルアップロード（Uploadクラス）
HTMLフォームからのファイルアップロードには、Uploadクラスを使うと便利です。 設定ファイルを配置 許可する拡張子とか、最大サイズなどは設定ファイルにまとめて指定することができます。 COREPATH/config...
[JavaScript]子ウィンドウから親ウィンドウに値を渡す
メインウィンドウ（親ウィンドウ）からサブウィンドウ（子ウィンドウ）を開き、子ウィンドウから親ウィンドウに値を渡して、子ウィンドウを閉じる動き。 言葉で動きを説明してもわかりにくいのでデモサイトを用意してみました。 デモは...
Can’t use function return value in write context とかいうPHPのエラー
サーバー移行したら「Can’t use function return value in write context」とかいうPHPのエラーが出た。前のサーバーでは問題なく動くのになんだこれ？ってなったのでメ...
使用中のfuelPHPのバージョンを確認する方法
fuelPHPをインストールしているプロジェクトディレクトリに移動して、 oilコマンドを実行します。 もしくは、fuel\core\classes\fuel.php の下記の記述からもわかります。
[fuelPHP]特定のアクションだけテンプレートを替える
fuelPHPではテンプレートコントローラの$templateプロパティを設定することによって、コントローラごとに異なるテンプレートを利用できます。 上記は、Controller_Example（コントローラ）が APP...
[WordPress]管理画面の記事一覧で記事ごとのアクセス数を表示する
どの記事がどのくらい見られているかって気になりますよね？ そして、それが管理画面の記事一覧で簡単に確認できたらいいなって思いますよね？ プラグインを探してみると「WP-postviews」っていうプラグインが簡単に見つか...
font-sizeを相対指定してChromeだけフォントが大きく表示されてしまう問題
フォントサイズを以下のように相対指定で書いたときに、Chromeだけフォントが大きく表示されてしまうことがありました。 62.5%が無視されて、font-size:100%;に対して1.6remで表示されてしまっているよ...
Brackets エディタを使って良いなと思った拡張機能とテーマ
BracketsはAdobeが提供しているHTML/CSS/JavaScript用のエディタです。オープンソースコードエディタなので無料。しかも、AtomやSublime Textと違ってインストールした時点で日本語対応...