2014年7月6日（日）に札幌市で開催された、CSSNite in SAPPORO Vol.14 「選ばれるECサイト」にて使用したスライドです。 当日は10分間のショートセッションを担当しました。 動画はこちらでご覧いただけます。→ http://vimeo.com/100224658

1. 西山 泰史（株式会社ジャクスタポジション）
2014.7.6 Sun. CSS Nite in SAPPORO, Vol.14 「選ばれるECサイト」
© 2014 Cart by halfrain
Webサイト制作に関わる
デザイナーのみなさん。
こんなショッピングカート、
作ってみました。

2. 自己紹介

3. 西山 泰史
にしやま やすふみ
株式会社ジャクスタポジション
札幌市在住のWebディレクター
創業10年目（法人1年目）
Movable Type でのサイト構築
そこそこ規模の大きいECサイトとか
三度の飯より食べることが好き

4. Movable Type ユーザーグループ
MT蝦夷

5. Webデザイナーのためのショッピングカート
SKELETON CART
http://skeleton.juxtaposition.jp/
!
Movable Typeの画像アップロード機能補助プラグイン
ImageUploadUtility
http://skeleton.juxtaposition.jp/image-upload-utility/

6. 今日のミッション
SKELETON CARTを
使ってみたいと
思ってもらうこと

7. 1. SKELETON CART？
2. 開発に至った理由
3. できること／できないこと
4. プラグインによる拡張
5. まとめ

8. SKELETON CART？
© 2010 Hysteria by Devensters

9. • PHPで作られたショッピングカート
• データベース不要（商品情報はCSV）
• HTMLテンプレート
（PHPとHTMLが分離＝デザイン自由）
• 買取型（27,000円）、クレジット記載不要
• その名の通り「骨格だけ」のカート

10. インストール直後のHTML

11. 詳しくはWebサイトで
http://skeleton.juxtaposition.jp
または「スケルトンカート」で検索♡

12. © 2011 65:365 by hermitsmoores
開発に至った理由

13. デザインを自由に変更したい
ASPの管理画面とか嫌だ
ドメイン変えたくない
PHPやCGIも触りたくない
理由①

14. Webサイトを運営することと
ECサイトで商品登録するのが
別作業なのがめんどうだった
理由②
※Movable Type／WordPressと
連携するカートが欲しかった

15. クレジット消したい
ライセンスがよくわからん
日本語でおｋ
理由③

16. つまり、自分が欲しかった

17. © 2010 how we roll by meltsley
できること／できないこと

18. できる
基本的なことはだいたいできる
スマートフォンへの対応OK
便利な機能をプラグインで追加できる
できない
商品ページ作成機能がない
リアルタイムな在庫数表示ができない
会員登録／管理機能がない

19. © 2009 Moustache May Twelth! by Brandon Cripps
無償配布のプラグインで
こんなこともできちゃいます

20. 無償配布プラグインでこんなこともできます①
商品オプションごとに
価格を加算

21. 例えば、オリジナルTシャツの販売サイト
素材／サイズ／プリントの位置など
基本価格に加算していくことができる
!
!
!
!
!
プラグインにオプション毎の加算額を書くだけ

22. 無償配布プラグインでこんなこともできます②
都道府県 重量の送料設定

23. お米や飲料など、特に重たいものは、
お届け先だけじゃなく「重さ」によっても
送料が変わるケースが多い
!
しかも、配送業者と交渉できるので、
ECサイトごとに細かく送料が違う

24. 送料をマトリクス表で設定可能にした
CSVなのでエクセルで作ってOK

25. 無償配布プラグインでこんなこともできます③
MT／WPで商品管理

26. できる
基本的なことはだいたいできる
スマートフォンへの対応OK
便利な機能をプラグインで追加できる
できない
商品ページ作成機能がない
リアルタイムな在庫数表示ができない
会員登録／管理機能がない

27. 通常、CSVで商品データを管理
プラグインを利用することで
MT／WPのDBを利用できるようにした

28. ①ブログ記事を商品ページとして利用
②カスタムフィールドで
在庫管理と在庫数の表示を実現
→MTでも再構築不要！
③CMSとECの管理画面を1つにできる
④Webサイト構築のスキルを活用できる
⑤サイト運営にチカラを入れられる

29. 今日紹介した以外にも
さまざまなプラグインあります
プラグインのほぼすべてが
ユーザーのニーズに応えて作ったもの
だから今後も増える...と思う

30. © 2009 dino kart by Jes
まとめ

31. SKELETON CARTのポイント
Webサイト制作会社が開発
初期設置は簡単3ステップ
HTMLテンプレートだから自由自在
プラグインで機能拡張可能
MT／WPで商品管理（管理画面が1つ）

32. もちろん試用版あります
まずはお試しください

33. ありがとうございました
西山 泰史（株式会社ジャクスタポジション）
2014.7.6 Sun CSS Nite in SAPPORO, Vol.14 「選ばれるECサイト」
Webサイト制作に関わるデザイナーのみなさん。
こんなショッピングカート、作ってみました。