CS-Cart アドオン開発リファレンス

これ需要あるかなー。

飯のタネなんでこういうことを明文化するのは賛否ありそうなんだけど「CS-Cart利用者」を増やす為には「採用サイトを増やす」ことと同じくらい、いや普及フェーズにおいてはそれ以上に「CS-Cartをプロモーション」する必要がある。

その為には「CS-Cartってなんぞや」ということを紹介していかなきゃいけない。

機能紹介はうちのサイトでもそのうち拡充するとして、今現在あんどぷらすにしか出来ないことをやるべきなんじゃないかと。

そのひとつが「アドオン」に関すること。

アドオンの受託開発は勿論業務として行っているんだけど、もっと多くの優秀な人たちにアドオン開発に参加してもらいたい。
世のPGとか俺より遥かに優秀な人たちばかりなので参入されるのは脅威でもあるんだけど。

そんなわけで「アドオンの作り方」的な記事を書いていこうと思う。
本当はCS-Cartそのものの動作について触れるべきなんだけどそこは最大限省略。

 

CS-Cartではアドオンと呼んでいるけど、ZenCartではモジュール、WordPressではプラグイン。色々呼び名はあるけどまぁ似たようなもの。

WordPressでは管理画面からプラグインを探してオンラインでインストールできちゃう。アップデートも管理画面からポチってやるだけで終わる。基本的にはどのプラグインも共通の作法に則って作られてるからできる芸当。
良い仕組みだよね。

ZenCartはFTPアップロードしてモジュールごとの仕様でインストール方法が異なる。ものによっては手動でSQLを走らせる必要がある。

CS-CartはアドオンのファイルをFTPでアップロードする必要はあるけど本体へのインストール、アンインストールは管理画面からポチっとすれば終わる。XOOPSみたいな感じ。

 

WordPress優位かな。現状は。
でもいずれCS-CartもWordPress的になると思うよ。いつになるか分かんないけどw

 

アドオンの構成

アドオンの仕組み(未

オフィスあんどぷらすは生まれ変わります

2000年11月に創業したオフィスあんどぷらすは、2012年3月8日に株式会社あんどぷらすになります。

いつのまにか12年目なんですね。。
忙しさにかまけて先送りしてきましたがようやく法人にする決断をしたのは今年の1月のことでした。

創業から12年目ということはこの際忘れて、イチからのスタートだと思って取り組んでいきたいと思っています。

CS-Cart メールテンプレート拡張アドオン

過去記事でも開発中とご報告したCS-Cart用アドオン「メールテンプレート拡張アドオン」をアップデートしました。
昨日CS-Cartのフォーラムでも質問があり回答してありますが、このアドオンは下記の機能を実現するものです。

ーーーーーーーーーーーーーーーーーー

デフォルトのメールテンプレートアドオンを拡張します。(受注メール、自動返信メール、ステータス変更通知メールが対象になります)

 

機能その1:
メールテンプレート「注文内容」に商品型番を表示します。

書式を4パターンから選択できます。

  1. デフォルト(数量 × 商品名 = 小計 改行 オプション)
  2. 商品名 (商品型番) x 数量 = 小計 改行 オプション
  3. 連番 商品名 (商品型番) x 数量 = 小計 改行 オプション
  4. 連番 商品名 (商品型番) 改行 オプション 改行 数量 × 単価 = 小計

 

機能その2:
注文の支払方法「銀行振込」の時、注文内容テンプレート中の「支払方法」の内容を拡張します。

ーー下記が追加されますーー
商品代金は以下の口座へお振込みください。
~以下支払方法の編集画面、詳細設定に記載した内容~
~/br/を除去した値~
ーーここまでーー

 

CS-Cartバージョン
CS-Cart日本語版 v2.1.4-jp-2 および CS-Cart日本語版 v2.2.1-jp-1以降

ーーーーーーーーーーーーーーーーーー
管理画面、支払方法>支払方法の編集>詳細設定の画面

機能その2で挿入する文字列(銀行の口座情報)はこの画面に入力した文字列です。
メールテンプレート拡張アドオン用に文字列を新たに設定するものではなく、デフォルトで用意されている機能を最大限に流用しますので設定は非常に簡単です。

 

 

 

 

送信されるメールはこのようになります。

  • 注文商品の表示内容と順序:連番 商品名 (商品型番) 改行 オプション 改行 数量 × 単価 = 小計
  • 口座情報を注文内容テンプレートに追加する:追加する

と設定した場合に送られるメール本文です。
(住所氏名等が記載されてますがオフィスの所在地なので気にしないでください。)

 

 

 

 

 

 

 

下記はデフォルトのメールです。

 

価格は10,500円(税込)です。

ご購入はあんどぷらすのサイト もしくはCS-Cartマーケットプレイス から。

 

 

 

 

CS-Cart v3に960グリッドシステム

CS-Cart 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。

これは表題の「960 Grid System」というデザインフレームワークを採用するとのこと。

960 Grid 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そのもののアップグレードはどうすんの?という問題。
これだけフロント側が変わるんだからちょっと簡単じゃない気がするなーと思っていたらこんな記事がありました。

http://blog.cs-cart.com/2012/02/27/cs-cart-3-upgrade-faq/

Q: After CS-Cart 3 is released, how can I upgrade my CS-Cart to this version?

A: CS-Cart 3 is a major release with many modifications, so the upgrade process will be a bit trickier than it was for previous versions.

Unlike before, it will be impossible to upgrade CS-Cart to version 3 via the Upgrade center in the admin panel. Instead, it will be required to install CS-Cart 3 separately and then transfer the data from CS-Cart 2.2.4 to it.

In order to do it we will provide a special add-on for CS-Cart 2.2.4 that will allow you to pack the whole store database and images into a special archive.

CS-Cart 3 will have a pre-installed Export/Import Stores add-on that will be used for importing store data from such archives.

Also, if both CS-Cart 3 and 2.2.4 are installed on the same server, you will be able to perform data transfer without creating a transition archive: CS-Cart 3 will be able to connect directly to MySQL database of CS-Cart 2.2.4 and gather all data automatically.

バージョン3はたくさん弄ったメジャーバージョンアップだぜ、だからアップデートはこれまでよりも若干トリッキーなんだぜ。
これまでみたいにはいかなくって、バージョン3をインストールしてそこに2.2.4からデータを移さないといけないぜ。
アップデート用アドオンを出すからそれでDBと画像を圧縮して抜き出すぜ。
バージョン3のインポーターを使ってそのデータを取り込むんだぜ。
まぁ同じサーバーにバージョン3と2.2.4がインストールされてれば自動でデータ移行できるけどな!

以上意訳w

あんまり気にすることはなさそうだけどデザインに関してはデータ移行だけでは2.2.4と全く同一にはできないかもね。
再現する作業は必要になりそう。
まだなんとも言えないけど。

Google Insights for Search ちょいと触ってみる

なかなか面白いチャート。

読み取れることは多々あるよね。

EC-CUBE 独走とかそんな誰の目にも分かることは置いといて、去年1年の動きが興味深いなと。特に年末。

日本ではメジャーとは言えないプラットフォームだけを集めてみました。

CS-Cart以外はOSSなので直接比較はまぁフェアではない。日本語版のフリー版が出たのも昨年11月のことなので。

で、何を読み取れるかってことだけど、去年は日本において大きなシェアを持つ「EC-CUBE」「ZenCart」「Magento」の検索クエリーがずっと下げ続けていたんだけど、この間世の人達のECに対する興味は薄れていたのかなぁという疑問が沸いてきて。
で、このスクリーンショットの出番。

メジャーとはいえないこれらのプラットフォームの検索クエリーはどうだったのかと。

んー減ってるねw

これを震災の影響だと言っちゃうのは簡単だけど、たぶん関係ない。3月に入る前から急減してるし。

そうかASPに流れたのか?

流れていなそうだけど、検索ボリュームに圧倒的な差があるから判断し難いな。

Amazon抜いてみよう。

あれ。。Amazon抜くと楽天上昇してんのか。

 

ただし、このGoogle Insights for Searchはベータサービスだから精度はちょっと微妙。
(検索クエリーの取り方によって結果が大きく変わる上に期間指定でよく分かんない結果になるので注意は必要です)