52
@ Firefox Developer Conference 2014 in Kyoto by Tomoya Asai (dynamis) Creating the Future with Firefox OS

Creating the Future with Firefox OS

Embed Size (px)

DESCRIPTION

Firefox Developer Conference 2014 in Kyoto で使用したスライド http://www.mozilla.jp/events/devcon/2014/kyoto/

Citation preview

Page 1: Creating the Future with Firefox OS

@ Firefox Developer Conference 2014 in Kyoto by Tomoya Asai (dynamis)

Creating the Future with Firefox OS

Page 2: Creating the Future with Firefox OS

about:me

Page 3: Creating the Future with Firefox OS

Tomoya ASAI (dynamis)

Mozilla Japan Mobile & Ecosystem Manager Technical Marketing (Evangelist) dynamis mozilla-japan.org

Community dynamis.jp @dynamitter facebook.com/dynamis

気軽にどうぞ!

@

Page 4: Creating the Future with Firefox OS

Web of Things

Page 5: Creating the Future with Firefox OS
Page 6: Creating the Future with Firefox OS

Cisco による 2020 年の IoT 市場予測

Page 8: Creating the Future with Firefox OS

Internet of Things

あらゆるモノが繋がる未来 2020 年には 260 億 by Gartner 2020 年には 500 億 by cisco 2020 年には 2000 億 by Intel

一人で 4~26 個のデバイス

Internet of Things は 1991 年には提唱されていた

Page 9: Creating the Future with Firefox OS

スマートフォン

世界の出荷台数は急成長中 2012 年に世界で 7 億台 2013 年に世界で 10 億台 新興国はまだまだ成長する

国内の出荷台数は頭打ちか 2012 年に国内で 2848 万台 2013 年に国内で 3031 万台

Page 10: Creating the Future with Firefox OS

スマートデバイス

コンピュータ以外の情報機器

テレビも家電も何でも… ネットに繋いで付加価値創造 機器間連携で付加価値創造

ウェアラブルも大人気 眼鏡、帽子、腕輪、指輪… CES/MWC には各社が大量出展…

Page 11: Creating the Future with Firefox OS

Web of Things

Web of Things あらゆるものが Web に繋がる あらゆるデバイスが Web 技術に対応

Web 技術がより重要に HTML5, JavaScript などの Web 技術 API の標準化と実装が急務

Web of Things という言葉も 2008 年から

������'%,

Page 12: Creating the Future with Firefox OS

Platform Evolution

Page 13: Creating the Future with Firefox OS

Web プラットフォームの進化

Web API の拡大 あらゆるデバイスに対応

ネイティブ並の高速化 事前コンパイルや GPU のフル活用

アプリ配信に対応 アプリ管理や課金 API が導入

Page 14: Creating the Future with Firefox OS

Firefox OS

Web サイト = アプリ Web とアプリをシームレスに融合

Web 技術 = ネイティブ技術 Web 技術だけで何でも可能に 不足機能は API を定義・標準化

Web ⊃ マーケット Web 全体がアプリ配信環境 マーケットは Web の一部に過ぎない

Page 15: Creating the Future with Firefox OS

Internet

Firefox OS ↔ Android

Kernel & HAL Kernel & HAL

Web Platform

GeckoDevice API

Web に最適化 シンプル&スマート

System API

Packaged App(Local File)

Hosted App(Web Site)

App Framework

LibrariesBlink SGL etc...

AndroidRuntime

Native Interface

Dalvik VM

Java App

Native Library

Chrome (Browser App)

InternetWebView Contents

再利用

Page 16: Creating the Future with Firefox OS

Demo...�����

Page 17: Creating the Future with Firefox OS

Web API の拡大

スマホ向け API はより充実 モバイル向けの基本的 API は実装済み 製品の搭載ハードに応じて順次拡大

あらゆるデバイスに対応 TV 向けの実装は Panasonic と共に 最良、最軽量の Web OS

Page 18: Creating the Future with Firefox OS

デバイス操作の API を実装

マルチタッチ

ボタン&キー

マイク

カメラスピーカー

振動モーター

ジャイロBluetooth

光センサー近接センサー

加速度計

NFC

Page 19: Creating the Future with Firefox OS

通知 (Push) !

カメラ !

Marketplace !

FM ラジオ OS 環境設定 ホーム&壁紙電話、SMS

ネット、電池 !

連絡帳 !

動画&音楽 !

通信量管理 !

アプリの管理アプリ間連携

ブラウザ

すべて Web 技術で

Page 20: Creating the Future with Firefox OS

Web API (モバイル OS 向け)通信とネットワーク

Network Information, MMS, Mobile Connection, Network Stats, Serial, Simple Push, SMS, SystemXHR, TCP Socket, Telephony, UDB Diagram Socket, Voicemail, WiFi Information

デバイスやセンサー制御 Ambient Light Sensor, Battery Status, Bluetooth, Camera, Device Orientation, FM Radio, Geolocation, NFC, Pointer Lock, Power Management, Print, Proximity Sensor, Screen Orientation, USB, Vibration, WebCL, WebGL, WebGL2

下線 := 注目、イタリック := 未実装 or 提案、https://wiki.mozilla.org/WebAPI

Page 21: Creating the Future with Firefox OS

Web API (モバイル OS 向け)データの管理と共有

Archive, DeviceIndexedDB, FileHandle, IndexedDB, Contacts, Data Store, Device Storage, USB File Reading

アプリ管理とアプリ間通信 Apps, Inter App Communication, Permissions, Web Activities, WebSocket Over Apps

システム Alarm, Background Services, Browser, Idle, Keyboard/IME, Log, Notifications, Payment, Resource Lock, Settings, Time/Clock

下線 := 注目、イタリック := 未実装 or 提案、https://wiki.mozilla.org/WebAPI

Page 22: Creating the Future with Firefox OS

NFC の対応状況

まず NDEF に対応 NFC Data Exchange Format

Android ビームにも対応 Android Beam = NDEF Push with NFC

その他も順次対応 Tap2Pay など対応を検討中

Page 23: Creating the Future with Firefox OS

スマホ以外にも順次展開

パートナーが求めるデバイスに順次展開 (Mozilla 自身は製品展開しない)

Page 24: Creating the Future with Firefox OS

ネイティブ並の高速化

C 言語に近い速度を実現 マイクロベンチレベルなら勝つことも 大規模ゲームでも 67% の速度を達成

最新ゲームエンジンも対応 WebGL + JavaScript (asm.js) に対応 Unity 5, Unreal Engine 4, PlayCanvas, CreateJS, Goo Engine, Flambe, Esenthel Engine ... and more ...

��������&�

Page 25: Creating the Future with Firefox OS

Unreal Engine 4 (Epic Soul)

最新ゲームエンジンも速やかに Firefox に対応 ネイティブゲームも最初のタイトルが出たばかり

http://www.mozilla.jp/blog/entry/10388/

Page 26: Creating the Future with Firefox OS

Unity 5 も WebGL+asm.js 対応

250 万人の Unity 開発者も Web アプリの提供者にhttp://www.mozilla.jp/blog/entry/10387/

Page 27: Creating the Future with Firefox OS

C 言語に追いついてきた!

殆どの処理で C 言語 (clang) の 1.5 倍以内の時間 C (clang) < JavaScript (asm.js) < C (gcc) の場合も

2013/12 - https://hacks.mozilla.org/2013/12/gap-between-asm-js-and-native-performance-gets-even-narrower-with-float32-optimizations/

clang 基準の実行時間

高速

Page 28: Creating the Future with Firefox OS

アプリ配信に対応

Hosted & Packaged アプリ サイトをアプリとしてインストール ダウンロード型の Web アプリにも対応

Firefox Marketplace 他の OS 同様にマーケットも提供

課金決済用の API 他の OS 同様に課金 API も提供

!"#�������

Page 29: Creating the Future with Firefox OS

パッケージアプリにも対応

Hosted (Web 読み込み型) マニフェストを用意するだけでアプリに 通常 Web サイトと基本的には同じ インストールせずに使うことも可能

Packaged (ダウンロード型) サイト全体を ZIP してパッケージ化 マーケット審査で追加権限を取得可能 従来のスマホアプリと同じと思って良い

https://developer.mozilla.org/ja/docs/Web/Apps/Packaged_apps

Packaged Apps

HostedApps

Internet

サーバ

端末

local

Page 30: Creating the Future with Firefox OS

アプリ情報ファイル書くだけ

Hosted (Web 読み込み型) サイト + manifest.webapp

1. manifest.webapp 作成 アプリ情報書くだけで終了

Page 31: Creating the Future with Firefox OS

!

アプリ情報 (manifest.webapp)#�%%�� ���@�635,+278���%%�������������@�(0635,+*=/278/&���%%�� ������ ���@������!��������%%�������@#�%%%%����@����������!������������%%$��%%��� �������@#�%%%%�� ���@��"� ������%%%%�����@��������"� ���������%%$�$���@>;@:'49-@�@��@�����!�����@?<1.)

https://developer.mozilla.org/en-US/docs/Apps/Manifest

Page 32: Creating the Future with Firefox OS

ZIP して Packaged App に

Packaged (ダウンロード型) ZIP + package.manifest 1. manifest.webapp 作成 Hosted Apps の時と同じ

2. サイト全体を ZIP する 3. package.manifest を作成

Page 33: Creating the Future with Firefox OS

Firefox Marketplace

マルチデバイス対応 Web Platform のためのストア Android Firefox や PC Firefox も対応

オープンなマーケット 独自のストア、課金、認証を使うのも自由 ソースも公開、レビューにも参加可能

Page 34: Creating the Future with Firefox OS

Marketplace のレビュー

利用 API に応じた確認 軽く動作確認と公序良俗確認などが基本 センシティブな API はコードレビュー

あなたもレビュアーに! レビューアーも随時募集しています Firefox のアドオンと同じ手法 レビューもオープンで公平なマーケット

https://developer.mozilla.org/ja/docs/Web/Apps/Marketplace_review_criteria

Page 35: Creating the Future with Firefox OS

Web アプリの課金 API

任意の Web 課金 API WebPay, FastPay, Paypal, Google In-App Payment, etc...

Firefox の課金 API navigator.mozPay 有料アプリ、アプリ内課金など対応 Android や Desktop の Firefox にも

mozPay は Google In-App Payment 同様の API

����

Page 36: Creating the Future with Firefox OS

Firefox OS for Japan

Page 37: Creating the Future with Firefox OS

Firefox OS の魅力

作りたい製品が作れる オープンかつ協力的な開発プロセス 最新の製品用ソースコードと変更履歴 世界中のパートナー企業との共同開発

Web デバイスに最適な OS 幅広い最新 Web 技術に対応 最も軽量で高速な Web OS

Page 38: Creating the Future with Firefox OS

Mozilla の魅力

非営利中立組織 Web 技術を実装する中立組織 端末販売やユーザ向けビジネスは自由に セキュリティとプライバシーを最優先

Web 技術の最先端 世界トップの Web 技術者が集結 標準化と実装をリードし続ける組織

Page 39: Creating the Future with Firefox OS
Page 40: Creating the Future with Firefox OS
Page 41: Creating the Future with Firefox OS
Page 42: Creating the Future with Firefox OS

エコシステムに革新の波を

http://www.mozilla.jp/mwc/

Page 43: Creating the Future with Firefox OS

Line

Page 44: Creating the Future with Firefox OS

cameran (by Recruit)

Page 45: Creating the Future with Firefox OS

楽天 gateway

Page 46: Creating the Future with Firefox OS

iWnn IME for Firefox OS

オムロンソフトウェア

Mozilla と協力して開発中 Firefox OS 側の不足機能は適切に実装

基本機能には既に対応 フリック入力、トグル入力、予測入力、絵文字入力、連文節入力、ユーザ辞書

端末に搭載されたい方はオムロンソフトウェアさまにご相談ください

Page 47: Creating the Future with Firefox OS
Page 48: Creating the Future with Firefox OS

Future of Mobile Privacy

Deutsche Telekom × Mozilla プライバシー重視の欧州らしい Find My Fox (端末探し) Privacy Panel (一元管理画面) Location Blur (位置情報精度管理) Guest Mode (制限モードで貸す) etc...

Page 49: Creating the Future with Firefox OS

Firefox OS で解き放て!未来

新しいものづくりを オープンプロセスで Web OS 共同開発 Mozilla はプラットフォーム作りを支援

次は貴方が一緒に! スマートフォン、スマートテレビに続け メーカーだけでなくアプリ開発者も みんなで一緒に特色製品作りを

(* ��+-�

Page 50: Creating the Future with Firefox OS

$�)�+-

Page 51: Creating the Future with Firefox OS

For More Info

Page 52: Creating the Future with Firefox OS

Firefox OS コミュニティ!

http://FxOS.org イベントやドキュメントをご案内

http://FxOS.org/ml (Google Group のリンク: https://groups.google.com/group/firefoxos)

� �����