狠狠撸

狠狠撸Share a Scribd company logo
@ Firefox Developer Conference 2014 in Kyoto
by Tomoya Asai (dynamis)
Creating the Future with
Firefox OS
about:me
Tomoya ASAI (dynamis)
Mozilla Japan
Mobile & Ecosystem Manager
Technical Marketing (Evangelist)
dynamis mozilla-japan.org
Community
dynamis.jp
@dynamitter
facebook.com/dynamis
気軽にどうぞ!
@
Web of Things
Creating the Future with Firefox OS
Cisco による 2020 年の IoT 市場予測
Intel による 2020 年の IoT 市場予測
Internet of Things
あらゆるモノが繋がる未来
2020 年には 260 億 by Gartner
2020 年には 500 億 by cisco
2020 年には 2000 億 by Intel
一人で 4 26 個のデバイス
Internet of Things は 1991 年には提唱されていた
スマートフォン
世界の出荷台数は急成長中
2012 年に世界で 7 億台
2013 年に世界で 10 億台
新興国はまだまだ成長する
国内の出荷台数は頭打ちか
2012 年に国内で 2848 万台
2013 年に国内で 3031 万台
スマートデバイス
コンピュータ以外の情報機器
テレビも家電も何でも…
ネットに繋いで付加価値創造
機器間連携で付加価値創造
ウェアラブルも大人気
眼鏡、帽子、腕輪、指輪…
CES/MWC には各社が大量出展…
Web of Things
Web of Things
あらゆるものが Web に繋がる
あらゆるデバイスが Web 技術に対応
Web 技術がより重要に
HTML5, JavaScript などの Web 技術
API の標準化と実装が急務
Web of Things という言葉も 2008 年から
Platform
Evolution
Web プラットフォームの進化
Web API の拡大
あらゆるデバイスに対応
ネイティブ並の高速化
事前コンパイルや GPU のフル活用
アプリ配信に対応
アプリ管理や課金 API が導入
Firefox OS
Web サイト = アプリ
Web とアプリをシームレスに融合
Web 技術 = ネイティブ技術
Web 技術だけで何でも可能に
不足機能は API を定義?標準化
Web ? マーケット
Web 全体がアプリ配信環境
マーケットは Web の一部に過ぎない
Internet
Firefox OS Android
Kernel & HAL Kernel & HAL
Web Platform
Gecko
Device API
Web に最適化
シンプル&スマート
System API
PackagedApp?
(Local File)
Hosted App?
(Web Site)
App Framework
Libraries
Blink SGL etc...
Android?
Runtime
Native
Interface
Dalvik VM
JavaApp
Native
Library
Chrome
(BrowserApp)
Internet
WebView
Contents
再利用
Demo...
Web API の拡大
スマホ向け API はより充実
モバイル向けの基本的 API は実装済み
製品の搭載ハードに応じて順次拡大
あらゆるデバイスに対応
TV 向けの実装は Panasonic と共に
最良、最軽量の Web OS
デバイス操作の API を実装
マルチタッチ
ボタン&キー
マイク
カメラ
スピーカー
振動モーター
ジャイロ
Bluetooth
光センサー
近接センサー
加速度計
NFC
通知 (Push)
!
カメラ
!
Marketplace
!
FM ラジオ
OS 環境設定
?
ホーム&壁紙?
?
電話、SMS
ネット、電池
!
連絡帳
!
動画&音楽
!
通信量管理
!
アプリの管理?
アプリ間連携?
?
ブラウザ
すべて Web 技術で
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
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,
Noti?cations, Payment, Resource Lock, Settings, Time/Clock
下線 := 注目、イタリック := 未実装 or 提案、https://wiki.mozilla.org/WebAPI
NFC の対応状況
まず NDEF に対応
NFC Data Exchange Format
Android ビームにも対応
Android Beam = NDEF Push with NFC
その他も順次対応
Tap2Pay など対応を検討中
スマホ以外にも順次展開
パートナーが求めるデバイスに順次展開 (Mozilla 自身は製品展開しない)
ネイティブ並の高速化
C 言語に近い速度を実現
マイクロベンチレベルなら勝つことも
大規模ゲームでも 67% の速度を達成
最新ゲームエンジンも対応
WebGL + JavaScript (asm.js) に対応
Unity 5, Unreal Engine 4, PlayCanvas,
CreateJS, Goo Engine, Flambe, Esenthel
Engine ... and more ...
Unreal Engine 4 (Epic Soul)
最新ゲームエンジンも速やかに Firefox に対応
ネイティブゲームも最初のタイトルが出たばかり
http://www.mozilla.jp/blog/entry/10388/
Unity 5 も WebGL+asm.js 対応
250 万人の Unity 開発者も Web アプリの提供者に
http://www.mozilla.jp/blog/entry/10387/
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 基準の実行時間
高速
アプリ配信に対応
Hosted & Packaged アプリ
サイトをアプリとしてインストール
ダウンロード型の Web アプリにも対応
Firefox Marketplace
他の OS 同様にマーケットも提供
課金決済用の API
他の OS 同様に課金 API も提供
パッケージアプリにも対応
Hosted (Web 読み込み型)
マニフェストを用意するだけでアプリに
通常 Web サイトと基本的には同じ
インストールせずに使うことも可能
Packaged (ダウンロード型)
サイト全体を ZIP してパッケージ化
マーケット審査で追加権限を取得可能
従来のスマホアプリと同じと思って良い
https://developer.mozilla.org/ja/docs/Web/Apps/Packaged_apps
Packaged
Apps
Hosted?
Apps
Internet
サーバ
端末
local
アプリ情報ファイル書くだけ
Hosted (Web 読み込み型)
サイト + manifest.webapp
1. manifest.webapp 作成
アプリ情報書くだけで終了
!
アプリ情報 (manifest.webapp)
https://developer.mozilla.org/en-US/docs/Apps/Manifest
ZIP して Packaged App に
Packaged (ダウンロード型)
ZIP + package.manifest
1. manifest.webapp 作成
Hosted Apps の時と同じ
2. サイト全体を ZIP する
3. package.manifest を作成
Firefox Marketplace
マルチデバイス対応
Web Platform のためのストア
Android Firefox や PC Firefox も対応
オープンなマーケット
独自のストア、課金、認証を使うのも自由
ソースも公開、レビューにも参加可能
Marketplace のレビュー
利用 API に応じた確認
軽く動作確認と公序良俗確認などが基本
センシティブな API はコードレビュー
あなたもレビュアーに!
レビューアーも随時募集しています
Firefox のアドオンと同じ手法
レビューもオープンで公平なマーケット
https://developer.mozilla.org/ja/docs/Web/Apps/Marketplace_review_criteria
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
Firefox OS
for Japan
Firefox OS の魅力
作りたい製品が作れる
オープンかつ協力的な開発プロセス
最新の製品用ソースコードと変更履歴
世界中のパートナー企業との共同開発
Web デバイスに最適な OS
幅広い最新 Web 技術に対応
最も軽量で高速な Web OS
Mozilla の魅力
非営利中立組織
Web 技術を実装する中立組織
端末販売やユーザ向けビジネスは自由に
セキュリティとプライバシーを最優先
Web 技術の最先端
世界トップの Web 技術者が集結
標準化と実装をリードし続ける組織
Creating the Future with Firefox OS
Creating the Future with Firefox OS
Creating the Future with Firefox OS
エコシステムに革新の波を
http://www.mozilla.jp/mwc/
Line
cameran (by Recruit)
楽天 gateway
iWnn IME for Firefox OS
オムロンソフトウェア
Mozilla と協力して開発中
Firefox OS 側の不足機能は適切に実装
基本機能には既に対応
フリック入力、トグル入力、予測入力、
絵文字入力、連文節入力、ユーザ辞書
端末に搭載されたい方はオムロンソフトウェアさまにご相談ください
Creating the Future with Firefox OS
Future of Mobile Privacy
Deutsche Telekom × Mozilla
プライバシー重視の欧州らしい
Find My Fox (端末探し)
Privacy Panel (一元管理画面)
Location Blur (位置情報精度管理)
Guest Mode (制限モードで貸す)
etc...
Firefox OS で解き放て!未来
新しいものづくりを
オープンプロセスで Web OS 共同開発
Mozilla はプラットフォーム作りを支援
次は貴方が一緒に!
スマートフォン、スマートテレビに続け
メーカーだけでなくアプリ開発者も
みんなで一緒に特色製品作りを
Creating the Future with Firefox OS
For More Info
Firefox OS コミュニティ!
http://FxOS.org
イベントやドキュメントをご案内
http://FxOS.org/ml
(Google Group のリンク: https://
groups.google.com/group/?refoxos)
Ad

Recommended

「変貌するWebの世界 -- クラウドとクラウド?デバイスのインパクト」
「変貌するWebの世界 -- クラウドとクラウド?デバイスのインパクト」
maruyama097
?
デバイス WebAPI(GotAPI)とその活用事例のご紹介 - ワイヤレスジャパン2016
デバイス WebAPI(GotAPI)とその活用事例のご紹介 - ワイヤレスジャパン2016
Device WebAPI Consortium
?
オープンソース in クライシス ~災害?パンデミックで止まらないイノベーションの仕組みからの学び~(NTTデータ テクノロジーカンファレンス 2020 ...
オープンソース in クライシス ~災害?パンデミックで止まらないイノベーションの仕組みからの学び~(NTTデータ テクノロジーカンファレンス 2020 ...
NTT DATA Technology & Innovation
?
デバイス WebAPIによるスマートフォン周辺デバイスの活用
デバイス WebAPIによるスマートフォン周辺デバイスの活用
Device WebAPI Consortium
?
デバイス奥别产础笔滨による滨辞罢の普及拡大と応用事例
デバイス奥别产础笔滨による滨辞罢の普及拡大と応用事例
Device WebAPI Consortium
?
さくらのIoT Platformを使ってみよう ~OSC大阪編~
さくらのIoT Platformを使ってみよう ~OSC大阪編~
法林浩之
?
ICCサミット FUKUOKA 2019 | IoTプラットフォーム SORACOM 新プロダクトの発表
ICCサミット FUKUOKA 2019 | IoTプラットフォーム SORACOM 新プロダクトの発表
SORACOM,INC
?
201606 DeviceWebAPI 第4回技術WG会合
201606 DeviceWebAPI 第4回技術WG会合
Nagano Kosuke
?
奥别产∩アプリ
奥别产∩アプリ
Noritada Shimizu
?
Firefox OSアーキテクチャクイックツアー - FxOSコードリーディングミートアップ#21向け追記版
Firefox OSアーキテクチャクイックツアー - FxOSコードリーディングミートアップ#21向け追記版
Masami Yabushita
?
できる!スマホアプリ:奥别产からはじまるアプリ
できる!スマホアプリ:奥别产からはじまるアプリ
Masami Yabushita
?
FxOSコードリーディングミートアップ#16 Contacts API読んでみた
FxOSコードリーディングミートアップ#16 Contacts API読んでみた
Masami Yabushita
?
FxOSコードリーディングミートアップ#16 Vibration APIも読んでみた
FxOSコードリーディングミートアップ#16 Vibration APIも読んでみた
Masami Yabushita
?
FirefoxOS を AndroidStick で動かしてみた(updated)
FirefoxOS を AndroidStick で動かしてみた(updated)
Kunihiko HAYASHI
?
PhoneGapでハイブリッド開発 for Firefox OS
PhoneGapでハイブリッド開発 for Firefox OS
Andy Hall
?
中国Firefox OS勉強会 3rd 組み込み屋さんから見たFirefox OS
中国Firefox OS勉強会 3rd 組み込み屋さんから見たFirefox OS
Masami Yabushita
?
Heart Attack
Heart Attack
pdhpemag
?
Heart attack ppt
Heart attack ppt
tega010
?
Firefox OS - Blaze Your Own Path
Firefox OS - Blaze Your Own Path
dynamis
?
Unleash The Future
Unleash The Future
dynamis
?
Web is the OS (Firefox OS)
Web is the OS (Firefox OS)
dynamis
?
Kilimanjaro Event
Kilimanjaro Event
dynamis
?
Web is the OS (KDDI mugen Labo)
Web is the OS (KDDI mugen Labo)
dynamis
?
Firefox os hackathon
Firefox os hackathon
dynamis
?
贬罢惭尝5と奥别产开発に関する最新动向
贬罢惭尝5と奥别产开発に関する最新动向
Shumpei Shiraishi
?
関東Firefox OS勉強会6th「Firefox OS」
関東Firefox OS勉強会6th「Firefox OS」
Noritada Shimizu
?
Browser and Mozilla
Browser and Mozilla
dynamis
?
Mobile Web
Mobile Web
Makoto Kato
?
ブラウザからWeb OSへ?Web - TV連携事例からその可能性を探る?
ブラウザからWeb OSへ?Web - TV連携事例からその可能性を探る?
Kensaku Komatsu
?

More Related Content

Viewers also liked (11)

奥别产∩アプリ
奥别产∩アプリ
Noritada Shimizu
?
Firefox OSアーキテクチャクイックツアー - FxOSコードリーディングミートアップ#21向け追記版
Firefox OSアーキテクチャクイックツアー - FxOSコードリーディングミートアップ#21向け追記版
Masami Yabushita
?
できる!スマホアプリ:奥别产からはじまるアプリ
できる!スマホアプリ:奥别产からはじまるアプリ
Masami Yabushita
?
FxOSコードリーディングミートアップ#16 Contacts API読んでみた
FxOSコードリーディングミートアップ#16 Contacts API読んでみた
Masami Yabushita
?
FxOSコードリーディングミートアップ#16 Vibration APIも読んでみた
FxOSコードリーディングミートアップ#16 Vibration APIも読んでみた
Masami Yabushita
?
FirefoxOS を AndroidStick で動かしてみた(updated)
FirefoxOS を AndroidStick で動かしてみた(updated)
Kunihiko HAYASHI
?
PhoneGapでハイブリッド開発 for Firefox OS
PhoneGapでハイブリッド開発 for Firefox OS
Andy Hall
?
中国Firefox OS勉強会 3rd 組み込み屋さんから見たFirefox OS
中国Firefox OS勉強会 3rd 組み込み屋さんから見たFirefox OS
Masami Yabushita
?
Heart Attack
Heart Attack
pdhpemag
?
Heart attack ppt
Heart attack ppt
tega010
?
Firefox OSアーキテクチャクイックツアー - FxOSコードリーディングミートアップ#21向け追記版
Firefox OSアーキテクチャクイックツアー - FxOSコードリーディングミートアップ#21向け追記版
Masami Yabushita
?
できる!スマホアプリ:奥别产からはじまるアプリ
できる!スマホアプリ:奥别产からはじまるアプリ
Masami Yabushita
?
FxOSコードリーディングミートアップ#16 Contacts API読んでみた
FxOSコードリーディングミートアップ#16 Contacts API読んでみた
Masami Yabushita
?
FxOSコードリーディングミートアップ#16 Vibration APIも読んでみた
FxOSコードリーディングミートアップ#16 Vibration APIも読んでみた
Masami Yabushita
?
FirefoxOS を AndroidStick で動かしてみた(updated)
FirefoxOS を AndroidStick で動かしてみた(updated)
Kunihiko HAYASHI
?
PhoneGapでハイブリッド開発 for Firefox OS
PhoneGapでハイブリッド開発 for Firefox OS
Andy Hall
?
中国Firefox OS勉強会 3rd 組み込み屋さんから見たFirefox OS
中国Firefox OS勉強会 3rd 組み込み屋さんから見たFirefox OS
Masami Yabushita
?
Heart attack ppt
Heart attack ppt
tega010
?

Similar to Creating the Future with Firefox OS (20)

Firefox OS - Blaze Your Own Path
Firefox OS - Blaze Your Own Path
dynamis
?
Unleash The Future
Unleash The Future
dynamis
?
Web is the OS (Firefox OS)
Web is the OS (Firefox OS)
dynamis
?
Kilimanjaro Event
Kilimanjaro Event
dynamis
?
Web is the OS (KDDI mugen Labo)
Web is the OS (KDDI mugen Labo)
dynamis
?
Firefox os hackathon
Firefox os hackathon
dynamis
?
贬罢惭尝5と奥别产开発に関する最新动向
贬罢惭尝5と奥别产开発に関する最新动向
Shumpei Shiraishi
?
関東Firefox OS勉強会6th「Firefox OS」
関東Firefox OS勉強会6th「Firefox OS」
Noritada Shimizu
?
Browser and Mozilla
Browser and Mozilla
dynamis
?
Mobile Web
Mobile Web
Makoto Kato
?
ブラウザからWeb OSへ?Web - TV連携事例からその可能性を探る?
ブラウザからWeb OSへ?Web - TV連携事例からその可能性を探る?
Kensaku Komatsu
?
Web on Kernel
Web on Kernel
dynamis
?
奥别产滨苍迟别苍迟蝉により拓かれる次の奥别产
奥别产滨苍迟别苍迟蝉により拓かれる次の奥别产
Kensaku Komatsu
?
海外クラウドベンダーの動向2012年度版 ~Windows Azure編~
海外クラウドベンダーの動向2012年度版 ~Windows Azure編~
Daichi Isami
?
One ASP.NET ~ 今、ASP.NET に何が起こっているのか? ~
One ASP.NET ~ 今、ASP.NET に何が起こっているのか? ~
Akira Inoue
?
Concentrated HTML5 & Attractive HTML5
Concentrated HTML5 & Attractive HTML5
Sho Ito
?
最近の奥别产関连技术の动向あれこれ
最近の奥别产関连技术の动向あれこれ
dsuke Takaoka
?
Try Firefox OS
Try Firefox OS
dynamis
?
Firefox os introduction SecCamp
Firefox os introduction SecCamp
dynamis
?
Firefox OS - Blaze Your Own Path
Firefox OS - Blaze Your Own Path
dynamis
?
Unleash The Future
Unleash The Future
dynamis
?
Web is the OS (Firefox OS)
Web is the OS (Firefox OS)
dynamis
?
Kilimanjaro Event
Kilimanjaro Event
dynamis
?
Web is the OS (KDDI mugen Labo)
Web is the OS (KDDI mugen Labo)
dynamis
?
Firefox os hackathon
Firefox os hackathon
dynamis
?
贬罢惭尝5と奥别产开発に関する最新动向
贬罢惭尝5と奥别产开発に関する最新动向
Shumpei Shiraishi
?
関東Firefox OS勉強会6th「Firefox OS」
関東Firefox OS勉強会6th「Firefox OS」
Noritada Shimizu
?
Browser and Mozilla
Browser and Mozilla
dynamis
?
ブラウザからWeb OSへ?Web - TV連携事例からその可能性を探る?
ブラウザからWeb OSへ?Web - TV連携事例からその可能性を探る?
Kensaku Komatsu
?
Web on Kernel
Web on Kernel
dynamis
?
奥别产滨苍迟别苍迟蝉により拓かれる次の奥别产
奥别产滨苍迟别苍迟蝉により拓かれる次の奥别产
Kensaku Komatsu
?
海外クラウドベンダーの動向2012年度版 ~Windows Azure編~
海外クラウドベンダーの動向2012年度版 ~Windows Azure編~
Daichi Isami
?
One ASP.NET ~ 今、ASP.NET に何が起こっているのか? ~
One ASP.NET ~ 今、ASP.NET に何が起こっているのか? ~
Akira Inoue
?
Concentrated HTML5 & Attractive HTML5
Concentrated HTML5 & Attractive HTML5
Sho Ito
?
最近の奥别产関连技术の动向あれこれ
最近の奥别产関连技术の动向あれこれ
dsuke Takaoka
?
Try Firefox OS
Try Firefox OS
dynamis
?
Firefox os introduction SecCamp
Firefox os introduction SecCamp
dynamis
?
Ad

More from dynamis (20)

HTTP and 5G (fixed1)
HTTP and 5G (fixed1)
dynamis
?
HTTP and 5G
HTTP and 5G
dynamis
?
HTTP and 5G partial draft
HTTP and 5G partial draft
dynamis
?
Web App Platform Strategy
Web App Platform Strategy
dynamis
?
HTML5 & Renesas RZ/G
HTML5 & Renesas RZ/G
dynamis
?
Life of html5 (osaka)
Life of html5 (osaka)
dynamis
?
Web updates 2017
Web updates 2017
dynamis
?
Life of HTML5
Life of HTML5
dynamis
?
Browsers in IoT Era
Browsers in IoT Era
dynamis
?
New Norm of HTML5
New Norm of HTML5
dynamis
?
Edge Web Technologies and Browser Vendors (Updated on 2016/09/06)
Edge Web Technologies and Browser Vendors (Updated on 2016/09/06)
dynamis
?
OSC2016.Enterprise Lightnig Talk
OSC2016.Enterprise Lightnig Talk
dynamis
?
Demo for Gecko Embedded
Demo for Gecko Embedded
dynamis
?
Project Gecko Embedded
Project Gecko Embedded
dynamis
?
The New Norm of The Web
The New Norm of The Web
dynamis
?
Progressive Mobile Web Apps
Progressive Mobile Web Apps
dynamis
?
Modern Mobile Web Apps
Modern Mobile Web Apps
dynamis
?
Web Tech & Architecture
Web Tech & Architecture
dynamis
?
Java script.trend(spec)
Java script.trend(spec)
dynamis
?
Data Privacy meeting
Data Privacy meeting
dynamis
?
HTTP and 5G (fixed1)
HTTP and 5G (fixed1)
dynamis
?
HTTP and 5G partial draft
HTTP and 5G partial draft
dynamis
?
Web App Platform Strategy
Web App Platform Strategy
dynamis
?
HTML5 & Renesas RZ/G
HTML5 & Renesas RZ/G
dynamis
?
Life of html5 (osaka)
Life of html5 (osaka)
dynamis
?
Web updates 2017
Web updates 2017
dynamis
?
Life of HTML5
Life of HTML5
dynamis
?
Browsers in IoT Era
Browsers in IoT Era
dynamis
?
New Norm of HTML5
New Norm of HTML5
dynamis
?
Edge Web Technologies and Browser Vendors (Updated on 2016/09/06)
Edge Web Technologies and Browser Vendors (Updated on 2016/09/06)
dynamis
?
OSC2016.Enterprise Lightnig Talk
OSC2016.Enterprise Lightnig Talk
dynamis
?
Demo for Gecko Embedded
Demo for Gecko Embedded
dynamis
?
Project Gecko Embedded
Project Gecko Embedded
dynamis
?
The New Norm of The Web
The New Norm of The Web
dynamis
?
Progressive Mobile Web Apps
Progressive Mobile Web Apps
dynamis
?
Modern Mobile Web Apps
Modern Mobile Web Apps
dynamis
?
Web Tech & Architecture
Web Tech & Architecture
dynamis
?
Java script.trend(spec)
Java script.trend(spec)
dynamis
?
Data Privacy meeting
Data Privacy meeting
dynamis
?
Ad

Creating the Future with Firefox OS