20140629 firefoxos-devenv
-
Upload
noritada-shimizu -
Category
Documents
-
view
141 -
download
0
description
Transcript of 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