CSS/JSをひとまとめにして軽量化するプラグイン「Minify plugin for CakePHP」

「Minify plugin for CakePHP」は、インクルードするCSSもしくはJSファイルをひとまとめにしてキャッシュ化してくれるプラグインです。
導入
-
ダウンロード・解凍して、「Minify」にリネームしてapp/Plugin下に配置
app/Plugin/Minify
-
プラグインをロード
// app/Config/bootstrap.php CakePlugin::load( array( 'Minify' => array( 'routes' => true)));
-
設定
// app/Config/core.php Configure::write( 'MinifyAsset', true);
-
使用するコントローラにヘルパーを指定 (全てのコントローラで使用する場合は、AppControllerで指定)
// app/Contoller/AppController.php class AppController extends Controller { var $helpers = array( 'Minify.Minify'); }
-
ビューに読み込むCSSやJSを指定する。ひとまとめにしたいCSS(JS)を配列で指定していきます。
// CSS // 例:css/bootstrap.cssとcss/bootstrap-responsive.cssをひとまとめにする echo $this->Minify->css( array( 'bootstrap', 'bootstrap-responsive')); // JS // 例:js/jquery.jsとjs/jquery-ui.jsをひとまとめにする echo $this->Minify->script( array( 'jquery', 'jquery-ui'));
-
app/tmp/cache下にminifyディレクトリを作成
minifyディレクトリのパーミッションを読み込み・書き込み可能にする必要があります。app/tmp/cache/minify
400 Bad requestへの対処
と、ここまではほとんどチュートリアルのコピペなんですが、
Please see http://code.google.com/p/minify/wiki/Debugging.
とエラーになってしまいます。
Cakephp -Minify 400 Bad request
を参考に以下のファイルを編集すると動作するようになります。
// app/Plugin/Minify/View/Helper/MinifyHelper.php (77行目) // array_push($files, substr($this->assetUrl($asset, $options), 1)); array_push($files, mb_substr($this->assetUrl($asset, $options), mb_strlen($this->request->webroot)));
さらに調査
サブディレクトリ構成の場合、CSSで画像パスの指定がうまくいかない。
関連記事
-
-
checkボックスを実装
selectボックスに引き続いてcheckボックスの実装方法をおさらいしてみます。 コードは、CakePHP 2と1.3両方で実装可能です。デモ モデルは、こちらも以下 CREATE TA
-
-
日付・時間のバリデーション
日付や時刻に関するバリデーションは以下のルールがビルトインされています。 date 日付 time 時刻 datetime 日時 (m:「月」を数字表記 / M:「月」を英語表記)
-
-
FullCalendarを使用してカレンダーアプリケーション
カレンダーアプリケーションを作成するため、カレンダー表示できるプラグインを探索して出会ったFullcalendarを試してみました。シンプルに使用できる上に、オプションがかなり豊富です。ダウンロード
-
-
複数ファイルアップロードフォーム
CakePHP 2.0からはHTML5が標準でサポートとなり、複数ファイルアップロードのためのフォーム記述が容易になりました。 View (ビュー) 配列 Array (
-
-
Formヘルパーのinputタグのdiv/labelなどの設定
Formヘルパーのinputではデフォルトでは以下のようにdivで囲われて、labelが付与されて出力されます。 CSSのフレームワークなどであらかじめ決まったスタイルがある場合に便利に作られていま
-
-
Js/Cssファイルの読み込みや出力する方法
CakePHPのHTMLヘルパーにはjsファイルやcssファイルを読み込むためのメソッドが用意されています。ファイルを読み込むのに加えて、出力先を複数指定できるようになっています。 また、インライン
-
-
ネストしたリストを出力「nestedList」
DBやJSONからデータを取得して、そのデータをもとにメニュー表示などネストしたリストを出力させたい場合に「nestedList」が便利です。 ヘルパーに渡すデータは連想配列である必要があります。(
-
-
Cookieログイン
今回は、ログイン画面でよくみかけるクッキーログインの機能を使ってみます。 CakePHPには、Cookieコンポーネントがあります。(PHPのsetcookieメソッドのラッパー)メソッドはwr
-
-
テーブルからランダムにデータを取り出す(find)
CakePHPでテーブルから特定件数のレコードをランダムに取得するには以下のように指定するとできます。 $this->data = $this->Bulkdata->find( 'all',
-
-
多言語サイト向けに翻訳ファイルを使って翻訳を行う
CakePHPには、翻訳をビヘイビアを使用する方法と翻訳ファイルを使用する方法の2つがあるそうです。(他にもあるのかな?) 今回は、翻訳ファイルを使用して言語の切り替えを行い、その言語設定をCook
Comment
[…] 「CakePHP」「HTML」「minify」とかでググると、本家CakePHPブログが紹介してるこれとか日本語で紹介されてるこれとかこれとか引っかかるワケですが、 […]
[…] http://kwski.net/cakephp-2-x/1136/ […]