1. HTML5
が最近どうなっていて何があぶなっかしいのか？
OWASP Kansai
2014.6.6
Bathtimefish 村岡 正和

2. HTML5-WEST.jp代表 / html5j マークアップ部 部長 / HTML5 Experts.jp メンバー
GDG京都 / CSS Nite in OSAKA / 神戸ITフェスティバル実行委員など
むらおか まさかず
村岡正和
HTML5-WEST.jp
Webアプリケーション開発 IT業務システム設計/開発
Webサービス導入/事業戦略コンサルティング
@bathtimefish

3. 監修しました。
実例ごとの実装例がたくさん書いてあ
ります。ウェブサイト制作やCMSの運
用時に便利です。
好評販売中！！

4. Firefox OSの
薄い本書きました。
http://goo.gl/mA8ebW
好評発売中！
開発に、「もえあがる」のはつきものだ
第一話 がいあハックス
（Gaia開発環境の構築とデバッグ）
著

5. HTML5

6. HTML5は
一言でいうと、
広い
ひ ろ
もうとっくに「ホームページ制作技術」じゃない！！

7. 1. 技術範囲が広い

10. DEMO

11. 2. プラットフォームが広い

12. 258,400,000
82,600,000
50,430,000
47,600,000
Smart Phone
PC
TV
Tablet
2013.3Q (IDC)
2013.3Q (Gartner)
2013.2Q (DisplaySearch)
2013.3Q (IDC)
全世界の製品出荷台数／年

13. They are all Web Device.

14. Firefox OS
http://www.mozilla.org/ja/firefox/os/

15. PanasonicからTVが出そう
パナソニック、Mozillaと提携して
Firefox OS搭載のスマートTV開発へ
http://jp.techcrunch.com/2014/01/07/20140106panasonic-ffos-tvs/

16. TV TunerがJSで操れそう
http://airpingu.github.io/tv-tuner-api/index.html

17. Tizen IVI
https://wiki.tizen.org/wiki/IVI/IVI_Platforms

18. Automotive Grade Linux
https://automotive.linuxfoundation.org/

19. IVI Dashboard App Source Code

20. Vehicle Information API
https://rawgit.com/w3c/automotive-bg/master/snapshots/vehicle_spec_snapshot_latest.html

21. WEB of Things
WoT

23. JavaScriptで
焦電センサー制御
http://www.espruino.com/

24. 学校教育でもHTML & JavaScript
「情報の科学」2014年度版 日本文教出版

25. 大事なことなので、もう一度。
HTML5は広い。
最先端Web技術は、あらゆる技術分野、
あらゆる市場を巻き込んで進化していってる。

26. で、なにが
あぶなっかしいのか？

27. 1. WEB(通信技術として）
現時点で脆弱だと思われるもの
2. RIA(JavaScript)
3. 技術者
4. お客様

28. 1. WEB, 2. RIAについて
このあとの講演で
くわしく :-)

29. 3. 技術者について
RIA制作者のセキュリティ意識はピンキリ
ついでに、技術レベルもピンキリ
「ブラウザパフォーマンスを最大限に発揮する
JS最適化ハックから、ブログのjQuery
サンプルコードのコピペまで」
すべて肩書は「WEBクリエイター」

30. 4. お客様について

31. どうやったら安全になるんでしょうね？
いっしょに考えましょう！
よりよいWEBのために :)

32. Thanks!