HTML5
が最近どうなっていて何があぶなっかしいのか?
OWASP Kansai
2014.6.6
Bathtimefish 村岡 正和
HTML5-WEST.jp代表 / html5j マークアップ部 部長 / HTML5 Experts.jp メンバー
GDG京都 / CSS Nite in OSAKA / 神戸ITフェスティバル実行委員など
むらおか まさかず
村岡正和
H...
監修しました。
実例ごとの実装例がたくさん書いてあ
ります。ウェブサイト制作やCMSの運
用時に便利です。
好評販売中!!
Firefox OSの
薄い本書きました。
http://goo.gl/mA8ebW
好評発売中!
開発に、「もえあがる」のはつきものだ
第一話 がいあハックス
(Gaia開発環境の構築とデバッグ)
著
HTML5
HTML5は
一言でいうと、
広い
ひ ろ
もうとっくに「ホームページ制作技術」じゃない!!
1. 技術範囲が広い
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 (DisplaySear...
They are all Web Device.
Firefox OS
http://www.mozilla.org/ja/firefox/os/
PanasonicからTVが出そう
パナソニック、Mozillaと提携して
Firefox OS搭載のスマートTV開発へ
http://jp.techcrunch.com/2014/01/07/20140106panasonic-ffos-tv...
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
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!
HTML5が最近どうなっていて何があぶなっかしいのか?
HTML5が最近どうなっていて何があぶなっかしいのか?
HTML5が最近どうなっていて何があぶなっかしいのか?
Upcoming SlideShare
Loading in …5
×

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

1,822
-1

Published on

Published in: Technology

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

  1. 1. HTML5 が最近どうなっていて何があぶなっかしいのか? OWASP Kansai 2014.6.6 Bathtimefish 村岡 正和
  2. 2. HTML5-WEST.jp代表 / html5j マークアップ部 部長 / HTML5 Experts.jp メンバー GDG京都 / CSS Nite in OSAKA / 神戸ITフェスティバル実行委員など むらおか まさかず 村岡正和 HTML5-WEST.jp Webアプリケーション開発 IT業務システム設計/開発 Webサービス導入/事業戦略コンサルティング @bathtimefish
  3. 3. 監修しました。 実例ごとの実装例がたくさん書いてあ ります。ウェブサイト制作やCMSの運 用時に便利です。 好評販売中!!
  4. 4. Firefox OSの 薄い本書きました。 http://goo.gl/mA8ebW 好評発売中! 開発に、「もえあがる」のはつきものだ 第一話 がいあハックス (Gaia開発環境の構築とデバッグ) 著
  5. 5. HTML5
  6. 6. HTML5は 一言でいうと、 広い ひ ろ もうとっくに「ホームページ制作技術」じゃない!!
  7. 7. 1. 技術範囲が広い
  8. 8. DEMO
  9. 9. 2. プラットフォームが広い
  10. 10. 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) 全世界の製品出荷台数/年
  11. 11. They are all Web Device.
  12. 12. Firefox OS http://www.mozilla.org/ja/firefox/os/
  13. 13. PanasonicからTVが出そう パナソニック、Mozillaと提携して Firefox OS搭載のスマートTV開発へ http://jp.techcrunch.com/2014/01/07/20140106panasonic-ffos-tvs/
  14. 14. TV TunerがJSで操れそう http://airpingu.github.io/tv-tuner-api/index.html
  15. 15. Tizen IVI https://wiki.tizen.org/wiki/IVI/IVI_Platforms
  16. 16. Automotive Grade Linux https://automotive.linuxfoundation.org/
  17. 17. IVI Dashboard App Source Code
  18. 18. Vehicle Information API https://rawgit.com/w3c/automotive-bg/master/snapshots/vehicle_spec_snapshot_latest.html
  19. 19. WEB of Things WoT
  20. 20. JavaScriptで 焦電センサー制御 http://www.espruino.com/
  21. 21. 学校教育でもHTML & JavaScript 「情報の科学」2014年度版 日本文教出版
  22. 22. 大事なことなので、もう一度。 HTML5は広い。 最先端Web技術は、あらゆる技術分野、 あらゆる市場を巻き込んで進化していってる。
  23. 23. で、なにが あぶなっかしいのか?
  24. 24. 1. WEB(通信技術として) 現時点で脆弱だと思われるもの 2. RIA(JavaScript) 3. 技術者 4. お客様
  25. 25. 1. WEB, 2. RIAについて このあとの講演で くわしく :-)
  26. 26. 3. 技術者について RIA制作者のセキュリティ意識はピンキリ ついでに、技術レベルもピンキリ 「ブラウザパフォーマンスを最大限に発揮する JS最適化ハックから、ブログのjQuery サンプルコードのコピペまで」 すべて肩書は「WEBクリエイター」
  27. 27. 4. お客様について
  28. 28. どうやったら安全になるんでしょうね? いっしょに考えましょう! よりよいWEBのために :)
  29. 29. Thanks!
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×