1. Web標準技術の
今とこれからを考える
村岡正和 ・ 秋葉秀樹

2. HTML5って使えるの？
・現状
・Webアプリ化
・ネイティブアプリ化
・必要スキルは技術なの？
HTML5時代に求められる本当のスキルって？
・個人的にこれかな？と思うHTML5技術を挙げてみました
「HTML5 ? Flash ?」
・Flashを排除する動きに流されない正しい知識と理解
・技術だけで、なし得ないものとは
・メッセージ ∼ 私たちクリエータの幸せとは？

3. HTML5って使えるの？

4. サイト内の文脈ごと構造化してデータ化
（セマンティック・マークアップ）
デスクトップ・ネイティブアプリ並みの
機能をブラウザや端末で実現
（JavaScript API）

5. クロスブラウザ
クロスプラットフォーム
プラグイン不要

6. D EMO 実装状況がバラバラ
ブラウザによって「できる」「できない」がある
たとえば、こんな当たり前のことも…

7. W3C
標準化団体が議論中 Recommendation
Proposed
Recommendation
Candidate
Recommendation
Last Call
Working Draft
Working Draft
First Public
Working Draft
Editor's Draft
W3C, WHATWGの策定スピードの差、
勧告候補から草案まで色々

8. 使用するテクノロジー自体未決定
video要素のコーデック問題、Webフォントのフォーマット採用率
WebM
H.264

9. まとめ：HTML5って使えるの？
場合によっては…
・ブラウザが限定される
・フォールバックでも使えたらマシ
現時点では一般的な案件には不向き
違う価値を見いださなければ現状使いにくい

10. 違う価値とは?

11. Webアプリ化
（Webブラウザで動作するアプリ）
Webサイトに便利機能を付加
D EMO

12. Webアプリ化：まとめ
ブラウザを限定した、として…
それでもユーザが「便利」と思えるWebアプリが増えると
「古いブラウザはやめよう！」
（メリット）
の常識が加速する可能性がある

13. そもそも古いブラウザとは
CSSの解釈がおかしい、という問題以前に…
バグのあるソフトウェアで動かしている
という認識…
サービスに貢献できない可能性もあるのに
なぜ使う？という問題

14. D EMO
ネイティブアプリ化
（HTMLベースで作ったWebアプリをネイティブ化）
私たちのスキルが活かされる
Adobe PhoneGap Build
https://build.phonegap.com/apps

15. TIZEN OS
Firefox OS

16. ネイティブアプリ化：まとめ
多くのソリューション
（PhoneGap, ダイナミックアプリ etc）では
・情報構造をHTML5
・装飾をCSS
・制御をJavaScript
というWeb標準（私たちの親しんでいる）技術を
基本としてつくるというコンセプト

17. 必要スキルは技術なの？
（これだけ色々なことができるとなると必要なスキルとは？）
TALK

18. HTML5時代に求められる
本当のスキルって？

19. 個人的にこれかな？
と思うHTML5技術を挙げてみました TA LK&
D EMO

20. Flash
を排除する動きに流されない
正しい知識と理解
TALK

21. 「HTML5はFlashの代わりになる？」
この一つの解として言えること…

22. クロスブラウザとは言ってるけど…?
http://www23.atwiki.jp/sevenlives/pages/357.html

23. Mac PC
○ ○
× △
iOS (iPhone / iPad) Android
問題はMac/PC同等のFlashの演出が
そもそもスマートフォンで必要か？

24. 処理負荷の高い
ゲームや
3Dアニメーション

25. Air for Android
Air for iOS
D EMO

26. 技術だけで、なし得ないものとは
TALK

27. メッセージ
∼ 私たちクリエータの幸せとは？
TALK

28. クリエイティブなんだから
カタチのないものをカタチにする。
大変だけど楽しみを実感しながら
つくるのが本来の姿。

29. 下手でもつくろう！
レベルの高い、低いは関係ない。
自分レベルの限界にチャレンジしよう。
そのとき初めて
自分のレベルを超えられる。
その喜びは味わった人にしかわからない。

30. HA NKS
T