20140629 firefoxos-devenv

Firefox OS の開発環境を用意しよう!

Mozilla Japan テクニカルマーケティング 清水智公 ([email protected])

Firefox OS　x　HTML5　x　LOD WEBイノベーションハッカソン　2014/06/29

アプリを作るために必要なもの

• アプリを書くためのプログラム • エディタ：Emacs, vim, Sumblime Text, Atom, etc

• 統合開発環境 (IDE)：Eclipse, Visual Studio, etc

• アプリを動かすためのプログラム：シミュレータ • アプリを調査するためのプログラム：デバッガ

2

アプリを作るために必要なもの

• アプリを書くためのプログラム • エディタ：Emacs, vim, Sumblime Text, Atom, etc

• 統合開発環境 (IDE)：Eclipse, Visual Studio, etc

• アプリを動かすためのプログラム：シミュレータ • アプリを調査するためのプログラム：デバッガ

3

インストールするもの

• Firefox • Firefox OS シミュレータ • adb マネージャ

4

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

5

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

6

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

7

アプリマネージャ

8

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

9

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

10

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

• ターゲットとするバージョンにあわせる

11

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

• 1.4 と 2.0 をインストールしておきましょう

12

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

• ADBヘルパも忘れずに！

13

あとあれば便利なもの

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

14

アプリマネージャの使い方

• https://developer.mozilla.org/Firefox_OS/Using_the_App_Manager をご覧ください

• 内容 • アプリの追加方法 • デバッガの起動方法 • 実機との接続方法 • etc

15

Have fun!

16