Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Webサイトのライブデザイン&コーディング実演授業!

1,236 views

Published on

schoo WEB-campus

Published in: Business
  • Be the first to comment

Webサイトのライブデザイン&コーディング実演授業!

  1. 1. Live schoo WEB-campus 2013年12月21日 金澤直毅
  2. 2. Naoki Kanazawa http://designless.net
  3. 3. ? 外部のWebサイ トを 納品したことはありますか ?
  4. 4. 1 ワークフロー 2 キックオフ 3 メイキング
  5. 5. 1 ワークフロー
  6. 6. coffitivity.com rainycafe.com
  7. 7. 多様化
  8. 8. Case 1 オーダーメイド 人力
  9. 9. Case 2 CSSフレームワーク Bootstrap / Foundation / Gumby...
  10. 10. Case 3 CMS WordPress / Movable Type / a-blog cms...
  11. 11. Case 4 静的サイトジェネレーター Middleman / Docpad / Phest / Yeoman...
  12. 12. 2 キックオフ
  13. 13. Client 株式会社バレット 仮
  14. 14. Service 飲食店の経営 コンサルティング イベント企画
  15. 15. Concept
  16. 16. Principle デンマークの空間で日本をあたためる
  17. 17. Restaurants ペリカンカフェ スズ メ食 堂 スワンカフェ シ ー ガルカフェ ムクドリ食 堂 カササギ 食 堂
  18. 18. Requirements Definition 9 IE ∼ スマートデバイス モダンブラウザで崩れない ・
  19. 19. 3 メイ キング
  20. 20. Sitemap 情報設計 Information Architecture
  21. 21. Wireframe レイアウト thumbnails
  22. 22. Visualize 視覚化 color / typeface / photograph
  23. 23. Coding 実装 HTML / CSS / jQuery
  24. 24. Publish 公開 validate / optimize / upload
  25. 25. Special Thnks Web Design Bookmark https://gist.github.com/designless/8037561
  26. 26. ? 質疑応答
  27. 27. レポート課題 個人制作の メ ッ ・ リ ト リ ト デメ ッ
  28. 28. schoo WEB-campus 2013年12月21日 金澤直毅

×