社内勉強会で使用したFirefox OSについての資料です。

1. FirefoxOS
第8回社内勉強会
竹林真

3. ＼ドヤ！／

5. ＼ドヤ！／

6. 触ってみたい方は、
あとから声をかけてください

7. FirefoxOSとは
Mozilla Foundationが開発を進めている
オープンソースのモバイル用OS
OSもアプリケーションもWebの技術で動
作する

8. HTML, CSS, Javascriptが使えれば
アプリ開発できる

9. PC版のFirefoxに
「Firefox OS Simulator」
のアドオンをインストール
導入方法

10. ツール→Web開発から
Firefox OS Simulatorを選択して
Dashboardを起動
メニューからSimulatorのスイッチを
切り替える
起動方法

11. はじめてのFirefoxOSアプリ開発
Firefoxのプロファイルフォルダを探す
(アドレスバーに about:supportと入力するとプロ
ファイルフォルダを開くボタンがある)
テンプレートフォルダをワークスペースにコピー
extensions/r2d2b2g@mozilla.
org/resources/r2d2b2g/data/template

12. テンプレートを元にアプリを作成
Dashboardから Add Directoryを選択して
開発したアプリのディレクトリを選択すると
シミュレータでアプリが起動する
はじめてのFirefoxOSアプリ開発

13. ←※テンプレートにエラーがあるので要修正
{
"name": "Template",
"description": "web app template",
"launch_path": "/index.html",
"developer": {
"name": "App Developer",
"url": "http://example.com/"
},
"permissions": [
],
"locales": {
"en-US": {
"name": "Template",
"description": "Web app template"
},
},
"default_locale": "en-US",
"icons": {
"128": "/style/icons/Blank.png"
}
}
manifest.webapp

14. ・シミュレータ、Webコンソール、エラーコンソール
（Firefox標準機能とアドオンを使用してデバッグ）
デバッグ方法

15. 一般アプリ開発者が利用可能
Network Information, TCP Socket, Contacts, Device Storage,
File Handle, Indexed DB, Ambient Light Sensor, Battery
Status, Geolocation, Pointer Lock, Proximity sensor, Device
Orientation, Screen Orientation, Vibration, WebFM, Alarm,
Apps, Browser, Simple Push, Web Activities, WebPayment
ベンダーのみ利用可能（今後許可される可能性あり)
Bluetooth, Mobile Connection , Network Stats, Telephony,
WebSMS, WiFi Information, Camera, Power Management,
Settings, Idle,Permissions, Time/Clock,
FirefoxOSアプリで利用可能なAPI
https://developer.mozilla.org/ja/docs/WebAPI

16. APIを利用する際はmanifest.
webappmanifest.webapp
に記載する必要がある

17. 現在使えそうなAPI
通信
・TCP Socket API
→TCP通信
・Simple Push API
→プッシュ通知

18. 現在使えそうなAPI
ストレージ
・Device Storage API
→端末、SDカードへのアクセス
・FileHandle API
→ファイル操作
・IndexedDB
→データベース

19. 現在使えそうなAPI
標準機能との連携
・Browser API
→アプリ内ブラウザ
・Alarm API
→アラーム
・Contacts API
→アドレス帳

20. 現在使えそうなAPI
センサー
・Ambient Light Sensor API
→明るさセンサー
・Proximity API
→近接センサー
・Device Orientation API
→端末の傾き
・Screen Orientation API
→画面の向き

21. 現在使えそうなAPI
ハードウェア
・Vibration API
→バイブレーション
・Geolocation API
→GPS

22. まだ正式版がリリースされてい
ないので、
今後仕様がどう変わるか
わからない

23. アプリの種類
・Webアプリ
（Webページ上で動作しているアプリケーション）
・野良アプリ
（開発者がWebサイト上で配布しているアプリ）
・マーケットアプリ
（審査に通過してマーケットに掲載されているアプリ）
・認証済みアプリ
(プリインストールされているアプリ)

24. アプリの配布方法
・Webページ
(Web上で閲覧可能なページ)
・Webアプリ
(Web上に設置されているアプリ)
・パッケージアプリ
(パッケージ化して配布されているアプリ)
・組み込みアプリ
(プリインストールされているアプリ)

25. アプリの配布方法によって使用できる
APIに制限がかかる

26. でも・・・
開発言語がHTML5+Javascriptなので、
スマホ向けのウェブアプリを開発した経験が
ある方は、そのノウハウを活かしてアプリの実装が
できるはず

27. 参考資料
http://www.mozilla.jp/firefoxos/
https://developer.mozilla.org/ja/docs/Web/Apps
https://wiki.mozilla.org/WebAPI

28. ご清聴ありがとうございました