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

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

関連記事

CakeEmailでメール送信(@gmail)

CakePHP 2になって追加されたクラスCakeEmailがシンプルに使えます。これを使用してメール送信を行う処理を実装してみました。 CakeEmailクラスの読み込み /app/Config

独自のバリデーションルールを作成

CakePHPで組み込みバリデーションルールをつくる方法は、正規表現を定義する方法と独自メソッドを定義する方法の2つがあるようです。 参考 Custom Validation Rules 正規

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

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

ネストしたリストを出力「nestedList」

DBやJSONからデータを取得して、そのデータをもとにメニュー表示などネストしたリストを出力させたい場合に「nestedList」が便利です。 ヘルパーに渡すデータは連想配列である必要があります。(

CakePHP インストール時エラーの対処

CakePHPインストール時に出くわすであろうエラーの原因と対処方法についてまとめてみました。前提として、WebサーバはApache、データベースはMySQLとしています。 Timezone未設

パス定数と変更方法やURLの取得

CakePHPは基本的にはディレクトリそのまま配置することで構築が可能ではありますが、設定パスを変更することでセキュリティに考慮した構成にすることや運用性をもたせたものにすることが可能になります。

ログローテーション

CakePHP 2.xではbootstrap.php内にあらかじめアプリケーションログの設定が書かれています。2.xで日付ごとにログファイルが切り替わるよう設定してみました。 日ごとにログを切り替え

selectボックスを実装

今まで、selectボックスのgroupを作成するのにSet::Combineを使用していましたが、意外と簡単にできることに気付いてしまったので、ご紹介。(自分だけ知らなかったことに気付いた と言った

FormヘルパーのMagicOption (マジックオプション) 

Formヘルパーでは、「フィールド名」,「テーブルカラムのデータ型」もしくはモデルの「バリデーション設定」によりフォーム要素を決定したり、自動で属性を付与する「マジックオプション」と呼ばれるものがある

Cookieログイン

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

Comment

Message

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

*

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

PAGE TOP ↑