勧告に向けて標準化が進んでいます。まずは、こういったAPIの現状をおさらいし、新たに提案されているAPIを紹介しながら、今後のAPIの未来を考察します。

1. Newphoria Corporation
HTML5 関連の API の現状とこれから
2015年8月25日(水)
Leading the way to W3C TPAC 2015
@futomi futomi.hatano
http://www.newphoria.co.jp/

2. Newphoria Corporation
自己紹介
マークアップ解説本 API解説本 APIチュートリアル本Windows 8API解説本
連載：こんなに変わった Ｗｅｂ開発
2

3. Newphoria Corporation
下がり続けるウェブの消費時間
http://nielsen.com/us/en/reports/2014/an-era-of-growth-the-cross-platform-report.html

4. Newphoria Corporation
もくじ
• Webの歴史を振り返る
• 標準化のトレンド
• 産業界ごとの標準化
• Web of Things
• Webはどこへ向かうのか

5. Newphoria Corporation
Webの歴史を振り返る
Webの誕生から25年以上が経過

6. Newphoria Corporation
ウェブの誕生から25年
1989年
Tim Berners-Lee
がHTMLを発明
世界初のウェブ
ページが公開
1990年 1994年
World Wide Web
Consortium設立
http://home.web.cern.ch/topics/birth-web
1993年
WebがPublic
Domainに
2014年

7. Newphoria Corporation
W3Cで策定されたHTML
1997年
HTML3.2
1997年
2000年
1999年 2014年
HTML4.0 HTML4.01
XHTML1.0
HTML5
XHTML1.1 XHTML2.0
2001年 2009年
策定打ち切り

8. Newphoria Corporation
Apple reinvents the phone
Macworld Expo 2007 - Keynote
Steve Jobs,
CEO

9. Newphoria Corporation
Apple reinvents the phone
Macworld Expo 2007 - Keynote
Steve Jobs,
CEO
Flash消えろ！
App Storeで金稼ぐことにしたから
ブラウザーはプアーでいてくれ
HTML5で十分だろ

10. Newphoria Corporation
We're betting big on HTML5
Google I/O 2009 - Keynote Day 1
Vic Gundotra,
Vice President of Developer Platforms
http://youtu.be/S5aJAaGZIvk

11. Newphoria Corporation
We're betting big on HTML5
Google I/O 2009 - Keynote Day 1
Vic Gundotra,
Vice President of Developer Platforms
http://youtu.be/S5aJAaGZIvk
もっと広告を見よ！
Webページをリッチにして
世界中をWeb漬けにするから
いっぱい広告を出稿してね

12. Newphoria Corporation
We love HTML5 so match
Microsoft MIX 10 Day 2 Keynote
Dean Hachamovitch,
General Manager of the Internet Explorer team
http://channel9.msdn.com/Events/MIX/MIX10/KEY02

13. Newphoria Corporation
We love HTML5 so match
Microsoft MIX 10 Day 2 Keynote
Dean Hachamovitch,
General Manager of the Internet Explorer team
http://channel9.msdn.com/Events/MIX/MIX10/KEY02
やべぇ遅れてるよ
今のIEじゃ無理... 作り直すか...
それでも全然追いつけねぇ...
でも名前はすごいぞ「Chakra」

14. Newphoria Corporation
We reimagine Windows
Microsoft Build Day 1 Keynote
Steven Sinofsky,
President of Windows and Windows Live Division
http://channel9.msdn.com/events/BUILD/BUILD2011/KEY-0001

15. Newphoria Corporation
We reimagine Windows
Microsoft Build Day 1 Keynote
Steven Sinofsky,
President of Windows and Windows Live Division
http://channel9.msdn.com/events/BUILD/BUILD2011/KEY-0001
ブラウザーでなくてもよくね？
Windows StoreアプリもHTML5で
機能が足りないから独自APIてんこ盛り

16. Newphoria Corporation
アプリ基盤としてのWebへ
• Web標準が共通のアプリ基盤となる期待が高まる
• W3C標準化の方向性がアプリに必要な機能の標準化へ

17. Newphoria Corporation
標準化のトレンド
アプリ基盤というニーズに応えて

18. Newphoria Corporation
2010年2月販売のHTML5本
拙著白石 俊平 氏 著

19. Newphoria Corporation
2010年当時のHTML5注目機能
• video, audio, canvas, form
• Drag & Drop
• contenteditable, Text selection API, Editing API
• Web Messaging, Server-Sent Events, WebSocket
• Application cache, Web Storage, Web SQL Database
• Web Workers
• Geolocation

20. Newphoria Corporation
当時のHTML5注目機能
• video, audio, canvas, form
• Drag & Drop
• contenteditable, Text selection API, Editing API
• Web Messaging, Server-Sent Events, WebSocket
• Application cache, Web Storage, Web SQL Database
• Web Workers
• Geolocation
Flashの置き換えだ、と言い切ったAp***

21. Newphoria Corporation
当時のHTML5注目機能
• video, audio, canvas, form
• Drag & Drop
• contenteditable, Text selection API, Editing API
• Web Messaging, Server-Sent Events, WebSocket
• Application cache, Web Storage, Web SQL Database
• Web Workers
• Geolocation
ぜんぜん足りないだろ…
Flashの代替だ、と言い切ったAp***

22. Newphoria Corporation
現在の標準化ステータス
• video, audio, canvas, form
• Drag & Drop
• contenteditable, Text selection API, Editing API
• Web Messaging, Server-Sent Events, WebSocket
• Application cache, Web Storage, Web SQL Database
• Web Workers
• Geolocation
勧告 (REC)
勧告候補 (CR)
勧告案 (PR)
草案 (WD)
廃止 (Deprecated)

23. Newphoria Corporation
その後に登場したAPI (1)
• パフォーマンス
• Page Visibility, Navigation Timing, High Resolution Time, Performance
Timeline, Resource Timing, User Timing
• マルチメディア
• WebGL, requestAnimationFrame, Web Animations
• Media Source Extensions, Media Capture and Sreams, MediaStream
Recording, WebRTC, Web Audio, Web Speech, Web MIDI
• センサー
• DeviceOrientaion, Battery Status, Proximity Events, Ambient Light Events

24. Newphoria Corporation
その後に登場したAPI (2)
• 入力デバイス/タッチパネル
• Fullscreen, Screen Orientation, Pointer Lock, Touch Events, Pointer Events,
Gamepad, Vibration
• その他
• Service Workers, Push API, Web Components, Web Notification
• Web Cryptography, File API:*, Indexed Database

25. Newphoria Corporation
アプリ基盤として着々と進化
• 有料ビデオ配信 (DRM)
• ライブストリーミング
• 3DグラフィックスとGPUアクセラレーション
• センサー情報アクセス
• プッシュ通知
• カメラ/マイクロフォン
• P2Pストリーミング

26. Newphoria Corporation
アプリ基盤として着々と進化
• 有料ビデオ配信 (DRM)
• ライブストリーミング
• 3DグラフィックスとGPUアクセラレーション
• センサー情報アクセス
• プッシュ通知
• カメラ/マイクロフォン
• P2Pストリーミング
スマホアプリはHTML5でOK
ブラウザーでなくてもハイブリッドアプリで
あとはWebViewへの実装を待つのみ
Ap***、はよ

27. Newphoria Corporation
産業界ごとの標準化
PC・スマートフォンからテレビや車載機器へ

28. Newphoria Corporation
http://www.nhk.or.jp/hybridcast/online/
http://www.iptvforum.jp/hybridcast/receiver.html

29. Newphoria Corporation

30. Newphoria Corporation
Web and Broadcasting Business Group
https://www.w3.org/community/webandbroadcasting/
Chairs

31. Newphoria Corporation
Web and TV Interest Group
http://www.w3.org/2011/webtv/
Chairs

32. Newphoria Corporation
DSJ/APPS JAPAN 2015

33. Newphoria Corporation

34. Newphoria Corporation
TOSHIBA REGZAのブラウザーで動作

35. Newphoria Corporation
DSJ Vision
Raspberry Pi 2
Web-based Signage

36. Newphoria Corporation

37. Newphoria Corporation
SONY BRAVIA
Androidベース
HTML5対応ブラウザー
WBSに特化した機能も
ビデオ・静止画は4K対応
http://www.sony.jp/bravia/lineup/

38. Newphoria Corporation
Panasonic
http://news.panasonic.com/press/news/data/2015/03/jn150303-6/jn150303-6.html
Androidベースのアプリケーション基盤を搭載した業務用ディスプレイ
サイネージを考慮したフル画面表示ブラウザーを搭載しWBSにも対応

39. Newphoria Corporation
Web-based Signage Business Group
https://www.w3.org/community/websignage/
Chairs

40. Newphoria Corporationhttp://youtu.be/HZClYjAxP6Y
Tizen IVI

41. Newphoria Corporation
Automotive and Web Platform Business Group
https://www.w3.org/community/autowebplatform/
Chairs

42. Newphoria Corporation
Automotive Working Group
http://www.w3.org/auto/wg/
Chairs

43. Newphoria Corporation
Web of Things
Webがモノへ

44. Newphoria Corporation
ウェブは見せるもの？
Internet of Everything
Internet of Things Web of Things
ヒト
モノ つなぐ/見せる
Big Data
ためる
解析する

45. Newphoria Corporation
SBC (Single Board Computer)
Raspberry Pi B+ BeagleBone Black ODROID-U3 ODROID-C1
Cubieboard 1/2 Marsboard RK3066 Radxa Rock Lite
HummingBoard i1/i2
Banana Pi KDDI Open Web Board

46. Newphoria Corporation
JavaScript on Board

47. Newphoria Corporation
MozOpenHard CHIRIMEN

48. Newphoria Corporation
ウェブ技術をモノにも
Internet of Everything
Web of Things
ヒト
つなぐ/見せる
Big Data
ためる
解析する
Web of Things
モノ

49. Newphoria Corporation
Web of Things Interest Group
http://www.w3.org/WoT/IG/
Chairs

50. Newphoria Corporation
Browsers and Robotics Community Group
https://www.w3.org/community/browserobo/
Chairs

51. Newphoria Corporation
Webはどこへ向かうのか
これからのWeb像

52. Newphoria Corporation
Extensible Web
• 低レベルAPIの提供
• <video controls> => Media API
• 事前定義のタグ => Custom Elements/Shadow DOM
• Application Cache => Service Worker
• WebRTC => ORTC
• 標準化プロセスの革新
• ニーズの変化が早いためユースケースを想定した仕様策定の限界
• ウェブ開発者によるボトムアップ方式のニーズ発見
• 市場が求めるものを効率よく標準化トラックへ

53. Newphoria Corporation
個別産業向けのWeb
• 特定の産業で使われるWeb技術
• Web業界に関わりが遠かった企業がWeb標準化に参画
• 高度な専門知識が必要
• 誰もが関われるわけではない
• オープンなWebではないとの意見も

54. Newphoria Corporation
デモ：車載情報の取得

55. Newphoria Corporation
技術倫理
• JavaScriptベースで何でもアクセスできる時代へ
• 誰でも手軽に禁断の領域に
• 自動車、ドローンなど、人に危害を加える可能性
• プライバシーの侵害の可能性
• Web開発者も技術倫理が必要な時代へ

56. Newphoria Corporation
知識人は問題を解決し、天才は問題を未然に防ぐ。
アインシュタイン

57. Newphoria Corporation
ご清聴ありがとうございました
@futomi futomi.hatano
http://www.newphoria.co.jp/