ver3以降が「960GridSystem」を採用するということを少し考えてみる。CMS採用の大きな理由に、サイトリリースまでの短期化というものがある訳だけど、それ以上に重要なのは「運用のしやすさ」だと思う。どのCMSを使うのかという選定の部分で重要な指標もいくつかあるんだけど、そのうちのひとつに「自由度」を求める向きが多い。これはイチからECを始める場合にはさほど重要ではないかもしれないけど、既に他のシステムで運用しているサイトのプラットフォームを変更する場合とか、既にある会社のローカルルールに則したサイトを作る場合などに重要度が増してくる指標。ぶっちゃけ機能面はなんとかなる。PHPで作られていれば「無ければ作れば良い」。デザインは?まぁこれも「作れば良い」。いえ、デザインにおいての自由度って、最も自由度の高いものは何かと言われれば、CGI式のカート部分をhtmlに埋め込むタイプ。これを採用して好きにデザインするのが一番自由度が高い。これだと「自由度が高い」=「大変」なんだよね。それでCMSと呼ばれる仕組みは予めテンプレートを用意してその枠組みの中にテキスト(htmlやCSSのマークアップもね)を流し込むことである種制限を設けた中での自由度を提供している。この部分のルールってのがCMSごとに異なってる。プラットフォームを変えるとここへの対処が変わってくるのが「乗り換え障壁」だったりもすると思う。ZenCartのような完全独自のテンプレート。EC-CUBEやCS-Cartのようなsmarty。smarty採用のCMSにしても中身を見ると考え方が大きく違ってるはず。EC-CUBEのテンプレートはsmartyそのものを自分で書かなきゃいけなかったり(新規ブロックの追加)、CS-Cartのそれはロジックが混在してたり(ここは残念なところ)。そこでCS-Cartのバージョン3。System」というデザインフレームワークを採用するとのこと。Systemってなに?ここ数年デザインよりもZenCartやらCS-Cartの機能開発案件でデザインの話に疎くなってたんだけど、2008年くらいから提唱されはじめたCSSによるレイアウトをグリッドで行うという発想の代表的な存在。たぶnページの幅960pxを基準にして設計するグリッドデザインのことで格子(グリッド)をベースにそこに出来たブロックごとに図版や文字を配置してデザインを行うもの。あれ?CMSってみんなそんな感じじゃね?と思っちゃうところかもしれないけど、CS-Cartにおいては基本は5分割のテンプレートです。トップ左カラムセンターカラム右カラムボトム960グリッドシステム採用のバージョン3だともっと細分化して配置できるようです。CS-Cartでは16分割を採用しているようで、940pxの左右に10px余白、合わせて960px。グリッドは40px+20pxのグリッド間余白。デモサイトを少し触ってみたところ、デザインの自由度は格段に向上してる。(もちろん設定できる項目が増える訳なのでその分やることは増えますけど。)、グリッドに配置するブロックパーツがプリセットでたくさん用意されている。そのブロックに入れるテンプレートもプリセットで用意される。最少単位のテンプレートがたくさん用意されてるテンプレートを入れるブロックがたくさん用意されてるブロックは16分割のグリッド上に自由に配置できる高さは可変とこうなるわけです。いったフレームワークが採用されます。デザインは格段にやりやすくなりますね。デザイナーさんの腕の見せ所!ただし、懸念はないわけじゃないです。デザインフレームワークが刷新されるということは、CS-Cartそのもののアップグレードはどうすんの?という問題。これだけフロント側が変わるんだからちょっと簡単じゃない気がするなーと思っていたらこんな記事がありました。automatically.バージョン3はたくさん弄ったメジャーバージョンアップだぜ、だからアップデートはこれまでよりも若干トリッキーなんだぜ。これまでみたいにはいかなくって、バージョン3をインストールしてそこに2.2.4からデータを移さないといけないぜ。アップデート用アドオンを出すからそれでDBと画像を圧縮して抜き出すぜ。バージョン3のインポーターを使ってそのデータを取り込むんだぜ。同じサーバーにバージョン3と2.2.4がインストールされてれば自動でデータ移行できるけどな!以上意訳wあんまり気にすることはなさそうだけどデザインに関してはデータ移行だけでは2.2.4と全く同一にはできないかもね。再現する作業は必要になりそう。なんとも言えないけど。〜デザインされたHTMLをテンプレートにする方法〜」に参加してきました。