SlideShare a Scribd company logo
1 of 52
Download to read offline
@ 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
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,
Notifications, 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 技術者が集結
標準化と実装をリードし続ける組織
エコシステムに革新の波を
http://www.mozilla.jp/mwc/
Line
cameran (by Recruit)
楽天 gateway
iWnn IME for Firefox OS
オムロンソフトウェア
Mozilla と協力して開発中
Firefox OS 側の不足機能は適切に実装
基本機能には既に対応
フリック入力、トグル入力、予測入力、
絵文字入力、連文節入力、ユーザ辞書
端末に搭載されたい方はオムロンソフトウェアさまにご相談ください
Future of Mobile Privacy
Deutsche Telekom × Mozilla
プライバシー重視の欧州らしい
Find My Fox (端末探し)
Privacy Panel (一元管理画面)
Location Blur (位置情報精度管理)
Guest Mode (制限モードで貸す)
etc...
Firefox OS で解き放て!未来
新しいものづくりを
オープンプロセスで Web OS 共同開発
Mozilla はプラットフォーム作りを支援
次は貴方が一緒に!
スマートフォン、スマートテレビに続け
メーカーだけでなくアプリ開発者も
みんなで一緒に特色製品作りを
For More Info
Firefox OS コミュニティ!
http://FxOS.org
イベントやドキュメントをご案内
http://FxOS.org/ml
(Google Group のリンク: https://
groups.google.com/group/firefoxos)

More Related Content

Viewers also liked

できる!スマホアプリ:Webからはじまるアプリ
できる!スマホアプリ:Webからはじまるアプリできる!スマホアプリ:Webからはじまるアプリ
できる!スマホアプリ:Webからはじまるアプリ
Masami Yabushita
 
Heart attack ppt
Heart attack pptHeart attack ppt
Heart attack ppt
tega010
 

Viewers also liked (11)

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

Similar to Creating the Future with Firefox OS

Firefox OS - Blaze Your Own Path
Firefox OS - Blaze Your Own PathFirefox OS - Blaze Your Own Path
Firefox OS - Blaze Your Own Path
dynamis
 
Android Abc2009 Fall Shima091130 1
Android Abc2009 Fall Shima091130 1Android Abc2009 Fall Shima091130 1
Android Abc2009 Fall Shima091130 1
shimay
 
みなさんがHtml5をやらなくていい3つの理由
みなさんがHtml5をやらなくていい3つの理由みなさんがHtml5をやらなくていい3つの理由
みなさんがHtml5をやらなくていい3つの理由
Masakazu Muraoka
 
Android & Nui & Physical Computing
Android & Nui & Physical ComputingAndroid & Nui & Physical Computing
Android & Nui & Physical Computing
Takahiro KUREBAYASHI
 

Similar to Creating the Future with Firefox OS (20)

Unleash The Future
Unleash The FutureUnleash The Future
Unleash The Future
 
Smart deviceとhtml5
Smart deviceとhtml5Smart deviceとhtml5
Smart deviceとhtml5
 
Firefox OS App Dev
Firefox OS App DevFirefox OS App Dev
Firefox OS App Dev
 
流通/小売業向け Windows ストア アプリ 開発セミナー資料
流通/小売業向け  Windows ストア アプリ 開発セミナー資料流通/小売業向け  Windows ストア アプリ 開発セミナー資料
流通/小売業向け Windows ストア アプリ 開発セミナー資料
 
Flashまわりのでっかいゆめを見る
Flashまわりのでっかいゆめを見るFlashまわりのでっかいゆめを見る
Flashまわりのでっかいゆめを見る
 
Firefox OS - Blaze Your Own Path
Firefox OS - Blaze Your Own PathFirefox OS - Blaze Your Own Path
Firefox OS - Blaze Your Own Path
 
Web App Platform Firefox
Web App Platform FirefoxWeb App Platform Firefox
Web App Platform Firefox
 
Let’s play windows 10 io t on raspberry pi !
Let’s play windows 10 io t on raspberry pi !Let’s play windows 10 io t on raspberry pi !
Let’s play windows 10 io t on raspberry pi !
 
IoTシステム構築の困り事から逆引き「SORACOM 全サービス解説」 | SORACOM Technology Camp 2020
IoTシステム構築の困り事から逆引き「SORACOM 全サービス解説」 | SORACOM Technology Camp 2020IoTシステム構築の困り事から逆引き「SORACOM 全サービス解説」 | SORACOM Technology Camp 2020
IoTシステム構築の困り事から逆引き「SORACOM 全サービス解説」 | SORACOM Technology Camp 2020
 
Android Abc2009 Fall Shima091130 1
Android Abc2009 Fall Shima091130 1Android Abc2009 Fall Shima091130 1
Android Abc2009 Fall Shima091130 1
 
情報産業の最新動向2017
情報産業の最新動向2017情報産業の最新動向2017
情報産業の最新動向2017
 
【16-D-1】UI のこれまでの10年とこれから
【16-D-1】UI のこれまでの10年とこれから【16-D-1】UI のこれまでの10年とこれから
【16-D-1】UI のこれまでの10年とこれから
 
ET2016 Smart Japan Alliance Llilum 161118
ET2016 Smart Japan Alliance Llilum 161118ET2016 Smart Japan Alliance Llilum 161118
ET2016 Smart Japan Alliance Llilum 161118
 
IoT案件を70件やってみて分かった事
IoT案件を70件やってみて分かった事IoT案件を70件やってみて分かった事
IoT案件を70件やってみて分かった事
 
mbedとwindows 8.1
mbedとwindows 8.1mbedとwindows 8.1
mbedとwindows 8.1
 
みなさんがHtml5をやらなくていい3つの理由
みなさんがHtml5をやらなくていい3つの理由みなさんがHtml5をやらなくていい3つの理由
みなさんがHtml5をやらなくていい3つの理由
 
サイネージを使う顧客創出のシナリオ
サイネージを使う顧客創出のシナリオサイネージを使う顧客創出のシナリオ
サイネージを使う顧客創出のシナリオ
 
Android & Nui & Physical Computing
Android & Nui & Physical ComputingAndroid & Nui & Physical Computing
Android & Nui & Physical Computing
 
弊社サービスを使って ノーコード開発してみた.pdf
弊社サービスを使って ノーコード開発してみた.pdf弊社サービスを使って ノーコード開発してみた.pdf
弊社サービスを使って ノーコード開発してみた.pdf
 
Low Code Development Platform.
Low Code Development Platform.Low Code Development Platform.
Low Code Development Platform.
 

More from dynamis

More from dynamis (20)

HTTP and 5G (fixed1)
HTTP and 5G (fixed1)HTTP and 5G (fixed1)
HTTP and 5G (fixed1)
 
HTTP and 5G
HTTP and 5GHTTP and 5G
HTTP and 5G
 
HTTP and 5G partial draft
HTTP and 5G partial draftHTTP and 5G partial draft
HTTP and 5G partial draft
 
Web App Platform Strategy
Web App Platform StrategyWeb App Platform Strategy
Web App Platform Strategy
 
HTML5 & Renesas RZ/G
HTML5 & Renesas RZ/GHTML5 & Renesas RZ/G
HTML5 & Renesas RZ/G
 
Life of html5 (osaka)
Life of html5 (osaka)Life of html5 (osaka)
Life of html5 (osaka)
 
Web updates 2017
Web updates 2017Web updates 2017
Web updates 2017
 
Life of HTML5
Life of HTML5Life of HTML5
Life of HTML5
 
Browsers in IoT Era
Browsers in IoT EraBrowsers in IoT Era
Browsers in IoT Era
 
New Norm of HTML5
New Norm of HTML5New Norm of HTML5
New Norm of HTML5
 
Edge Web Technologies and Browser Vendors (Updated on 2016/09/06)
Edge Web Technologies and Browser Vendors (Updated on 2016/09/06)Edge Web Technologies and Browser Vendors (Updated on 2016/09/06)
Edge Web Technologies and Browser Vendors (Updated on 2016/09/06)
 
OSC2016.Enterprise Lightnig Talk
OSC2016.Enterprise Lightnig TalkOSC2016.Enterprise Lightnig Talk
OSC2016.Enterprise Lightnig Talk
 
Demo for Gecko Embedded
Demo for Gecko EmbeddedDemo for Gecko Embedded
Demo for Gecko Embedded
 
Project Gecko Embedded
Project Gecko EmbeddedProject Gecko Embedded
Project Gecko Embedded
 
The New Norm of The Web
The New Norm of The WebThe New Norm of The Web
The New Norm of The Web
 
Progressive Mobile Web Apps
Progressive Mobile Web AppsProgressive Mobile Web Apps
Progressive Mobile Web Apps
 
Modern Mobile Web Apps
Modern Mobile Web AppsModern Mobile Web Apps
Modern Mobile Web Apps
 
Web Tech & Architecture
Web Tech & ArchitectureWeb Tech & Architecture
Web Tech & Architecture
 
Java script.trend(spec)
Java script.trend(spec)Java script.trend(spec)
Java script.trend(spec)
 
Data Privacy meeting
Data Privacy meetingData Privacy meeting
Data Privacy meeting
 

Creating the Future with Firefox OS