1. HTML5時代のWEBクリエイター
に必要なこと
TechLion Kobe
2012.10.4 BathTimeFish

2. 自己紹介
むらおか まさかず
村岡正和 @bathtimefish
Webアプリケーション開発 IT業務システム設計/開発
Webサービス導入/事業戦略コンサルティング
HTML5-WEST.jp代表 / 京都GTUG / CSS Nite in OSAKA / 神戸ITフェス
ティバル実行委員など
HTML5-WEST.jp
HTML5 JavaScript
Python
中国拳法 主夫になりたい
炊事 Google Apps
http://html5-west.jp/

3. HTML5とは
• HTMLの次のバージョンの仕様
• 現在W3C Working Draft Last Call
• 勧告を待たずに多くのブラウザが実
装をはじめている

4. イマココ

5. http://dev.w3.org/html5/decision-policy/html5-2014-plan.html

6. HTML5の特長

7. HTML5の特長
• マシンリーダブルな文章構造
• Webアプリケーションに必要な
多くの機能

8. HTML5の特長
• マシンリーダブルな文章構造
• Webアプリケーションに必要な
多くの機能
今日はこちらを簡単に紹介

9. ？
どれだけすごいの？

10. グラフィック系のデモ
Te c h L i o n i n K o b
• http://roxik.com/mona/
• http://panasonic.jp/lamdash/dna/
• https://developer.mozilla.org/ja/demos/detail/
snappytree/launch
• http://helloracer.com/webgl/
HTML5-WEST.jp

11. 他にも様々な機能がある
Te c h L i o n i n K o b
• Geolocation http://bit.ly/YSQoN
• WebSocket http://bit.ly/1UpYug
• WebStorage http://bit.ly/Ugotk
• IndexedDB http://bit.ly/5eSeBs
...
Webアプリで実現できなかったことが可能になる。
HTML5-WEST.jp

12. ？
一番注目の機能は？
（個人的に）

13. オフライン駆動関連
Te c h L i o n i n K o b
• AppCache http://bit.ly/O36Oui
• WebStorage http://bit.ly/Ugotk
• IndexedDB http://bit.ly/5eSeBs
HTML5-WEST.jp

14. 月と地球

15. 月と地球
約 384,400 km
光速だと約2.5秒で往復

16. ちたま 光速だと約2.5秒で往復
地球のWEBサーバーとの通信は
物理的に遅延する。
NowLoading... が月のユーザーの
ストレスにならないように非同
期処理、オフライン時の動作を
高いレベルで実装する必要があ
る。

17. ちなみに
火星と地球
約 7000万 km
光速で往復 約25分くらいらしい
オフライン動作必須！！

18. HTML5はWebを変える。
そしてWeb制作を変える。

19. HTML5を駆使する
WEBクリエイターに
求められるのは何か？

20. HTML5制作のいま
Te c h L i o n i n K o b
• より高度な制作能力が求められる
洗練されたアプリケーションデザイン、各APIの専門的な知識...
• Web以外の制作知識が必要
ゲーム、モバイル、ネットワーク、組込機器...
• 他業種参入に対する付加価値
他業種のHTML5採用、ウェブ制作会社の専門業でなくなってきている
HTML5-WEST.jp

21. ？
ウェブクリエイターに求められ
るスキルとは？

22. これからのWEB制作者の持ち味
Te c h L i o n i n K o b
• 自分の専門分野に対する深い造詣
Canvas高速化、データ非同期連携、端末毎の動作検証...
• WEB技術全ての知識と判断
全てをおさえた上で、何が使えて何が使えないかケース毎に判断できる
• 常に新しいことに取り組む姿勢
半年前のTIPSは通用しない世界。自分の技術も日々アップデートさせる
HTML5-WEST.jp

23. これらを一人でやるのはしんどいので
、、、orz

24. 制作チームで、分担・共有するのは
どうでしょうか？

25. チームワークを高品質に遂行するための
コミュニケーション能力を身につける。

26. コミュニケーションという付加価値
Te c h L i o n i n K o b
ON HTML5 FIELD 第9回 HTML5制作現場に求められるクリエイターのスキルセット より
http://bit.ly/uv49BX
HTML5-WEST.jp

27. アジャイルなプロジェクトは、短期間高
密度。個々人の技術力よりも密なチーム
ワークがリリースの品質を決めると思う
（経験談）

28. チームのスタッフ（プログラマー、デザ
イナー、ディレクター）がお互いの技術
概要を理解し、立場を尊重してコミュニ
ケーションをとる。

29. HTML5-WEST.jp
各々が専門家として責任のある技術的判断を
し、他者に理解できるよう情報を共有する。
目的、品質を共有して同じゴールに向かって
前向きに取り組めるチームをつくる。
HTML5というパラダイム・シフトの中で、
WEBクリエイターは新しい技術、自分のあり
方を見つけることでシフトアップできる。

30. WEB制作に特化した高度なコミュニ
ケーション技術を洗練していくことが、
今後のWEB制作専業者の強みになるか
もしれない。

31. 一方で、

32. 専門家なら、バズワードにも踊らされ
ちゃダメだよね。

34. Q. Flashは死ぬのか？

35. A. もうそろそろダマされんな。

36. 何かと同じ土俵で比べられる両者ですが、

37. 『ノコギリvs包丁 どっちが切れる！？』
にみえる今日このごろw

38. Thanks！