FirefoxOSアプリ
Mozilla Japan テクニカルマーケティング
清水智公(nshimizu@mozilla-japan.org)
FirefoxOS x HTML5 x LODWEBイノベーションハッカソン 2014/06/28
about:me
2
清水智公(しみずのりただ)
• Mozilla Japan 

テクニカルマーケティング
• 慶應義塾大学

政策・メディア研究科非常勤
• @chikoski
• https://slideshare.net/chikoski/
3
about:mozilla
4
6
7
全てWeb技術でできています
9
10
ネットワーク、電池
連絡帳
動画、音楽、SDカード
通信量管理
アプリ間連携
アプリの管理
ブラウザ
通知 、プッシュ通知
カメラ
Marketplace
FMラジオ、端末の設定
ホーム画面、壁紙
電話、SMS
全てWeb技術でできています
FirefoxOS
11
2013年発売の開発端末
12
OPEN (SIM Free)KEON PEAK
2013年の商用展開
• 3種類の端末を、4つのキャリアが15カ国で展開
13
OPEN FIRE FIREWEB
2014年:展開する国も増加
• 2013年:

スペイン、ポーランド、コロンビア、ベネズエラ、ド
イツ、ブラジル、ペルー、ウルグアイ、メキシコ、ハ
ンガリー、ギリシャ、セルビア、モンテネグロ、イタ
リア
• 2014年:

アルゼンチン、コスタリカ、エクアドル、エルサルバ
ドル、グアテマラ、ニカラグア、パナマ、クロアチア

チェコ、マケドニア
14
パートナーも拡大
• 2014年2月MWCでの発表分
• キャリア、SOCメーカー、デバイスメーカー、etc
15
16
国内でのコンテンツパートナー
• 2014年2月MWCでの発表時
17
2014年発売予定の新機種
18
ZTE OPEN II ZTE OPEN C
2014年発売予定の新機種
19
FIRE C FIRE E FIRE S
2014年発売予定の新機種
20
Y300
25$スマートフォン
• インドなどで展開予定
• 2社から発売予定
• Intex Technologies (India) Ltd.
• S Mobility Ltd. (Spice holding company)
21
2014年発売予定の新機種
22
FIRE 7
スマートフォン以外にも展開中
• パートナーの求めるデバイスへ展開
• Mozilla 自身はあくまでOS提供者
23
Flame:開発者向けレファンス端末
• Display: 4.5 inch FWVGA
• CPU: MSM8210 Dual 1.2 GHz

(Cortex-A7, Adreno 302)
• RAM: 256 MB 1GB
• ROM: 8 GB
• Camera: 5 MP + 2MP
• NFC, BT, Dual SIM
24
2014年7月国内販売
• 株式会社びぎねっとより
• TELEC、JATEなどを通過後
• Yahoo! Shopping 経由で販売
• 18,500 円(税別、送料込み)
• http://www.mozilla.jp/flame/
25
FirefoxOSのアーキテクチャ
26
FirefoxOSアプリの実行
27
日経コミュニケーション 201305 への寄稿原稿から引用
FirefoxOSアプリ
28
アプリ=タブ
• z
29
HTML5でアプリが作成できる
• 音楽プレーヤアプリとそのソースコード
30
アプリ=HTML+JS+アプリマニフェスト
31
Web サイト + マニフェストファイル
でアプリになる!
アプリマニフェスト
{	
"description":"Hello world app",	
"name":"Hello world",	
"icons":{	
"128x128": "/img/icon/128.png	
}	
}
32
アプリの種類
• ホスト型アプリ
• Webサイトから読み込んで実行
• オフライン対応アプリも

実装可能
• パッケージ型アプリ
• 従来のスマホアプリに対応
• 起動にネットワークを

必要としない
33
パッケージ型
アプリ
ホスト型

アプリ
権限によるアプリの分類
34
分類 説明
通常アプリ
(web)
通常のアプリ。

ホスト型、パッケージ型ともにこの権限で動作する。
特権アプリ
(Privileged)
パッケージ型アプリのみ。通常アプリより使用できる
APIが増える。コードレビューによる審査が行われ、
Marketplaceによってデジタル署名が付加される。
認定アプリ
(Certified)
パッケージ型アプリのみ。全てのAPIが利用できる。

キャリア、もしくはそれに準じる主体のみが作成可能。
システムアプリなどが対象。
WebAPI
• アプリは Web API を通じて、資源やハードウェアへ
アクセスする
35
WebAPI経由で扱えるもの
• バッテリー情報、近接センサー、周辺光センサー、
端末の向き、加速度、位置情報、カメラ、録音、録
画、FMラジオ
• NFC、TCPソケット、ネットワーク情報、プッシュ通
知、クロスドメインXHR、回線情報の取得
• ストレージデバイス、連絡帳、
• Payment、アラーム、通知
• などなど
36
Webアクティビティ
• 他のアプリケーションの機能を呼び出すAPI
• 例
• ギャラリーから画像を選ぶ
• PDFを表示する
• activietyRequest / activityResponse
37
開発環境
38
アプリ=タブ
39
アプリ開発に必要なもの
40
開発ツール→アプリマネージャ
41
アプリマネージャ
42
シミュレータ+ADBヘルパのインストール
• ターゲットとするバージョンにあわせる
43
44
45
mozilla-apk-cli
% npm install -g mozilla-apk-cli	
!
% mozilla-apk-cli ./www test_app.apk	
!
% adb install test_app.apk
46
UIフレームワーク
47
IntelAppFramework
• http://app-framework-software.intel.com/
48
Framework7
• http://www.idangero.us/framework7/
49
OnsenUI
• http://onsenui.io/
50
レファレンス
51
FirefoxOSコミュニティ
• http://fxos.org/
• メーリングリストベースのユーザコミュニティ
• 技術的な質問が可能
52
MozillaDeveloperNetwork
• https://developer.mozilla.org/
53
MDN内のAppsセンター
• https://developer.mozilla.org/docs/Web/Apps
• アプリ開発者向けドキュメント
54
レファレンスアプリ
• https://developer.mozilla.org/docs/Web/Apps/Reference_apps
• アプリケーションの説明とサンプルコード集
55
システムアプリのソースコード
• https://github.com/mozilla-b2g/gaia
56

20140629_lod_x_firefox_os_x_html5