Your SlideShare is downloading. ×
Webサイトのライブデザイン&コーディング実演授業!
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

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

899
views

Published on

schoo WEB-campus

schoo WEB-campus

Published in: Business

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
899
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
5
Comments
0
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

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

×