1. FirefoxOSの開発環境を用意しよう!
Mozilla Japan テクニカルマーケティング
清水智公 (nshimizu@mozilla-japan.org)
Firefox OS x HTML5 x LOD WEBイノベーションハッカソン 2014/06/29

2. アプリを作るために必要なもの
• アプリを書くためのプログラム
• エディタ：
Emacs, vim, Sumblime Text, Atom, etc
• 統合開発環境 (IDE)：
Eclipse, Visual Studio, etc
• アプリを動かすためのプログラム：シミュレータ
• アプリを調査するためのプログラム：デバッガ
2

3. アプリを作るために必要なもの
• アプリを書くためのプログラム
• エディタ：
Emacs, vim, Sumblime Text, Atom, etc
• 統合開発環境 (IDE)：
Eclipse, Visual Studio, etc
• アプリを動かすためのプログラム：シミュレータ
• アプリを調査するためのプログラム：デバッガ
3

4. インストールするもの
• Firefox
• Firefox OS シミュレータ
• adb マネージャ
4

5. まずはFirefoxをインストールしよう
5

6. Firefox：
検索→ダウンロード→インストール
6

7. 開発ツール→アプリマネージャ
7

8. アプリマネージャ
8

9. シミュレータ＋ADBヘルパのインストール
9

10. シミュレータ＋ADBヘルパのインストール
10

11. シミュレータ＋ADBヘルパのインストール
• ターゲットとするバージョンにあわせる
11

12. シミュレータ＋ADBヘルパのインストール
• 1.4 と 2.0 をインストールしておきましょう
12

13. シミュレータ＋ADBヘルパのインストール
• ADBヘルパも忘れずに！
13

14. あとあれば便利なもの
• GitHub のクライアント
• バージョン管理ツール
• https://mac.github.com/
• https://windows.github.com/
• アプリのテンプレート
• https://github.com/mozilla/mortar
• 典型的なもののテンプレート
14

15. アプリマネージャの使い方
• https://developer.mozilla.org/Firefox_OS/
Using_the_App_Manager をご覧ください
• 内容
• アプリの追加方法
• デバッガの起動方法
• 実機との接続方法
• etc
15

16. Havefun!
16