Web is the Platform

  • 2,735 views
Uploaded on

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

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

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
2,735
On Slideshare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
45
Comments
0
Likes
3

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    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

Transcript

  • 1. Web is the Platform Slides @ DevCon in Osaka on 2012/06/30 by Tomoya Asai (dynamis) Last Update: 2012/06/30
  • 2. about:
  • 3. about:dynamis Mozilla Japan http://dynamis.jp @dynamitter facebook.com/ dynamis レッサーパンダが好き。 @ mailto: Tomoya ASAI <dynamis mozilla-japan.org>
  • 4. about:slides 下線なしリンクも使います コードは要点だけの簡略版 特に注意が必要なとき以外は -moz- 以外の接頭辞など割愛 画像からも時々 右下には補足や @ mailto: Tomoya ASAI <dynamis mozilla-japan.org>
  • 5. Web Standards
  • 6. 次世代 Web =
  • 7. CSS3次世代 Web =
  • 8. CSS3 DOM4次世代 Web =
  • 9. CSS3 DOM4次世代 Web = HTML5
  • 10. CSS3 DOM4次世代 Web = HTML5 ECMAScript 6th
  • 11. CSS3 DOM4次世代 Web = HTML5 ECMAScript 6th
  • 12. Multi Media Mouse, HTML5 Key ev. Forms W3C OfflineHTML5 HTML5 SupportParser WAI- XHTML5 ARIA Semantic Elements
  • 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. 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. 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. 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. 次世代 Web =
  • 18. 次世代 Web =Platform
  • 19. 次世代 Web = OS
  • 20. 机上の空論 ? 近未来 ?
  • 21. Netscape 時 代から 言ってるだけ?机上の空論 ? 近未来 ?
  • 22. Netscape 時 代から 言ってるだけ?机上の空論 ? 近未来 ? 今度こそ本当に 実現する未来?
  • 23. Web はどこまで進化するのか?
  • 24. WebRT
  • 25. 既存の独自プラットフォーム現在はプラットフォーム毎に異なる言語で別々のアプリを作る必要がある
  • 26. Web プラットフォームvs 独自プラットフォーム もうブラウザ戦争の時代じゃないですよ
  • 27. 今後は Web プラットフォーム プラットフォーム としての WebWeb がプラットフォームなら業界標準技術でアプリ環境が統一される
  • 28. Web ではできなかったこと システムステータス WiFi 情報, モバイル通信... 各種センサー 光センサー, 近接センサー... 低レベルハードウェア制御 USB, BlueTooth, NFC...
  • 29. モバイルが Web へ向かわないならWeb をモバイルへ 誰もやらないなら Mozilla がやります
  • 30. http://arewemobileyet.com/
  • 31. Web API Web の限界を押し進める HTML5 など基本以外の API API の総称であって定義はない https://wiki.mozilla.org/WebAPI
  • 32. 以前からある Web API Geolocation (位置情報) Orientation (加速度) Audio Data API WebGL (3D グラフィック) Camera API (Media Capture) これらはもちろん Android 版 Firefox でも実装済み
  • 33. 実装済みの Web API SMS, Telephony, Alarm Mobile Connection, WiFi Info, Network Info (通信速度等), Contacts, Settings, Time/ Clock Idle, Battery Status Resource Lock (スリープ禁止) まだ不完全な実装の API も一部含む
  • 34. 実装済みの Web API Vibration, Pointer Lock Ambient Light (環境光), Proximity (近接), Mouse Lock (移動量取得) Device Storage, Browser Open Web Apps, DOM Crypt まだ不完全な実装の API も一部含む
  • 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. 実装見込みの Web API UDB Datagram Socket HTTP-cache, Log USB, NFC, USB file- reading Background Service ...and more... https://wiki.mozilla.org/WebAPI
  • 37. Web API も Web 標準 W3C DAP (Device API) WG ハードウェア操作やセンサー系 IETF/W3C WebRTC WG マルチメディア系や P2P など その他それぞれの WG で
  • 38. 仕様無き実装は不幸の種実装無き仕様は机上理論
  • 39. Boot to Gecko
  • 40. Firefox OS
  • 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. スクリーンショットは初期の画面です
  • 43. ステータスバーも(電波強度、電池残量...)電話や SMS の送受信ももちろん Firefox もカメラを使うのも写真やビデオを見るのもその他いろんなアプリもマーケットプレイスも スクリーンショットは初期の画面です
  • 44. ステータスバーも (電波強度、電池残量...) 電話や SMS の送受信も もちろん Firefox も カメラを使うのも 写真やビデオを見るのも その他いろんなアプリも マーケットプレイスもすべて Web 技術で! スクリーンショットは初期の画面です
  • 45. demo...
  • 46. Web = Native
  • 47. Boot to Gecko の3要素 Gaia ユーザインターフェイス Gecko アプリケーションランタイム Gonk 低レベルの OS 層 シンプルなカスタム Linux
  • 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. 開発パートナーと製品化 Telefónica が来年初め発売 世界 3∼4 位のキャリア 最初はブラジルで発売予定 Qualcomm のチップを使用 端末製造は ZTE や TCL and more...
  • 50. パートナー企業 (一部) 一部です。配置に意味はありません。念のため。
  • 51. 乞うご期待。
  • 52. Marketplace
  • 53. Mozilla Marketplace Device, OS 横断マーケット Web Platform のためのストア Firefox 限定とかじゃない 今年中に正式リリース予定 現在コミュニティメンバー限定、 Firefox 開発版ユーザ向け http://marketplace.mozilla.org/
  • 54. オープンなアプリストア 全てを Web 技術で実装 安定・平等な環境を提供 ベンダー非依存 アプリストア、認証、課金 ... ブラウザ非依存 後方互換ダッシュボード https://persona.org/
  • 55. http://marketplace.mozilla.org/
  • 56. Marketplace について更なる詳細は午後。
  • 57. "Web がプラットフォー ム" の実現へ向けて...
  • 58. Kilimanjaro
  • 59. Kilimanjaro Mozilla の戦略的目標 「Web がプラットフォーム」 実現に向けたマイルストーン 高速リリースで Firefox にコード ネーム付けなくなったから… 公園じゃなく山でシリーズ化?
  • 60. Kilimanjaro Basecamp まずはベースキャンプ設営 API の追加: WebAPI アプリ配信: Marketplace OS の提供: Boot to Gecko ユーザ認証: Persona
  • 61. これからは Web がプラットフォーム!
  • 62. これからは Web がプラットフォーム!