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

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

Upload: masakazu-muraoka

Post on 15-Jan-2015

1.163 views

Category:

Technology


2 download

DESCRIPTION

 

TRANSCRIPT

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

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

OWASP Kansai2014.6.6

Bathtimefish 村岡 正和

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

HTML5-WEST.jp代表 / html5j マークアップ部 部長 / HTML5 Experts.jp メンバーGDG京都 / CSS Nite in OSAKA / 神戸ITフェスティバル実行委員など

むらおか まさかず

村岡正和

HTML5-WEST.jp

Webアプリケーション開発 IT業務システム設計/開発Webサービス導入/事業戦略コンサルティング

@bathtimefish

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

監修しました。

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

好評販売中!!

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

Firefox OSの薄い本書きました。

http://goo.gl/mA8ebW

好評発売中!

開発に、「もえあがる」のはつきものだ

第一話 がいあハックス (Gaia開発環境の構築とデバッグ)

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

HTML5

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

HTML5は

一言でいうと、

広いひ ろ

もうとっくに「ホームページ制作技術」じゃない!!

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

1. 技術範囲が広い

Page 8: HTML5が最近どうなっていて何があぶなっかしいのか?
Page 9: HTML5が最近どうなっていて何があぶなっかしいのか?
Page 10: HTML5が最近どうなっていて何があぶなっかしいのか?

DEMO

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

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

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

258,400,00082,600,00050,430,000

47,600,000

Smart Phone

PC

TV

Tablet

2013.3Q (IDC)

2013.3Q (Gartner)

2013.2Q (DisplaySearch)

2013.3Q (IDC)

全世界の製品出荷台数/年

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

They are all “Web” Device.

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

Firefox OS

http://www.mozilla.org/ja/firefox/os/

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

PanasonicからTVが出そう

パナソニック、Mozillaと提携してFirefox OS搭載のスマートTV開発へ

http://jp.techcrunch.com/2014/01/07/20140106panasonic-ffos-tvs/

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

TV TunerがJSで操れそう

http://airpingu.github.io/tv-tuner-api/index.html

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

Tizen IVI

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

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

Automotive Grade Linux

https://automotive.linuxfoundation.org/

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

IVI Dashboard App Source Code

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

Vehicle Information API

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

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

WEB of Things

WoT

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

JavaScriptで焦電センサー制御

http://www.espruino.com/

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

学校教育でもHTML & JavaScript

「情報の科学」2014年度版 日本文教出版

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

大事なことなので、もう一度。

HTML5は広い。

最先端Web技術は、あらゆる技術分野、あらゆる市場を巻き込んで進化していってる。

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

で、なにが

あぶなっかしいのか?

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

1. WEB(通信技術として)

現時点で脆弱だと思われるもの

2. RIA(JavaScript)

3. 技術者

4. お客様

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

1. WEB, 2. RIAについて

このあとの講演でくわしく :-)

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

3. 技術者について

RIA制作者のセキュリティ意識はピンキリ

ついでに、技術レベルもピンキリ

「ブラウザパフォーマンスを最大限に発揮するJS最適化ハックから、ブログのjQueryサンプルコードのコピペまで」

すべて肩書は「WEBクリエイター」

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

4. お客様について

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

どうやったら安全になるんでしょうね?

いっしょに考えましょう!

よりよいWEBのために :)

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

Thanks!