browser and mozilla

37
Browser & Mozilla for ManiMani-Fes @ 201204 by Tomoya ASAI (dynamis) last update on 2012.04.13

Upload: dynamis-

Post on 14-Jun-2015

2.058 views

Category:

Technology


2 download

DESCRIPTION

まにまにフェスティバルのブラウザセッションで利用したスライド

TRANSCRIPT

Page 1: Browser and Mozilla

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

last update on 2012.04.13

Page 2: Browser and Mozilla

about:me

http:// dynamis.jp

@dynamitter

facebook.com/ dynamismailto: Tomoya ASAI <dynamis mozilla-japan.org>@

Page 3: Browser and Mozilla

ふぁいやーふぉっくす

フォクすけに教えて!

Page 4: Browser and Mozilla

先ほどの話と一緒。Firefox もできます。

誰の話と一緒かは想像にお任せ

Page 5: Browser and Mozilla

先ほどの話と一緒。 昔のブラウザより驚くほど速い 複数のプロフィール (Fx1~) アドオンの同期 (Fx11~) WebSocket (Fx11~)

Page 6: Browser and Mozilla

Android 版も一緒。ICS じゃなくて OK。

誰の話と一緒かは想像にお任せ

Page 7: Browser and Mozilla

Firefox for Android PC と同じエンジン Firefox 14 で大幅リニューアル

GPU アクセラレーション Flash 対応、UI も刷新 バックグラウンド同期

Android 2.x で OK です

Page 8: Browser and Mozilla

今の WWeebb は?

フォクすけに教えて!

Page 9: Browser and Mozilla

既存のプラットフォーム

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

Page 10: Browser and Mozilla

ブラウザ vs 独自プラットフォーム

Page 11: Browser and Mozilla

Web がプラットフォーム

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

Web がプラットフォームになれば業界標準技術でどこでも動作するアプリ環境に

Page 12: Browser and Mozilla

Mozilla Marketplace デバイス・OS 横断マーケット

Web をアプリマーケットに Firefox 限定とかじゃない

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

http://hacks.mozilla.org/2012/02/mozillamarketplace-open-for-app-submissions/

Page 13: Browser and Mozilla

4/26 に Firefox 開発版ユーザ向けのベータ開始

あくまでも予定。ずれても知りません。

Page 14: Browser and Mozilla

続きは DevCon@Osaka でhttp://mozilla.jp/devcon

6/30 にまた大阪で!

Page 15: Browser and Mozilla

続きは DevCon@Osaka で

http://mozilla.jp/devcon

Page 16: Browser and Mozilla

ぶらうざでできること?

フォクすけに教えて!

Page 17: Browser and Mozilla

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

Web Sockets API Server-Sent Events Web Socket Protocol

Microdata Device Orientation ContentSecurityPolicy

Web RTC Battery Status ICC Color Profile

Page 18: Browser and Mozilla

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

Web Sockets API Server-Sent Events Web Socket Protocol

Microdata Device Orientation ContentSecurityPolicy

Web RTC Battery Status ICC Color Profile

Internet Explorer

点線は標準非搭載や限定的実装

Page 19: Browser and Mozilla

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

Web Sockets API Server-Sent Events Web Socket Protocol

Microdata Device Orientation ContentSecurityPolicy

Web RTC Battery Status ICC Color Profile

Chrome

点線は標準非搭載や限定的実装

Page 20: Browser and Mozilla

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

Web Sockets API Server-Sent Events Web Socket Protocol

Microdata Device Orientation ContentSecurityPolicy

Web RTC Battery Status ICC Color Profile

Firefox

点線は標準非搭載や限定的実装

Page 21: Browser and Mozilla

これで十分?

フォクすけに教えて!

Page 22: Browser and Mozilla

"HTML5" ではまだできない システムステータス

電源, WiFi 情報, モバイル通信... 各種センサー

光センサー, 近接センサー... 低レベルハードウェア制御

USB, BlueTooth, NFC

Page 23: Browser and Mozilla

ボクもいろいろ使ってみた〜い!

Page 24: Browser and Mozilla

http://arewemobileyet.com/

Page 26: Browser and Mozilla

現在実装中の Web API WebRTC (Camera, P2P など含む) Open Web Apps (アプリ管理) Idel, Power Management Mobile Connection,WiFi Information (無線情報)

Light Sensor (環境光センサー),Proximity Sensor (近接センサー)

...and more...

Page 27: Browser and Mozilla

実装予定の Web API Device Storage

USB file-reading も 低レベルハードウェア

Bluetooth, USB, NFC WebSocket 的になりそう

...and more...

ネイティブアプリにできることは何でも可能に

Page 28: Browser and Mozilla

WWeebb がプラットフォーム!

Page 29: Browser and Mozilla

Boot to Gecko Gecko を起動する OS

Linux Kernel 上に Gecko を Java VM などの中間レイヤなし

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

Gecko は Firefox の描画エンジン、WebRT = Web Runtime

Page 30: Browser and Mozilla
Page 31: Browser and Mozilla

ステータスバーも(電波強度、電池残量...)

電話や SMS の送受信も

もちろん Firefox も

カメラを使うのも

写真やビデオを見るのも

その他いろんなアプリも

マーケットプレイスも

Page 32: Browser and Mozilla

ステータスバーも(電波強度、電池残量...)

電話や SMS の送受信も

もちろん Firefox も

カメラを使うのも

写真やビデオを見るのも

その他いろんなアプリも

マーケットプレイスも

すべて Web 技術で!

Page 33: Browser and Mozilla
Page 34: Browser and Mozilla

080-1591-****誰か電話して。

Tweet は勘弁を。はぁと。

Page 35: Browser and Mozilla

WWeebb こそがプラットフォーム!

大事なことはもう一度

Page 36: Browser and Mozilla

続きは DevCon@Osaka でhttp://mozilla.jp/devcon

6/30 にまた大阪で!

Page 37: Browser and Mozilla

続きは DevCon@Osaka で

http://mozilla.jp/devcon