第25回オープンラボ岡山（http://local.aguuu.com/events/17225）でのセッションの資料です。なんだかamplifizr（http://amplifizr.jp/）の報告会みたいなセッションになってしまいました。まあ、Web屋さん視点でamplifizrの参加レポートを #olojp で行ったという感じで捉えて頂ければ。 Thanks（参考になった方々） 大月茂樹氏（https://twitter.com/ohtsuki2843） こもりまさあき氏（https://twitter.com/cipher） 長谷川恭久氏（https://twitter.com/yhassy） その他あらゆる場面で情報をシェアしていただいているみなさん。

1. このところのWeb制作事情
前川昌幸
2013-06-23 第25回オープンラボ岡山

2. 自己紹介
• @maepon
• 株式会社 スクイズ研究所 所属
• マークアップ/フロントエンドエンジニア

3. okayama-js

4. 岡山でCSS3を学ぼう会

5. はじめに
最近のWeb制作事情をテーマに？

6. Web閲覧環境の変化
スマートフォン？タブレット？

7. Fragment!
2013年6月
http://japanese.engadget.com/2013/05/01/android-jelly-bean-4-1-ics-4-0-55-9/

8. Fragment!!
2012年8月
http://opensignal.com/reports/fragmentation.php

9. Fragment!!!
2012年8月
http://opensignal.com/reports/fragmentation.php

12. http://bradfrostweb.com/blog/post/this-is-the-web/

13. 何で見られるかわかったもんじゃない

14. 長谷川恭久 氏(@yhassy)
PCはもはや過去のデバイス

15. 黒ベンツ先生
(大月茂樹：@ohtsuki2843)
求められるのは
『最適化』ではなく『汎用化』

16. で、どうすんのよ？

17. これまでは画面全体を作り上げて実装

18. 既存のデバイスや未知のデバイスを
全て想定するの？できるの？

19. サイトのルック＆フィールから
パーツを作り組み上げる

20. http://www.starbucks.com/static/reference/styleguide/

21. 組み上げながらデザイン

22. http://trentwalton.com/2011/07/14/content-choreography/

23. 話変わりまして…
Webサイトはサクッと作ろう

24. http://expo.getbootstrap.com/

25. スタートアップはstaticでサクサクと

26. Amazon S3でお安く始める？

31. ローカルで生成してサクッとデプロイ

32. それぞれについてはまた解説します
（リクエストあれば…）

33. また話変わりまして…
CMSに求められること

34. http://ogp.me/
The Open Graph protocol

35. リッチスニペット
http://www.schema.org/

36. Twitter Cards
https://dev.twitter.com/docs/cards

37. コンテンツの管理
↓
コンテンツがどう利用されるかの管理

38. 複雑化していく入力をどう運用していくか

39. システム・UI・運用それぞれの連携が重要に

40. まとめ
バラバラと話しましたが…
近々Web制作は
テーブル→CSSレイアウト以上の
大きな変化が起きそう

41. まとめ
制作には『対応力』が求められる時代に
#olojpの皆さん、Webに乗り込む準備はいかが？

42. ありがとうございました
Twitter: @maepon