Your SlideShare is downloading. ×
0
西山 泰史(株式会社ジャクスタポジション)
2014.7.6 Sun. CSS Nite in SAPPORO, Vol.14 「選ばれるECサイト」
© 2014 Cart by halfrain
Webサイト制作に関わる
デザイナーのみなさ...
自己紹介
西山 泰史
にしやま やすふみ
株式会社ジャクスタポジション
札幌市在住のWebディレクター
創業10年目(法人1年目)
Movable Type でのサイト構築
そこそこ規模の大きいECサイトとか
三度の飯より食べることが好き
Movable Type ユーザーグループ
MT蝦夷
Webデザイナーのためのショッピングカート
SKELETON CART
http://skeleton.juxtaposition.jp/
!
Movable Typeの画像アップロード機能補助プラグイン
ImageUploadUtility
...
今日のミッション
SKELETON CARTを
使ってみたいと
思ってもらうこと
1. SKELETON CART?
2. 開発に至った理由
3. できること/できないこと
4. プラグインによる拡張
5. まとめ
SKELETON CART?
© 2010 Hysteria by Devensters
• PHPで作られたショッピングカート
• データベース不要(商品情報はCSV)
• HTMLテンプレート

(PHPとHTMLが分離=デザイン自由)
• 買取型(27,000円)、クレジット記載不要
• その名の通り「骨格だけ」のカート
インストール直後のHTML
詳しくはWebサイトで
http://skeleton.juxtaposition.jp
または「スケルトンカート」で検索♡
© 2011 65:365 by hermitsmoores
開発に至った理由
デザインを自由に変更したい
ASPの管理画面とか嫌だ
ドメイン変えたくない
PHPやCGIも触りたくない
理由①
Webサイトを運営することと
ECサイトで商品登録するのが
別作業なのがめんどうだった
理由②
※Movable Type/WordPressと
連携するカートが欲しかった
クレジット消したい
ライセンスがよくわからん
日本語でおk
理由③
つまり、自分が欲しかった
© 2010 how we roll by meltsley
できること/できないこと
できる
 基本的なことはだいたいできる
 スマートフォンへの対応OK

 便利な機能をプラグインで追加できる
できない
 商品ページ作成機能がない

 リアルタイムな在庫数表示ができない

 会員登録/管理機能がない
© 2009 Moustache May Twelth! by Brandon Cripps
無償配布のプラグインで
こんなこともできちゃいます
無償配布プラグインでこんなこともできます①
商品オプションごとに
価格を加算
例えば、オリジナルTシャツの販売サイト
素材/サイズ/プリントの位置など
基本価格に加算していくことができる
!
!
!
!
!
プラグインにオプション毎の加算額を書くだけ
無償配布プラグインでこんなこともできます②
都道府県 重量の送料設定
お米や飲料など、特に重たいものは、
お届け先だけじゃなく「重さ」によっても
送料が変わるケースが多い
!
しかも、配送業者と交渉できるので、
ECサイトごとに細かく送料が違う
送料をマトリクス表で設定可能にした
CSVなのでエクセルで作ってOK
無償配布プラグインでこんなこともできます③
MT/WPで商品管理
できる
 基本的なことはだいたいできる

 スマートフォンへの対応OK

 便利な機能をプラグインで追加できる
できない
 商品ページ作成機能がない

 リアルタイムな在庫数表示ができない

 会員登録/管理機能がない
通常、CSVで商品データを管理
プラグインを利用することで
MT/WPのDBを利用できるようにした
①ブログ記事を商品ページとして利用
②カスタムフィールドで
 在庫管理と在庫数の表示を実現
 →MTでも再構築不要!
③CMSとECの管理画面を1つにできる
④Webサイト構築のスキルを活用できる
⑤サイト運営にチカラを入れられる
今日紹介した以外にも
さまざまなプラグインあります
プラグインのほぼすべてが
ユーザーのニーズに応えて作ったもの
だから今後も増える...と思う
© 2009 dino kart by Jes
まとめ
SKELETON CARTのポイント
Webサイト制作会社が開発
初期設置は簡単3ステップ
HTMLテンプレートだから自由自在
プラグインで機能拡張可能
MT/WPで商品管理(管理画面が1つ)
もちろん試用版あります
まずはお試しください
ありがとうございました
西山 泰史(株式会社ジャクスタポジション)
2014.7.6 Sun CSS Nite in SAPPORO, Vol.14 「選ばれるECサイト」
Webサイト制作に関わるデザイナーのみなさん。
こんなショッピングカー...
Upcoming SlideShare
Loading in...5
×

Cssnite in sapporovol14

1,005

Published on

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

Published in: Internet
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,005
On Slideshare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
1
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Transcript of "Cssnite in sapporovol14"

  1. 1. 西山 泰史(株式会社ジャクスタポジション) 2014.7.6 Sun. CSS Nite in SAPPORO, Vol.14 「選ばれるECサイト」 © 2014 Cart by halfrain Webサイト制作に関わる デザイナーのみなさん。 こんなショッピングカート、 作ってみました。
  2. 2. 自己紹介
  3. 3. 西山 泰史 にしやま やすふみ 株式会社ジャクスタポジション 札幌市在住のWebディレクター 創業10年目(法人1年目) Movable Type でのサイト構築 そこそこ規模の大きいECサイトとか 三度の飯より食べることが好き
  4. 4. Movable Type ユーザーグループ MT蝦夷
  5. 5. Webデザイナーのためのショッピングカート SKELETON CART http://skeleton.juxtaposition.jp/ ! Movable Typeの画像アップロード機能補助プラグイン ImageUploadUtility http://skeleton.juxtaposition.jp/image-upload-utility/
  6. 6. 今日のミッション SKELETON CARTを 使ってみたいと 思ってもらうこと
  7. 7. 1. SKELETON CART? 2. 開発に至った理由 3. できること/できないこと 4. プラグインによる拡張 5. まとめ
  8. 8. SKELETON CART? © 2010 Hysteria by Devensters
  9. 9. • PHPで作られたショッピングカート • データベース不要(商品情報はCSV) • HTMLテンプレート
 (PHPとHTMLが分離=デザイン自由) • 買取型(27,000円)、クレジット記載不要 • その名の通り「骨格だけ」のカート
  10. 10. インストール直後のHTML
  11. 11. 詳しくはWebサイトで http://skeleton.juxtaposition.jp または「スケルトンカート」で検索♡
  12. 12. © 2011 65:365 by hermitsmoores 開発に至った理由
  13. 13. デザインを自由に変更したい ASPの管理画面とか嫌だ ドメイン変えたくない PHPやCGIも触りたくない 理由①
  14. 14. Webサイトを運営することと ECサイトで商品登録するのが 別作業なのがめんどうだった 理由② ※Movable Type/WordPressと 連携するカートが欲しかった
  15. 15. クレジット消したい ライセンスがよくわからん 日本語でおk 理由③
  16. 16. つまり、自分が欲しかった
  17. 17. © 2010 how we roll by meltsley できること/できないこと
  18. 18. できる  基本的なことはだいたいできる  スマートフォンへの対応OK
  便利な機能をプラグインで追加できる できない  商品ページ作成機能がない
  リアルタイムな在庫数表示ができない
  会員登録/管理機能がない
  19. 19. © 2009 Moustache May Twelth! by Brandon Cripps 無償配布のプラグインで こんなこともできちゃいます
  20. 20. 無償配布プラグインでこんなこともできます① 商品オプションごとに 価格を加算
  21. 21. 例えば、オリジナルTシャツの販売サイト 素材/サイズ/プリントの位置など 基本価格に加算していくことができる ! ! ! ! ! プラグインにオプション毎の加算額を書くだけ
  22. 22. 無償配布プラグインでこんなこともできます② 都道府県 重量の送料設定
  23. 23. お米や飲料など、特に重たいものは、 お届け先だけじゃなく「重さ」によっても 送料が変わるケースが多い ! しかも、配送業者と交渉できるので、 ECサイトごとに細かく送料が違う
  24. 24. 送料をマトリクス表で設定可能にした CSVなのでエクセルで作ってOK
  25. 25. 無償配布プラグインでこんなこともできます③ MT/WPで商品管理
  26. 26. できる  基本的なことはだいたいできる
  スマートフォンへの対応OK
  便利な機能をプラグインで追加できる できない  商品ページ作成機能がない
  リアルタイムな在庫数表示ができない
  会員登録/管理機能がない
  27. 27. 通常、CSVで商品データを管理 プラグインを利用することで MT/WPのDBを利用できるようにした
  28. 28. ①ブログ記事を商品ページとして利用 ②カスタムフィールドで  在庫管理と在庫数の表示を実現  →MTでも再構築不要! ③CMSとECの管理画面を1つにできる ④Webサイト構築のスキルを活用できる ⑤サイト運営にチカラを入れられる
  29. 29. 今日紹介した以外にも さまざまなプラグインあります プラグインのほぼすべてが ユーザーのニーズに応えて作ったもの だから今後も増える...と思う
  30. 30. © 2009 dino kart by Jes まとめ
  31. 31. SKELETON CARTのポイント Webサイト制作会社が開発 初期設置は簡単3ステップ HTMLテンプレートだから自由自在 プラグインで機能拡張可能 MT/WPで商品管理(管理画面が1つ)
  32. 32. もちろん試用版あります まずはお試しください
  33. 33. ありがとうございました 西山 泰史(株式会社ジャクスタポジション) 2014.7.6 Sun CSS Nite in SAPPORO, Vol.14 「選ばれるECサイト」 Webサイト制作に関わるデザイナーのみなさん。 こんなショッピングカート、作ってみました。
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×