MTDDC Meetup NAGOYA 2014_LT資料

36
Web制作に携わる 全てのデザイナーの皆さん こんなショッピングカート 作ってみました。 SKELETON CARTとMovable TypeでサクッとECサイト構築 MTDDC Meetup NAGOYA 2014(2014.01.18)

description

2014年1月18日に開催されたMTDDC Meetup NAGOYAのライトニングトーク資料です。 SKELETON CARTを紹介しています。

Transcript of MTDDC Meetup NAGOYA 2014_LT資料

Page 1: MTDDC Meetup NAGOYA 2014_LT資料

Web制作に携わる 全てのデザイナーの皆さん こんなショッピングカート 作ってみました。

SKELETON CARTとMovable TypeでサクッとECサイト構築 MTDDC Meetup NAGOYA 2014(2014.01.18)

Page 2: MTDDC Meetup NAGOYA 2014_LT資料

自己紹介

Page 3: MTDDC Meetup NAGOYA 2014_LT資料

西山 泰史 にしやま やすふみ

北海道札幌市在住 株式会社ジャクスタポジションを経営。 職種はWebディレクター(ノンプログラマー) 創業10年目(法人1年目)、Movable Type歴10年目 好きなMTタグは、ワタシの人生を変えた?MTIf MT蝦夷というMTユーザーグループを主催 三度の飯より食べることが好きMT蝦夷とは、西山がやりたくてやってるユーザーグループです。これ以外にも勉強会など開催しているユーザーさんもいらっしゃいます。 つまり、北海道代表とかじゃないです。念のため。

Page 4: MTDDC Meetup NAGOYA 2014_LT資料

西山と言えば

Page 5: MTDDC Meetup NAGOYA 2014_LT資料
Page 6: MTDDC Meetup NAGOYA 2014_LT資料
Page 7: MTDDC Meetup NAGOYA 2014_LT資料
Page 8: MTDDC Meetup NAGOYA 2014_LT資料

任務完了

Page 9: MTDDC Meetup NAGOYA 2014_LT資料

ありがとうございました。

Page 10: MTDDC Meetup NAGOYA 2014_LT資料

ではなくて、

Page 11: MTDDC Meetup NAGOYA 2014_LT資料

ジャクスタポジションと言えば

Page 12: MTDDC Meetup NAGOYA 2014_LT資料

Webデザイナーのためのショッピングカート

SKELETON CART http://skeleton.juxtaposition.jp/ !Movable Typeの画像アップロード機能補助プラグイン

ImageUploadUtility http://skeleton.juxtaposition.jp/image-upload-utility/

Page 13: MTDDC Meetup NAGOYA 2014_LT資料

SKELETON CART?

Page 14: MTDDC Meetup NAGOYA 2014_LT資料

• PHPで作られたショッピングカート • データベース不要(商品情報はCSV) • HTMLテンプレート(デザイン自由) • プラグインによる機能拡張が可能 • 買取型(26,250円)、クレジット記載不要 • その名の通り「骨格だけ」のカート • 導入は簡単3ステップ • ワタシが欲しいショッピングカートを作った。

Page 15: MTDDC Meetup NAGOYA 2014_LT資料

詳しくはWebサイトをご覧ください

http://skeleton.juxtaposition.jp/

Page 16: MTDDC Meetup NAGOYA 2014_LT資料

シンプルゆえの弱点

Page 17: MTDDC Meetup NAGOYA 2014_LT資料

• 商品ページ作成機能がない→ HTMLで作る必要がある

• リアルタイムな在庫数の出力が出来ない→ 別売りモジュールを使うと可能

• 会員登録/管理機能がない

Page 18: MTDDC Meetup NAGOYA 2014_LT資料

Movable Typeでそこを補うことにした

Page 19: MTDDC Meetup NAGOYA 2014_LT資料

商品ページ作成機能がない

!

Page 20: MTDDC Meetup NAGOYA 2014_LT資料

商品ページ作成機能がない

MT用プラグインで解決

Page 21: MTDDC Meetup NAGOYA 2014_LT資料

SkeletonCartConnector

Page 22: MTDDC Meetup NAGOYA 2014_LT資料

SkeletonCartConnector

Page 23: MTDDC Meetup NAGOYA 2014_LT資料

リアルタイムに在庫数を増減できない

!

!

Page 24: MTDDC Meetup NAGOYA 2014_LT資料

リアルタイムに在庫数を増減できない

SkeletonCartConnectorと、

SKELETON CART用プラグインで解決

Page 25: MTDDC Meetup NAGOYA 2014_LT資料

MTDBConnector商品データとして使用するCSVに代わって、 MTのDBから商品情報を直接参照するためのSKELETON CART用プラグイン。

SkeletonCartConnectorスタティックパブリッシングでも 在庫数を直接DBから参照できるタグを作った。

Page 26: MTDDC Meetup NAGOYA 2014_LT資料

1.Movable Typeで商品ページを作成する ↓

2.SKELETON CARTを通じて商品が1つ売れる ↓

3.MTDBConnectorが、MTのデータベース内にある在庫数を1つマイナスする↓

4.SkeletonCartConnectorが、データベースから直接在庫数を 商品ページに表示する(再構築不要!)↓

5.Movable Typeで在庫数を調整する(ここでも再構築不要!)

SKELETON CARTとMTの連動イメージ

Page 27: MTDDC Meetup NAGOYA 2014_LT資料

会員登録/管理機能がない

!

Page 28: MTDDC Meetup NAGOYA 2014_LT資料

会員登録/管理機能がない

今後にご期待ください…汗

Page 29: MTDDC Meetup NAGOYA 2014_LT資料

DEMO

Page 30: MTDDC Meetup NAGOYA 2014_LT資料

Webサイト上のリアルタイム在庫表示

Page 31: MTDDC Meetup NAGOYA 2014_LT資料

在庫数が855点から854点へ自動減算する状態を動画でご覧いただけます。 http://youtu.be/AIaIIVhSIXM

Page 32: MTDDC Meetup NAGOYA 2014_LT資料

管理画面内の在庫調整

Page 33: MTDDC Meetup NAGOYA 2014_LT資料

Movable Typeの管理画面で在庫数を調整するデモをご覧いただけます。 http://youtu.be/k76zomCrdPk

Page 34: MTDDC Meetup NAGOYA 2014_LT資料

SKELETON CARTは 26,250円(税込)だけど、

SkeletonCartConnectorと MTDBConnectorは無料で利用可!

Page 35: MTDDC Meetup NAGOYA 2014_LT資料

SKELETON CARTで 管理画面を1つに! ぜひ、お試しください

Page 36: MTDDC Meetup NAGOYA 2014_LT資料

ありがとうございました!