Web is the Platform   Slides @ DevCon in Osaka on 2012/06/30           by Tomoya Asai (dynamis)                           ...
about:
about:dynamis                  Mozilla Japan               http://dynamis.jp                @dynamitter                   ...
about:slides            下線なしリンクも使います            コードは要点だけの簡略版              特に注意が必要なとき以外は              -moz- 以外の接頭辞など割愛  画像か...
Web Standards
次世代 Web =
CSS3次世代 Web =
CSS3   DOM4次世代 Web =
CSS3   DOM4次世代 Web = HTML5
CSS3    DOM4次世代 Web = HTML5  ECMAScript 6th
CSS3    DOM4次世代 Web = HTML5  ECMAScript 6th
Multi           Media      Mouse,  HTML5               Key ev.  Forms            W3C                           OfflineHTML...
Web         WHATWG                 Messag-                                  ing           Multi                        Web...
Web         WHATWG                 Messag-                                  ing           Multi                        Web...
Khronos               SMIL              Vibra-                                                   tion                 WebG...
Khronos               SMIL              Vibra-                                                                          MP...
次世代 Web =
次世代 Web =Platform
次世代 Web = OS
机上の空論 ? 近未来 ?
Netscape 時   代から 言ってるだけ?机上の空論 ? 近未来 ?
Netscape 時   代から 言ってるだけ?机上の空論 ? 近未来 ?              今度こそ本当に              実現する未来?
Web はどこまで進化するのか?
WebRT
既存の独自プラットフォーム現在はプラットフォーム毎に異なる言語で別々のアプリを作る必要がある
Web プラットフォームvs 独自プラットフォーム      もうブラウザ戦争の時代じゃないですよ
今後は Web プラットフォーム               プラットフォーム                  としての WebWeb がプラットフォームなら業界標準技術でアプリ環境が統一される
Web ではできなかったこと     システムステータス     WiFi 情報, モバイル通信...     各種センサー     光センサー, 近接センサー...     低レベルハードウェア制御     USB, BlueTooth, N...
モバイルが Web へ向かわないならWeb をモバイルへ         誰もやらないなら        Mozilla がやります
http://arewemobileyet.com/
Web API          Web の限界を押し進める          HTML5 など基本以外の API          API の総称であって定義はない               https://wiki.mozilla.org...
以前からある Web API      Geolocation (位置情報)      Orientation (加速度)      Audio Data API      WebGL (3D グラフィック)      Camera API (...
実装済みの Web API      SMS, Telephony, Alarm      Mobile Connection, WiFi      Info,      Network Info (通信速度等),      Contacts,...
実装済みの Web API      Vibration, Pointer Lock      Ambient Light (環境光),      Proximity (近接),      Mouse Lock (移動量取得)      Dev...
現在実装中の Web API      WebRTC (Camera, P2P 含      む)      Web Activities (Intent)      Push Notification      Power Management...
実装見込みの Web API      UDB Datagram Socket      HTTP-cache, Log      USB, NFC, USB file-      reading      Background Service ...
Web API も Web 標準       W3C DAP (Device API) WG        ハードウェア操作やセンサー系       IETF/W3C WebRTC WG        マルチメディア系や P2P など     ...
仕様無き実装は不幸の種実装無き仕様は机上理論
Boot to Gecko
Firefox OS
Firefox OS (Boot to Gecko)           Gecko WebRT を起動             Linux Kernel 上に Gecko を             Java VM などの中間レイヤなし   ...
スクリーンショットは初期の画面です
ステータスバーも(電波強度、電池残量...)電話や SMS の送受信ももちろん Firefox もカメラを使うのも写真やビデオを見るのもその他いろんなアプリもマーケットプレイスも スクリーンショットは初期の画面です
ステータスバーも     (電波強度、電池残量...)     電話や SMS の送受信も     もちろん Firefox も     カメラを使うのも     写真やビデオを見るのも     その他いろんなアプリも     マーケットプレイ...
demo...
Web = Native
Boot to Gecko の3要素       Gaia        ユーザインターフェイス       Gecko        アプリケーションランタイム       Gonk        低レベルの OS 層        シンプル...
Status & Roadmap           2012/06/01 - M3            functional/Gecko complete           2012/07/20- M4            featur...
開発パートナーと製品化    Telefónica が来年初め発売     世界 3∼4 位のキャリア     最初はブラジルで発売予定     Qualcomm のチップを使用     端末製造は ZTE や TCL    and more...
パートナー企業 (一部)   一部です。配置に意味はありません。念のため。
乞うご期待。
Marketplace
Mozilla Marketplace         Device, OS 横断マーケット          Web Platform のためのストア          Firefox 限定とかじゃない         今年中に正式リリース予...
オープンなアプリストア    全てを Web 技術で実装     安定・平等な環境を提供    ベンダー非依存     アプリストア、認証、課金 ...    ブラウザ非依存     後方互換ダッシュボード               http...
http://marketplace.mozilla.org/
Marketplace について更なる詳細は午後。
"Web がプラットフォー     ム" の実現へ向けて...
Kilimanjaro
Kilimanjaro         Mozilla の戦略的目標          「Web がプラットフォーム」          実現に向けたマイルストーン          高速リリースで Firefox にコード          ...
Kilimanjaro Basecamp        まずはベースキャンプ設営         API の追加: WebAPI         アプリ配信: Marketplace         OS の提供: Boot to Gecko ...
これからは Web がプラットフォーム!
これからは Web がプラットフォーム!
Web is the Platform
Web is the Platform
Web is the Platform
Upcoming SlideShare
Loading in...5
×

Web is the Platform

2,910

Published on

Firefox Developer Conference in Osaka 2012 で使用したスライド(を若干更新したもの)

Published in: Technology
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,910
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
46
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • 世間ではこれらの集合が次世代 Web としての HTML5 と言われている\nしかしもうそんな単純な考えは捨てた方が良い!\n
  • 世間ではこれらの集合が次世代 Web としての HTML5 と言われている\nしかしもうそんな単純な考えは捨てた方が良い!\n
  • 世間ではこれらの集合が次世代 Web としての HTML5 と言われている\nしかしもうそんな単純な考えは捨てた方が良い!\n
  • 世間ではこれらの集合が次世代 Web としての HTML5 と言われている\nしかしもうそんな単純な考えは捨てた方が良い!\n
  • 世間ではこれらの集合が次世代 Web としての HTML5 と言われている\nしかしもうそんな単純な考えは捨てた方が良い!\n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • 何もかもが Web でできる時代。それは Web がプラットフォームということ\n\n
  • 何もかもが Web でできる時代。それは Web がプラットフォームということ\n\n
  • 何もかもが Web でできる時代。それは Web がプラットフォームということ\n\n
  • Netscape の頃から言ってましたよね…\n
  • Netscape の頃から言ってましたよね…\n
  • 今日はそれを考えながら聞いてください\n
  • \n
  • \n
  • ふぇんりるさんは、まだまだ UI でできることがあるといってましたが、\n
  • 垂直分割されてるだけでなく、OS バージョンの分離も開発者には困る\n
  • \n
  • https://www.mozilla.org/en-US/apps/partners/\n
  • \n
  • \n
  • iOS や Android が Web ではなく独自プラットフォームへ行こうとしている\nそれなら Web の方をモバイルプラットフォームにしてしまおう\n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • https://bugzilla.mozilla.org/showdependencytree.cgi?id=673923&hide_resolved=0\n
  • \n
  • http://www.w3.org/2009/dap/\nhttp://www.w3.org/2011/04/webrtc-charter.html\nhttp://tools.ietf.org/wg/rtcweb/charters\n
  • Web 技術の標準化は仕様策定と実装のダンス\n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • https://wiki.mozilla.org/B2G/Architecture \n
  • \n
  • Telefónica 端末のデモビデオ http://www.youtube.com/watch?v=OAaH5vikEOM\n
  • Telefónica 端末のデモビデオ http://www.youtube.com/watch?v=OAaH5vikEOM\n
  • \n
  • \n
  • http://marketplace.mozilla.org/\n
  • https://persona.org/\nmyapps.mozillalabs.com\n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • 瀧田さんが LT で話すから割愛\n
  • \n
  • \n
  • \n
  • \n
  • https://wiki.mozilla.org/Kilimanjaro/Basecamp \n
  • \n
  • Web is the Platform

    1. 1. Web is the Platform Slides @ DevCon in Osaka on 2012/06/30 by Tomoya Asai (dynamis) Last Update: 2012/06/30
    2. 2. about:
    3. 3. about:dynamis Mozilla Japan http://dynamis.jp @dynamitter facebook.com/ dynamis レッサーパンダが好き。 @ mailto: Tomoya ASAI <dynamis mozilla-japan.org>
    4. 4. about:slides 下線なしリンクも使います コードは要点だけの簡略版 特に注意が必要なとき以外は -moz- 以外の接頭辞など割愛 画像からも時々 右下には補足や @ mailto: Tomoya ASAI <dynamis mozilla-japan.org>
    5. 5. Web Standards
    6. 6. 次世代 Web =
    7. 7. CSS3次世代 Web =
    8. 8. CSS3 DOM4次世代 Web =
    9. 9. CSS3 DOM4次世代 Web = HTML5
    10. 10. CSS3 DOM4次世代 Web = HTML5 ECMAScript 6th
    11. 11. CSS3 DOM4次世代 Web = HTML5 ECMAScript 6th
    12. 12. Multi Media Mouse, HTML5 Key ev. Forms W3C OfflineHTML5 HTML5 SupportParser WAI- XHTML5 ARIA Semantic Elements
    13. 13. Web WHATWG Messag- ing Multi Web Media Mouse, Sockets HTML5 Key ev. Forms W3C Server- OfflineHTML5 HTML5 Support Sent ev.Parser Web WAI- Storage XHTML5 ARIA Semantic Elements Web Workers Micro- HTML Data
    14. 14. Web WHATWG Messag- ing Multi Web Media Mouse, Sockets HTML5 Key ev. Forms W3C Server- OfflineHTML5 HTML5 Support Sent ev.Parser Web WAI- Storage XHTML5 ARIA Semantic Elements Web Media Workers Layout Queries Micro- HTML Data Trans CSS3~ Flex Box form Anim ation
    15. 15. Khronos SMIL Vibra- tion WebGL SVG Geo- location other Orien- tation WHATWG Web IETF Messag- ing Web SPDY Multi Web Sockets DNT Media Mouse, Sockets HTML5 Key ev. XHR2 FileAPI CSP Forms W3C Server- Offline ECMAHTML5 HTML5 Support Sent ev. ECMA ScriptParser Indexed Web DB WAI- Storage XHTML5 ARIA Semantic Elements Web Media Workers Layout Queries Micro- HTML Data Trans CSS3~ Flex Box OGP XPath form RSS Anim Math ation ML WOFF DOM4
    16. 16. Khronos SMIL Vibra- MP3 WebCL Webm Opus tion WebGL SVG Geo- location H.264 other Orien- Web Audio Notifi- tation Web cation WHATWG Web IETF RTC Messag- ing Web TCP Tel SPDY Multi Web Sockets DNT Socket Media Mouse, Sockets HTML5 Key ev. XHR2 Radio FileAPI CSP Forms Net W3C Server- Info Offline ECMAHTML5 HTML5 Support Sent ev. ECMA Script ECMA NFCParser 6th Indexed Web DB Device WAI- Storage Storage XHTML5 ARIA Semantic Web Elements SQL Web Media USB Workers Layout Queries File Micro- Sys HTML Data Trans CSS3~ Flex Box Battery Status OGP XPath form Proxi- Anim mitySchema RSS Math .org ation ML WOFF RDF DOM4
    17. 17. 次世代 Web =
    18. 18. 次世代 Web =Platform
    19. 19. 次世代 Web = OS
    20. 20. 机上の空論 ? 近未来 ?
    21. 21. Netscape 時 代から 言ってるだけ?机上の空論 ? 近未来 ?
    22. 22. Netscape 時 代から 言ってるだけ?机上の空論 ? 近未来 ? 今度こそ本当に 実現する未来?
    23. 23. Web はどこまで進化するのか?
    24. 24. WebRT
    25. 25. 既存の独自プラットフォーム現在はプラットフォーム毎に異なる言語で別々のアプリを作る必要がある
    26. 26. Web プラットフォームvs 独自プラットフォーム もうブラウザ戦争の時代じゃないですよ
    27. 27. 今後は Web プラットフォーム プラットフォーム としての WebWeb がプラットフォームなら業界標準技術でアプリ環境が統一される
    28. 28. Web ではできなかったこと システムステータス WiFi 情報, モバイル通信... 各種センサー 光センサー, 近接センサー... 低レベルハードウェア制御 USB, BlueTooth, NFC...
    29. 29. モバイルが Web へ向かわないならWeb をモバイルへ 誰もやらないなら Mozilla がやります
    30. 30. http://arewemobileyet.com/
    31. 31. Web API Web の限界を押し進める HTML5 など基本以外の API API の総称であって定義はない https://wiki.mozilla.org/WebAPI
    32. 32. 以前からある Web API Geolocation (位置情報) Orientation (加速度) Audio Data API WebGL (3D グラフィック) Camera API (Media Capture) これらはもちろん Android 版 Firefox でも実装済み
    33. 33. 実装済みの Web API SMS, Telephony, Alarm Mobile Connection, WiFi Info, Network Info (通信速度等), Contacts, Settings, Time/ Clock Idle, Battery Status Resource Lock (スリープ禁止) まだ不完全な実装の API も一部含む
    34. 34. 実装済みの Web API Vibration, Pointer Lock Ambient Light (環境光), Proximity (近接), Mouse Lock (移動量取得) Device Storage, Browser Open Web Apps, DOM Crypt まだ不完全な実装の API も一部含む
    35. 35. 現在実装中の Web API WebRTC (Camera, P2P 含 む) Web Activities (Intent) Push Notification Power Management TCP Socket, Bluetooth FM Radio, Permission https://wiki.mozilla.org/WebAPI
    36. 36. 実装見込みの Web API UDB Datagram Socket HTTP-cache, Log USB, NFC, USB file- reading Background Service ...and more... https://wiki.mozilla.org/WebAPI
    37. 37. Web API も Web 標準 W3C DAP (Device API) WG ハードウェア操作やセンサー系 IETF/W3C WebRTC WG マルチメディア系や P2P など その他それぞれの WG で
    38. 38. 仕様無き実装は不幸の種実装無き仕様は机上理論
    39. 39. Boot to Gecko
    40. 40. Firefox OS
    41. 41. Firefox OS (Boot to Gecko) Gecko WebRT を起動 Linux Kernel 上に Gecko を Java VM などの中間レイヤなし Web 技術が「ネイティブ」 HTML5, JavaScript, Web API... ホーム画面もすべて Web 技術で Gecko は Firefox の描画エンジン、WebRT = Web Runtime
    42. 42. スクリーンショットは初期の画面です
    43. 43. ステータスバーも(電波強度、電池残量...)電話や SMS の送受信ももちろん Firefox もカメラを使うのも写真やビデオを見るのもその他いろんなアプリもマーケットプレイスも スクリーンショットは初期の画面です
    44. 44. ステータスバーも (電波強度、電池残量...) 電話や SMS の送受信も もちろん Firefox も カメラを使うのも 写真やビデオを見るのも その他いろんなアプリも マーケットプレイスもすべて Web 技術で! スクリーンショットは初期の画面です
    45. 45. demo...
    46. 46. Web = Native
    47. 47. Boot to Gecko の3要素 Gaia ユーザインターフェイス Gecko アプリケーションランタイム Gonk 低レベルの OS 層 シンプルなカスタム Linux
    48. 48. Status & Roadmap 2012/06/01 - M3 functional/Gecko complete 2012/07/20- M4 feature/Gaia complete and code freeze(プロトタイプ) TBD - M4.5 major bug fixing / UI freeze あくまでもスケジュールの「プラン」です
    49. 49. 開発パートナーと製品化 Telefónica が来年初め発売 世界 3∼4 位のキャリア 最初はブラジルで発売予定 Qualcomm のチップを使用 端末製造は ZTE や TCL and more...
    50. 50. パートナー企業 (一部) 一部です。配置に意味はありません。念のため。
    51. 51. 乞うご期待。
    52. 52. Marketplace
    53. 53. Mozilla Marketplace Device, OS 横断マーケット Web Platform のためのストア Firefox 限定とかじゃない 今年中に正式リリース予定 現在コミュニティメンバー限定、 Firefox 開発版ユーザ向け http://marketplace.mozilla.org/
    54. 54. オープンなアプリストア 全てを Web 技術で実装 安定・平等な環境を提供 ベンダー非依存 アプリストア、認証、課金 ... ブラウザ非依存 後方互換ダッシュボード https://persona.org/
    55. 55. http://marketplace.mozilla.org/
    56. 56. Marketplace について更なる詳細は午後。
    57. 57. "Web がプラットフォー ム" の実現へ向けて...
    58. 58. Kilimanjaro
    59. 59. Kilimanjaro Mozilla の戦略的目標 「Web がプラットフォーム」 実現に向けたマイルストーン 高速リリースで Firefox にコード ネーム付けなくなったから… 公園じゃなく山でシリーズ化?
    60. 60. Kilimanjaro Basecamp まずはベースキャンプ設営 API の追加: WebAPI アプリ配信: Marketplace OS の提供: Boot to Gecko ユーザ認証: Persona
    61. 61. これからは Web がプラットフォーム!
    62. 62. これからは Web がプラットフォーム!
    1. A particular slide catching your eye?

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

    ×