20140629 firefoxos-devenv

488 views
409 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
488
On SlideShare
0
From Embeds
0
Number of Embeds
12
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

20140629 firefoxos-devenv

  1. 1. FirefoxOSの開発環境を用意しよう! Mozilla Japan テクニカルマーケティング 清水智公 (nshimizu@mozilla-japan.org) Firefox OS x HTML5 x LOD WEBイノベーションハッカソン 2014/06/29
  2. 2. アプリを作るために必要なもの • アプリを書くためのプログラム • エディタ:
 Emacs, vim, Sumblime Text, Atom, etc • 統合開発環境 (IDE):
 Eclipse, Visual Studio, etc • アプリを動かすためのプログラム:シミュレータ • アプリを調査するためのプログラム:デバッガ 2
  3. 3. アプリを作るために必要なもの • アプリを書くためのプログラム • エディタ:
 Emacs, vim, Sumblime Text, Atom, etc • 統合開発環境 (IDE):
 Eclipse, Visual Studio, etc • アプリを動かすためのプログラム:シミュレータ • アプリを調査するためのプログラム:デバッガ 3
  4. 4. インストールするもの • Firefox • Firefox OS シミュレータ • adb マネージャ 4
  5. 5. まずはFirefoxをインストールしよう 5
  6. 6. Firefox: 検索→ダウンロード→インストール 6
  7. 7. 開発ツール→アプリマネージャ 7
  8. 8. アプリマネージャ 8
  9. 9. シミュレータ+ADBヘルパのインストール 9
  10. 10. シミュレータ+ADBヘルパのインストール 10
  11. 11. シミュレータ+ADBヘルパのインストール • ターゲットとするバージョンにあわせる 11
  12. 12. シミュレータ+ADBヘルパのインストール • 1.4 と 2.0 をインストールしておきましょう 12
  13. 13. シミュレータ+ADBヘルパのインストール • ADBヘルパも忘れずに! 13
  14. 14. あとあれば便利なもの • GitHub のクライアント • バージョン管理ツール • https://mac.github.com/ • https://windows.github.com/ • アプリのテンプレート • https://github.com/mozilla/mortar • 典型的なもののテンプレート 14
  15. 15. アプリマネージャの使い方 • https://developer.mozilla.org/Firefox_OS/ Using_the_App_Manager をご覧ください • 内容 • アプリの追加方法 • デバッガの起動方法 • 実機との接続方法 • etc 15
  16. 16. Havefun! 16

×