Browser & Mozilla
  for ManiMani-Fes @ 201204
  by Tomoya ASAI (dynamis)




              last update on 2012.04.13
about:me

            http:// dynamis.jp


              @dynamitter

           facebook.com/      dynamis
           mailto: Tomoya ASAI <dynamis@mozilla-japan.org>
ふぁいやーふぉっくす



     フォクすけに教えて!
先ほどの話と一緒。
Firefox もできます。


   誰の話と一緒かは想像にお任せ
先ほどの話と一緒。
    昔のブラウザより驚くほど速い
    複数のプロフィール (Fx1∼)
    アドオンの同期 (Fx11∼)
    WebSocket (Fx11∼)
Android 版も一緒。
ICS じゃなくて OK。


   誰の話と一緒かは想像にお任せ
Firefox for Android
          PC と同じエンジン
          Firefox 14 で大幅リニューアル
            GPU アクセラレーション
            Flash 対応、UI も刷新
            バックグラウンド同期

          Android 2.x で OK です
今の  WWeebb  は?



       フォクすけに教えて!
既存のプラットフォーム




 現在のアプリケーションはそれぞれのプラットフォーム毎に作る必要がある
ブラウザ vs 独自プラットフォーム
Web がプラットフォーム


                  プラットフォーム
                    としての Web



Web がプラットフォームになれば業界標準技術でどこでも動作するアプリ環境に
Mozilla Marketplace
                       デバイス・OS 横断マーケット
                           Web をアプリマーケットに
                           Firefox 限定とかじゃない

                       Web アプリの事前登録受付中
                           今年中に正式リリースを予定




  http://hacks.mozilla.org/2012/02/mozillamarketplace-open-for-app-submissions/
4/26 に Firefox 開発版
ユーザ向けのベータ開始

           あくまでも予定。
         ずれても知りません。
続きは DevCon@Osaka で
http://mozilla.jp/devcon



            6/30 にまた大阪で!
続きは DevCon@Osaka で




http://mozilla.jp/devcon
ぶらうざでできること?



     フォクすけに教えて!
Semantic Elements      CSS Transforms             ECMA5th

Multimedia Elements    CSS Animations           WebM Codec

  Canvas 2D API              SVG                   WebGL

      Forms           WOFF (Web Fonts)             WebCL

  Offline Events       Event Listener (DOM)       Typed Array

 Drag & Drop API         XHR Level 2           Audio Data API

   Web Storage            Indexed DB         SQL DB (obsolate)

  HTML5 Parser              File API              River Trail

   Web Workers            Geolocation               SPDY

    Microdata         Device Orientation     ContentSecurityPolicy

 Web Sockets API       Server-Sent Events    Web Socket Protocol

    Web RTC              Battery Status       ICC Color Profile
Semantic Elements      CSS Transforms             ECMA5th

Multimedia Elements    CSS Animations           WebM Codec

  Canvas 2D API              SVG                   WebGL

      Forms           WOFF (Web Fonts)             WebCL

  Offline Events       Event Listener (DOM)       Typed Array



Internet Explorer
 Drag & Drop API         XHR Level 2           Audio Data API

   Web Storage            Indexed DB         SQL DB (obsolate)

  HTML5 Parser              File API              River Trail

   Web Workers            Geolocation               SPDY

    Microdata         Device Orientation     ContentSecurityPolicy

 Web Sockets API       Server-Sent Events    Web Socket Protocol

    Web RTC                    点線は標準非搭載や限定的実装
                         Battery Status ICC Color Profile
Semantic Elements      CSS Transforms             ECMA5th

Multimedia Elements    CSS Animations           WebM Codec

  Canvas 2D API              SVG                   WebGL

      Forms           WOFF (Web Fonts)             WebCL

  Offline Events       Event Listener (DOM)       Typed Array



              Chrome
 Drag & Drop API         XHR Level 2           Audio Data API

   Web Storage            Indexed DB         SQL DB (obsolate)

  HTML5 Parser              File API              River Trail

   Web Workers            Geolocation               SPDY

    Microdata         Device Orientation     ContentSecurityPolicy

 Web Sockets API       Server-Sent Events    Web Socket Protocol

    Web RTC                    点線は標準非搭載や限定的実装
                         Battery Status ICC Color Profile
Semantic Elements      CSS Transforms             ECMA5th

Multimedia Elements    CSS Animations           WebM Codec

  Canvas 2D API              SVG                   WebGL

      Forms           WOFF (Web Fonts)             WebCL

  Offline Events       Event Listener (DOM)       Typed Array



                  Firefox
 Drag & Drop API         XHR Level 2           Audio Data API

   Web Storage            Indexed DB         SQL DB (obsolate)

  HTML5 Parser              File API              River Trail

   Web Workers            Geolocation               SPDY

    Microdata         Device Orientation     ContentSecurityPolicy

 Web Sockets API       Server-Sent Events    Web Socket Protocol

    Web RTC                    点線は標準非搭載や限定的実装
                         Battery Status ICC Color Profile
これで十分?



   フォクすけに教えて!
"HTML5" ではまだできない
      システムステータス
       電源, WiFi 情報, モバイル通信...
      各種センサー
       光センサー, 近接センサー...

      低レベルハードウェア制御
       USB, BlueTooth, NFC
ボクもいろいろ
使ってみた〜い!
http://arewemobileyet.com/
実装済みの Web API
      モバイル端末の基本機能中心
       SMS, Telephony
       Settings, Contacts
       Vibration, Pointer Lock
       Battery Status (電池や充電)
       Resource Lock (スリープ禁止)
       Network Information
                 実装がまだ一部不完全な API も含む
現在実装中の Web API
      WebRTC (Camera, P2P など含む)
      Open Web Apps (アプリ管理)
      Idel, Power Management
      Mobile Connection,
      WiFi Information (無線情報)
      Light Sensor (環境光センサー),
      Proximity Sensor (近接センサー)
      ...and more...
実装予定の Web API
      Device Storage
         USB file-reading も
      低レベルハードウェア
         Bluetooth, USB, NFC
         WebSocket 的になりそう

      ...and more...

            ネイティブアプリにできることは何でも可能に
WWeebb  が
プラットフォーム!
Boot to Gecko
          Gecko を起動する OS
             Linux Kernel 上に Gecko を
             Java VM などの中間レイヤなし

          Web 技術が「ネイティブ」に
             HTML5, JavaScript, Web API...




         Gecko は Firefox の描画エンジン、WebRT = Web Runtime
ステータスバーも
(電波強度、電池残量...)

電話や SMS の送受信も

もちろん Firefox も

カメラを使うのも

写真やビデオを見るのも

その他いろんなアプリも

マーケットプレイスも
ステータスバーも
      (電波強度、電池残量...)

      電話や SMS の送受信も

      もちろん Firefox も

      カメラを使うのも

      写真やビデオを見るのも

      その他いろんなアプリも

      マーケットプレイスも


すべて Web 技術で!
誰か電話して。

080-1591-****
Tweet は勘弁を。はぁと。
WWeebb  こそが
プラットフォーム!


      大事なことはもう一度
続きは DevCon@Osaka で
http://mozilla.jp/devcon



            6/30 にまた大阪で!
続きは DevCon@Osaka で




http://mozilla.jp/devcon

Browser and Mozilla