MySQL、オープンソース系、ウェブ系ネタ。BootStrap3に対応させてみました。2.13全ページ対応パンくずリスト表示プラグインヘルプ機能プラグインgithubに上げてあります。BootStrap3」というのを作りました作り始めたキッカケはこちらのエントリー。CUBE用のテーマを作りました。初めはこちらのテンプレートをカスタマイズして使おうかと思ったのですが、BootStrapのバージョン3を使ったものが欲しくなった&勉強のため(勉強会のため?)に作り始めました。Awesomeというwebフォントアイコンも使っています。Retinaとなります。レスポンシブの表示確認をサクッとしたい方は以下のサービスがオススメです。Responsinatorリポジトリgithubで公開しています。clicktx/eccube-on-bootstrap3テンプレートの特徴モバイルファーストレスポンシブwebフラットデザインvimキーバインド(おまけ)一応力を入れたのはスマホ&タブレットとなります。バージョン3の使用感ですが、モバイルファーストを謳っているだけあってスマホとかタブレット用のビューが以前のバージョンよりも作りやすくなっています。テキストサイズやmargin、paddingなんかを微調整したい時があるので、ヘルパー的なCSSを書いて使っています。みたいなclassにしています。製作期間2月7日から始めて5月24日までと、約4ヶ月掛かってしまいました。実は4月の初旬に間に合うように作業をしていたのですが、予想以上に時間が掛かってしまいました。今回は作業時間をメモをしていたのですが、合計は100h程度(メモしてある時間の総計は94.5h)になります。業務時間以外にはなかなか時間が取れないものですね。ローカル環境で開発する場合はシンボリックリンクを使うと便利テンプレートをローカル環境で開発していていると、CSSの変更を頻繁に行う場合の表示確認が非常に面倒です。言うと、テンプレート用に使われる静的ファイル群(CSSやJavaScript、image等)は公開用ディレクトリにアップロードされるので、テンプレートディレクトリにあるファイルに変更を加えても反映されないからです。以下にアップロードされる仕組みになっています。中身を更新しても反映されない...という事になります。完成したテンプレートをインストールする時なら何も問題ないのですが、製作中のテンプレートの場合はガシガシ書いたり消したりしたいので非常に面倒です。参照するようにシンボリックリンクを貼ってしまいます。内のファイルを管理すれば良いだけの環境になります。ローカルリポジトリを置いています。テンプレートの実装についてEC-CUBEのオーナーズストアで販売されているレスポンシブテンプレートはテンプレートという名前ですが、どうやらプラグインとして作られているようです。テンプレートだとphpに変更や追加が一切行えないので、現在はプラグインとして作られているようです。いうのも、レスポンシブデザインの場合はスマートフォン用のテンプレートを無効にしなくてはならないのですが、これがphpを変更しなくては実現できないためだと思われます。BootStrap3の場合はphpを一切イジらないというコンセプトのもとで製作していますので、下記2点は無理やり実装している感じになります。カートのバッジ表示PHPをイジらない限りカートブロックのテンプレート変数(カートに入っている商品数)を他のテンプレートでは値を取得出来ません。そのためJavaScriptで無理やり表示しています。カートブロックは常時表示する必要があります。カートブロックを使用していないページではカートのバッジが表示されません。ページネーションEC-CUBEのページネーションは表示部分のHTMLをテンプレートでは変更する事が出来ないためBootStrapのCSSを無理やり適用しています。今後行いたいことコードのリファクタリング完成と言いながら書きなぐりのコードが放置されています。CSSの使っていない部分とかコメントアウトしまくり状態だったり、JavaScriptが散らかっていたり。時間が取れた時にボチボチキレイにしていく予定です。他の方のテンプレートBootStrap3で作られている方もいたようです。DBIx::Class(DBIC)でtimestamp的なカラムの自動更新Mojoliciousでactionの前後に実行される独自のHookを作る。