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

「Minify plugin for CakePHP」は、インクルードするCSSもしくはJSファイルをひとまとめにしてキャッシュ化してくれるプラグインです。

導入

  1. ダウンロード・解凍して、「Minify」にリネームしてapp/Plugin下に配置

    app/Plugin/Minify
  2. プラグインをロード

    // app/Config/bootstrap.php
    CakePlugin::load( array( 'Minify' => array( 'routes' => true)));
    
  3. 設定

    // app/Config/core.php
    Configure::write( 'MinifyAsset', true);
    
  4. 使用するコントローラにヘルパーを指定 (全てのコントローラで使用する場合は、AppControllerで指定)

    // app/Contoller/AppController.php
    class AppController extends Controller {
        var $helpers = array( 'Minify.Minify');
    }
    
  5. ビューに読み込む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'));
    
  6. app/tmp/cache下にminifyディレクトリを作成
    minifyディレクトリのパーミッションを読み込み・書き込み可能にする必要があります。

    app/tmp/cache/minify
    

400 Bad requestへの対処

と、ここまではほとんどチュートリアルのコピペなんですが、

とエラーになってしまいます。

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で画像パスの指定がうまくいかない。

  • このエントリーをはてなブックマークに追加

関連記事

CakePHP 2.x インストール

現在まで私が商用・非商用にリリースしているCakePHPアプリケーションは全て1.3.xベースで作成しています。 まだまだロードマップ的には大丈夫そうですが、お客さん向けに納品しているアプリケーショ

Formヘルパーのinputタグのdiv/labelなどの設定

Formヘルパーのinputではデフォルトでは以下のようにdivで囲われて、labelが付与されて出力されます。 CSSのフレームワークなどであらかじめ決まったスタイルがある場合に便利に作られていま

複数ファイルアップロードフォーム

CakePHP 2.0からはHTML5が標準でサポートとなり、複数ファイルアップロードのためのフォーム記述が容易になりました。 View (ビュー) 配列 Array (

hasOne アソシエーション

hasOneアソシエーションはテーブル間で1つのレコードに対して他のテーブルに紐付くレコードが1つの場合にjoinする場合に使用します。 CakePHPのドキュメントにならってUserモデルとP

(メール・URL・電話・郵便・IP) データ バリデーション

今回は、プロフィール情報に使用されるデータに絞ったバリデーションルールです。 バリデーションルール 以下の5つのバリデーションルールがコアに用意されています。 email メールアドレス

アップロードファイルのバリデーションルール

CakePHP 2.2や2.3になってファイルアップロードに対するルールがコアバリデーションに追加されているようで、まとめてみました。 コアバリデーション 関連しそうなルールは以下の4つの

Cookieログイン

今回は、ログイン画面でよくみかけるクッキーログインの機能を使ってみます。 CakePHPには、Cookieコンポーネントがあります。(PHPのsetcookieメソッドのラッパー)メソッドはwr

バリデーションエラーメッセージの取得

CakePHP 2.xになってバリデーションエラー時に返却されるメッセージのデータ形式が変更になったようです。1.3系では、ひとつのフィールドに対して返却されるメッセージは一つのルールのみですが、2.

checkボックスを実装

selectボックスに引き続いてcheckボックスの実装方法をおさらいしてみます。 コードは、CakePHP 2と1.3両方で実装可能です。デモ モデルは、こちらも以下 CREATE TA

ハッシュ関数の選択とハッシュ化処理

CakePHPでは、ログイン時にはpasswordを自動的にハッシュ化して認証を行ってくれますが、そのパスワードを登録する際は、明示的にハッシュ化する必要があります。 ハッシュ関数の選択 ハッ

Comment

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

*

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

    PAGE TOP ↑