Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Newphoria Corporation
HTML5 関連の API の現状とこれから
2015年8月25日(水)
Leading the way to W3C TPAC 2015
@futomi futomi.hatano
http://w...
Newphoria Corporation
自己紹介
マークアップ解説本 API解説本 APIチュートリアル本Windows 8API解説本
連載:こんなに変わった Web開発
2
Newphoria Corporation
下がり続けるウェブの消費時間
http://nielsen.com/us/en/reports/2014/an-era-of-growth-the-cross-platform-report.html
Newphoria Corporation
もくじ
• Webの歴史を振り返る
• 標準化のトレンド
• 産業界ごとの標準化
• Web of Things
• Webはどこへ向かうのか
Newphoria Corporation
Webの歴史を振り返る
Webの誕生から25年以上が経過
Newphoria Corporation
ウェブの誕生から25年
1989年
Tim Berners-Lee
がHTMLを発明
世界初のウェブ
ページが公開
1990年 1994年
World Wide Web
Consortium設立
ht...
Newphoria Corporation
W3Cで策定されたHTML
1997年
HTML3.2
1997年
2000年
1999年 2014年
HTML4.0 HTML4.01
XHTML1.0
HTML5
XHTML1.1 XHTML2....
Newphoria Corporation
Apple reinvents the phone
Macworld Expo 2007 - Keynote
Steve Jobs,
CEO
Newphoria Corporation
Apple reinvents the phone
Macworld Expo 2007 - Keynote
Steve Jobs,
CEO
Flash消えろ!
App Storeで金稼ぐことにしたか...
Newphoria Corporation
We're betting big on HTML5
Google I/O 2009 - Keynote Day 1
Vic Gundotra,
Vice President of Developer...
Newphoria Corporation
We're betting big on HTML5
Google I/O 2009 - Keynote Day 1
Vic Gundotra,
Vice President of Developer...
Newphoria Corporation
We love HTML5 so match
Microsoft MIX 10 Day 2 Keynote
Dean Hachamovitch,
General Manager of the Inte...
Newphoria Corporation
We love HTML5 so match
Microsoft MIX 10 Day 2 Keynote
Dean Hachamovitch,
General Manager of the Inte...
Newphoria Corporation
We reimagine Windows
Microsoft Build Day 1 Keynote
Steven Sinofsky,
President of Windows and Windows...
Newphoria Corporation
We reimagine Windows
Microsoft Build Day 1 Keynote
Steven Sinofsky,
President of Windows and Windows...
Newphoria Corporation
アプリ基盤としてのWebへ
• Web標準が共通のアプリ基盤となる期待が高まる
• W3C標準化の方向性がアプリに必要な機能の標準化へ
Newphoria Corporation
標準化のトレンド
アプリ基盤というニーズに応えて
Newphoria Corporation
2010年2月販売のHTML5本
拙著白石 俊平 氏 著
Newphoria Corporation
2010年当時のHTML5注目機能
• video, audio, canvas, form
• Drag & Drop
• contenteditable, Text selection API, ...
Newphoria Corporation
当時のHTML5注目機能
• video, audio, canvas, form
• Drag & Drop
• contenteditable, Text selection API, Editi...
Newphoria Corporation
当時のHTML5注目機能
• video, audio, canvas, form
• Drag & Drop
• contenteditable, Text selection API, Editi...
Newphoria Corporation
現在の標準化ステータス
• video, audio, canvas, form
• Drag & Drop
• contenteditable, Text selection API, Editin...
Newphoria Corporation
その後に登場したAPI (1)
• パフォーマンス
• Page Visibility, Navigation Timing, High Resolution Time, Performance
Ti...
Newphoria Corporation
その後に登場したAPI (2)
• 入力デバイス/タッチパネル
• Fullscreen, Screen Orientation, Pointer Lock, Touch Events, Pointe...
Newphoria Corporation
アプリ基盤として着々と進化
• 有料ビデオ配信 (DRM)
• ライブストリーミング
• 3DグラフィックスとGPUアクセラレーション
• センサー情報アクセス
• プッシュ通知
• カメラ/マイクロ...
Newphoria Corporation
アプリ基盤として着々と進化
• 有料ビデオ配信 (DRM)
• ライブストリーミング
• 3DグラフィックスとGPUアクセラレーション
• センサー情報アクセス
• プッシュ通知
• カメラ/マイクロ...
Newphoria Corporation
産業界ごとの標準化
PC・スマートフォンからテレビや車載機器へ
Newphoria Corporation
http://www.nhk.or.jp/hybridcast/online/
http://www.iptvforum.jp/hybridcast/receiver.html
Newphoria Corporation
Newphoria Corporation
Web and Broadcasting Business Group
https://www.w3.org/community/webandbroadcasting/
Chairs
Newphoria Corporation
Web and TV Interest Group
http://www.w3.org/2011/webtv/
Chairs
Newphoria Corporation
DSJ/APPS JAPAN 2015
Newphoria Corporation
Newphoria Corporation
TOSHIBA REGZAのブラウザーで動作
Newphoria Corporation
DSJ Vision
Raspberry Pi 2
Web-based Signage
Newphoria Corporation
Newphoria Corporation
SONY BRAVIA
Androidベース
HTML5対応ブラウザー
WBSに特化した機能も
ビデオ・静止画は4K対応
http://www.sony.jp/bravia/lineup/
Newphoria Corporation
Panasonic
http://news.panasonic.com/press/news/data/2015/03/jn150303-6/jn150303-6.html
Androidベースのアプ...
Newphoria Corporation
Web-based Signage Business Group
https://www.w3.org/community/websignage/
Chairs
Newphoria Corporationhttp://youtu.be/HZClYjAxP6Y
Tizen IVI
Newphoria Corporation
Automotive and Web Platform Business Group
https://www.w3.org/community/autowebplatform/
Chairs
Newphoria Corporation
Automotive Working Group
http://www.w3.org/auto/wg/
Chairs
Newphoria Corporation
Web of Things
Webがモノへ
Newphoria Corporation
ウェブは見せるもの?
Internet of Everything
Internet of Things Web of Things
ヒト
モノ つなぐ/見せる
Big Data
ためる
解析する
Newphoria Corporation
SBC (Single Board Computer)
Raspberry Pi B+ BeagleBone Black ODROID-U3 ODROID-C1
Cubieboard 1/2 Mars...
Newphoria Corporation
JavaScript on Board
Newphoria Corporation
MozOpenHard CHIRIMEN
Newphoria Corporation
ウェブ技術をモノにも
Internet of Everything
Web of Things
ヒト
つなぐ/見せる
Big Data
ためる
解析する
Web of Things
モノ
Newphoria Corporation
Web of Things Interest Group
http://www.w3.org/WoT/IG/
Chairs
Newphoria Corporation
Browsers and Robotics Community Group
https://www.w3.org/community/browserobo/
Chairs
Newphoria Corporation
Webはどこへ向かうのか
これからのWeb像
Newphoria Corporation
Extensible Web
• 低レベルAPIの提供
• <video controls> => Media API
• 事前定義のタグ => Custom Elements/Shadow DOM
...
Newphoria Corporation
個別産業向けのWeb
• 特定の産業で使われるWeb技術
• Web業界に関わりが遠かった企業がWeb標準化に参画
• 高度な専門知識が必要
• 誰もが関われるわけではない
• オープンなWebではな...
Newphoria Corporation
デモ:車載情報の取得
Newphoria Corporation
技術倫理
• JavaScriptベースで何でもアクセスできる時代へ
• 誰でも手軽に禁断の領域に
• 自動車、ドローンなど、人に危害を加える可能性
• プライバシーの侵害の可能性
• Web開発者も...
Newphoria Corporation
知識人は問題を解決し、天才は問題を未然に防ぐ。
アインシュタイン
Newphoria Corporation
ご清聴ありがとうございました
@futomi futomi.hatano
http://www.newphoria.co.jp/
Upcoming SlideShare
Loading in …5
×

Leading the way to W3C TPAC 2015 『HTML5 関連の API の現状とこれから』

2,711 views

Published on

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

Published in: Technology

Leading the way to W3C TPAC 2015 『HTML5 関連の API の現状とこれから』

  1. 1. Newphoria Corporation HTML5 関連の API の現状とこれから 2015年8月25日(水) Leading the way to W3C TPAC 2015 @futomi futomi.hatano http://www.newphoria.co.jp/
  2. 2. Newphoria Corporation 自己紹介 マークアップ解説本 API解説本 APIチュートリアル本Windows 8API解説本 連載:こんなに変わった Web開発 2
  3. 3. Newphoria Corporation 下がり続けるウェブの消費時間 http://nielsen.com/us/en/reports/2014/an-era-of-growth-the-cross-platform-report.html
  4. 4. Newphoria Corporation もくじ • Webの歴史を振り返る • 標準化のトレンド • 産業界ごとの標準化 • Web of Things • Webはどこへ向かうのか
  5. 5. Newphoria Corporation Webの歴史を振り返る Webの誕生から25年以上が経過
  6. 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. 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. 8. Newphoria Corporation Apple reinvents the phone Macworld Expo 2007 - Keynote Steve Jobs, CEO
  9. 9. Newphoria Corporation Apple reinvents the phone Macworld Expo 2007 - Keynote Steve Jobs, CEO Flash消えろ! App Storeで金稼ぐことにしたから ブラウザーはプアーでいてくれ HTML5で十分だろ
  10. 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. 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. 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. 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. 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. 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. 16. Newphoria Corporation アプリ基盤としてのWebへ • Web標準が共通のアプリ基盤となる期待が高まる • W3C標準化の方向性がアプリに必要な機能の標準化へ
  17. 17. Newphoria Corporation 標準化のトレンド アプリ基盤というニーズに応えて
  18. 18. Newphoria Corporation 2010年2月販売のHTML5本 拙著白石 俊平 氏 著
  19. 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. 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. 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. 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. 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. 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. 25. Newphoria Corporation アプリ基盤として着々と進化 • 有料ビデオ配信 (DRM) • ライブストリーミング • 3DグラフィックスとGPUアクセラレーション • センサー情報アクセス • プッシュ通知 • カメラ/マイクロフォン • P2Pストリーミング
  26. 26. Newphoria Corporation アプリ基盤として着々と進化 • 有料ビデオ配信 (DRM) • ライブストリーミング • 3DグラフィックスとGPUアクセラレーション • センサー情報アクセス • プッシュ通知 • カメラ/マイクロフォン • P2Pストリーミング スマホアプリはHTML5でOK ブラウザーでなくてもハイブリッドアプリで あとはWebViewへの実装を待つのみ Ap***、はよ
  27. 27. Newphoria Corporation 産業界ごとの標準化 PC・スマートフォンからテレビや車載機器へ
  28. 28. Newphoria Corporation http://www.nhk.or.jp/hybridcast/online/ http://www.iptvforum.jp/hybridcast/receiver.html
  29. 29. Newphoria Corporation
  30. 30. Newphoria Corporation Web and Broadcasting Business Group https://www.w3.org/community/webandbroadcasting/ Chairs
  31. 31. Newphoria Corporation Web and TV Interest Group http://www.w3.org/2011/webtv/ Chairs
  32. 32. Newphoria Corporation DSJ/APPS JAPAN 2015
  33. 33. Newphoria Corporation
  34. 34. Newphoria Corporation TOSHIBA REGZAのブラウザーで動作
  35. 35. Newphoria Corporation DSJ Vision Raspberry Pi 2 Web-based Signage
  36. 36. Newphoria Corporation
  37. 37. Newphoria Corporation SONY BRAVIA Androidベース HTML5対応ブラウザー WBSに特化した機能も ビデオ・静止画は4K対応 http://www.sony.jp/bravia/lineup/
  38. 38. Newphoria Corporation Panasonic http://news.panasonic.com/press/news/data/2015/03/jn150303-6/jn150303-6.html Androidベースのアプリケーション基盤を搭載した業務用ディスプレイ サイネージを考慮したフル画面表示ブラウザーを搭載しWBSにも対応
  39. 39. Newphoria Corporation Web-based Signage Business Group https://www.w3.org/community/websignage/ Chairs
  40. 40. Newphoria Corporationhttp://youtu.be/HZClYjAxP6Y Tizen IVI
  41. 41. Newphoria Corporation Automotive and Web Platform Business Group https://www.w3.org/community/autowebplatform/ Chairs
  42. 42. Newphoria Corporation Automotive Working Group http://www.w3.org/auto/wg/ Chairs
  43. 43. Newphoria Corporation Web of Things Webがモノへ
  44. 44. Newphoria Corporation ウェブは見せるもの? Internet of Everything Internet of Things Web of Things ヒト モノ つなぐ/見せる Big Data ためる 解析する
  45. 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. 46. Newphoria Corporation JavaScript on Board
  47. 47. Newphoria Corporation MozOpenHard CHIRIMEN
  48. 48. Newphoria Corporation ウェブ技術をモノにも Internet of Everything Web of Things ヒト つなぐ/見せる Big Data ためる 解析する Web of Things モノ
  49. 49. Newphoria Corporation Web of Things Interest Group http://www.w3.org/WoT/IG/ Chairs
  50. 50. Newphoria Corporation Browsers and Robotics Community Group https://www.w3.org/community/browserobo/ Chairs
  51. 51. Newphoria Corporation Webはどこへ向かうのか これからのWeb像
  52. 52. Newphoria Corporation Extensible Web • 低レベルAPIの提供 • <video controls> => Media API • 事前定義のタグ => Custom Elements/Shadow DOM • Application Cache => Service Worker • WebRTC => ORTC • 標準化プロセスの革新 • ニーズの変化が早いためユースケースを想定した仕様策定の限界 • ウェブ開発者によるボトムアップ方式のニーズ発見 • 市場が求めるものを効率よく標準化トラックへ
  53. 53. Newphoria Corporation 個別産業向けのWeb • 特定の産業で使われるWeb技術 • Web業界に関わりが遠かった企業がWeb標準化に参画 • 高度な専門知識が必要 • 誰もが関われるわけではない • オープンなWebではないとの意見も
  54. 54. Newphoria Corporation デモ:車載情報の取得
  55. 55. Newphoria Corporation 技術倫理 • JavaScriptベースで何でもアクセスできる時代へ • 誰でも手軽に禁断の領域に • 自動車、ドローンなど、人に危害を加える可能性 • プライバシーの侵害の可能性 • Web開発者も技術倫理が必要な時代へ
  56. 56. Newphoria Corporation 知識人は問題を解決し、天才は問題を未然に防ぐ。 アインシュタイン
  57. 57. Newphoria Corporation ご清聴ありがとうございました @futomi futomi.hatano http://www.newphoria.co.jp/

×