HTML5が最近どうなっていて何があぶなっかしいのか？

•

9 likes•2,992 views

Masakazu Muraoka

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

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

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

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

HTML5

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

1. 技術範囲が広い

HTML5が最近どうなっていて何があぶなっかしいのか？

HTML5が最近どうなっていて何があぶなっかしいのか？

DEMO

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

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)
全世界の製品出荷台数／年

They are all Web Device.

Firefox OS
http://www.mozilla.org/ja/ﬁrefox/os/

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

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

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

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

IVI Dashboard App Source Code

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

WEB of Things
WoT

HTML5が最近どうなっていて何があぶなっかしいのか？

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

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

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

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

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

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

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

4. お客様について

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

Thanks!

More Related Content

HTML5が最近どうなっていて何があぶなっかしいのか？

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

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

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

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

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

7. 1. 技術範囲が広い

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/ﬁrefox/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のために :)