Cssnite in sapporovol14
33
西山 泰史（株式会社ジャクスタポジション） 2014.7.6 Sun. CSS Nite in SAPPORO, Vol.14 「選ばれるECサイト」 © 2014 Cart by halfrain Webサイト 制作に関わる デザイナー のみなさん。 こんな ショッピングカート、 作ってみました。
-
Upload
yasufumi-nishiyama -
Category
Internet
-
view
962 -
download
2
description
2014年7月6日（日）に札幌市で開催された、CSSNite in SAPPORO Vol.14 「選ばれるECサイト」にて使用したスライドです。 当日は10分間のショートセッションを担当しました。 動画はこちらでご覧いただけます。→ http://vimeo.com/100224658
Transcript of Cssnite in sapporovol14
西山 泰史（株式会社ジャクスタポジション） 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 http://skeleton.juxtaposition.jp/image-upload-utility/
今日のミッション SKELETON CARTを 使ってみたいと 思ってもらうこと
1. SKELETON CART？ 2. 開発に至った理由 3. できること／できないこと 4. プラグインによる拡張 5. まとめ
• PHPで作られたショッピングカート • データベース不要（商品情報はCSV） • HTMLテンプレート （PHPとHTMLが分離＝デザイン自由）
• 買取型（27,000円）、クレジット記載不要
• その名の通り「骨格だけ」のカート
インストール直後のHTML
© 2011 65:365 by hermitsmoores
開発に至った理由
デザインを自由に変更したい ASPの管理画面とか嫌だ ドメイン変えたくない
PHPやCGIも触りたくない
理由①
Webサイトを運営することと ECサイトで商品登録するのが 別作業なのがめんどうだった
理由②
※Movable Type／WordPressと 連携するカートが欲しかった
クレジット消したい ライセンスがよくわからん
日本語でおｋ
理由③
つまり、自分が欲しかった
できる
基本的なことはだいたいできる スマートフォンへの対応OK 便利な機能をプラグインで追加できる
できない
商品ページ作成機能がない リアルタイムな在庫数表示ができない 会員登録／管理機能がない
© 2009 Moustache May Twelth! by Brandon Cripps
無償配布のプラグインで こんなこともできちゃいます
無償配布プラグインでこんなこともできます①
商品オプションごとに 価格を加算
例えば、オリジナルTシャツの販売サイト 素材／サイズ／プリントの位置など 基本価格に加算していくことができる
!
!
!
!
!
プラグインにオプション毎の加算額を書くだけ
無償配布プラグインでこんなこともできます②
都道府県×重量の送料設定
お米や飲料など、特に重たいものは、 お届け先だけじゃなく「重さ」によっても
送料が変わるケースが多い !
しかも、配送業者と交渉できるので、 ECサイトごとに細かく送料が違う
送料をマトリクス表で設定可能にした CSVなのでエクセルで作ってOK
無償配布プラグインでこんなこともできます③
MT／WPで商品管理
できる
基本的なことはだいたいできる スマートフォンへの対応OK 便利な機能をプラグインで追加できる
できない
商品ページ作成機能がない リアルタイムな在庫数表示ができない 会員登録／管理機能がない
通常、CSVで商品データを管理 プラグインを利用することで
MT／WPのDBを利用できるようにした
①ブログ記事を商品ページとして利用 ②カスタムフィールドで 在庫管理と在庫数の表示を実現 →MTでも再構築不要！ ③CMSとECの管理画面を1つにできる ④Webサイト構築のスキルを活用できる ⑤サイト運営にチカラを入れられる
今日紹介した以外にも さまざまなプラグインあります
プラグインのほぼすべてが ユーザーのニーズに応えて作ったもの
だから今後も増える...と思う
SKELETON CARTのポイントWebサイト制作会社が開発 初期設置は簡単3ステップ HTMLテンプレートだから自由自在 プラグインで機能拡張可能 MT／WPで商品管理（管理画面が1つ）
もちろん試用版あります まずはお試しください
ありがとうございました
西山 泰史（株式会社ジャクスタポジション） 2014.7.6 Sun CSS Nite in SAPPORO, Vol.14 「選ばれるECサイト」
Webサイト制作に関わるデザイナーのみなさん。 こんなショッピングカート、作ってみました。
