Firefox OS App Manager
Firefox OS Workshop @ Kanto 4th
by Tomoya Asai (dynamis)
about:me
Tomoya ASAI
Mozilla Japan
Technical Marketing (Evangelist)

dynamis @ community
dynamis.jp
@dynamitter
facebook.com/dynami...
Firefox OS
Simulator
Firefox OS Simulator
再起動不要の拡張機能
https://addons.mozilla.org/ja/
firefox/addon/firefox-os-simulator/
ポチッと押すだけ
Web 開発メニューに追加される...
これもう古いよ!
@@uunnssoolluubbllee__ssuuggaarr
さんゴメンねっ!
App Manager
アプリマネージャ
アプリ開発・管理環境
Firefox 標準搭載になりました

シュミレータは分離
複数バージョンの Firefox OS シ
ュミレータを使えるように
ADB Add-On Helper も分離
アプリマネージャ
アプリマネージャ

Web Developer → App Manager メニューで起動
ヘルプのリンクからシュミレータをインストール
アドオンをインストール

Firefox OS 1.x Simulator と ADB Helper
https://ftp.mozilla.org/pub/mozilla.org/labs/fxos-simulator/
シュミレータを起動

画面下部の [Start Simulator] ボタンで起動
起動したいバージョンを選択
Firefox OS 1.2 Simulator

デフォルトホームにアプリ検索フォームが移動
Firefox OS 1.3 Simulator

カテゴリ別アプリフォルダ復活
Permissions Table

接続後 Device パネル左下で見られます
Permissions とアプリの種類の対応表
独自アプリのインストール

Apps パネル左下の Add ∼ App から追加
新規アプリ開発はここからしましょう
独自アプリの管理

UPDATE ボタンで端末のアプリを更新
DEBUG ボタンでリモートデバッグ開始
Web Console

アプリ毎のコンテキストでコンソール使えます (当然)
Inspector

選択したノードもちゃんと端末上で強調表示
リアルタイムスタイル編集できます
Debugger

JavaScript デバッガですね
Style Editor

読み込まれているスタイルシートのリアルタイム編集
新規スタイルシートの読み込みや保存なども可能
Profiler

実行時間のプロファイリング
JS だけでなくブラウザ内部の処理時間も
Network Timeline View

通信の詳細を確認できます
Device パネル左上の [SCREENSHOT] ボタン
簡単にアプリ開発
する環境整ったね!
Peak+
Peak+ (Pre-order)
10∼11月に発送 (完売)
Peak: 149€+税+送料
MSM8225 1.2GHz x2, 4GB ROM,
1GB RAM, 4.3" qHD
メモリ容量増加と質感向上
149€ は予約時限定特価ら...
折角オーダーしても
なかなか来ない…�((><))
@@uunnssoolluubbllee__ssuuggaarr
さん残念っ!
ZTE Open
ZTE の誰でもスマホ
ZTE Open:
Size: 114 x 62 x 12.5 mm
Display: 3.5" HVGA
CPU: MSM7225A 1 GHz
(Cortex-A5, Adreno 200)
RAM 256 MB
R...
SIM フリー版も eBay で発売
ZTE Open SIM フリー版
開発者や初期採用者向け
eBay US / HK で 79.99 ドル
eBay UK で 59.99 ポンド
特定の国向け設定はされない
オレンジは eBay 限定カラ...
今すぐ欲しい人いる?
さっき届いた
11台持ってきた
http://www.behance.net/gallery/FireFox-OS-brand-mascots/7691145
Upcoming SlideShare
Loading in...5
×

Firefox OS App Manager

2,066

Published on

関東Firefox OS勉強会 4th で使用したスライド
http://atnd.org/events/43344

Published in: Technology
0 Comments
7 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,066
On Slideshare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
10
Comments
0
Likes
7
Embeds 0
No embeds

No notes for slide

Firefox OS App Manager

  1. 1. Firefox OS App Manager Firefox OS Workshop @ Kanto 4th by Tomoya Asai (dynamis)
  2. 2. about:me
  3. 3. Tomoya ASAI Mozilla Japan Technical Marketing (Evangelist) dynamis @ community dynamis.jp @dynamitter facebook.com/dynamis mailto: Tomoya ASAI <dynamis@mozilla-japan.org>
  4. 4. Firefox OS Simulator
  5. 5. Firefox OS Simulator 再起動不要の拡張機能 https://addons.mozilla.org/ja/ firefox/addon/firefox-os-simulator/ ポチッと押すだけ Web 開発メニューに追加される これで端末なくとも開発… 4.0 リリース: https://dev.mozilla.jp/firefox-os-simulator-4-0-released/
  6. 6. これもう古いよ! @@uunnssoolluubbllee__ssuuggaarr さんゴメンねっ!
  7. 7. App Manager
  8. 8. アプリマネージャ アプリ開発・管理環境 Firefox 標準搭載になりました シュミレータは分離 複数バージョンの Firefox OS シ ュミレータを使えるように ADB Add-On Helper も分離
  9. 9. アプリマネージャ
  10. 10. アプリマネージャ Web Developer → App Manager メニューで起動 ヘルプのリンクからシュミレータをインストール
  11. 11. アドオンをインストール Firefox OS 1.x Simulator と ADB Helper https://ftp.mozilla.org/pub/mozilla.org/labs/fxos-simulator/
  12. 12. シュミレータを起動 画面下部の [Start Simulator] ボタンで起動 起動したいバージョンを選択
  13. 13. Firefox OS 1.2 Simulator デフォルトホームにアプリ検索フォームが移動
  14. 14. Firefox OS 1.3 Simulator カテゴリ別アプリフォルダ復活
  15. 15. Permissions Table 接続後 Device パネル左下で見られます Permissions とアプリの種類の対応表
  16. 16. 独自アプリのインストール Apps パネル左下の Add ∼ App から追加 新規アプリ開発はここからしましょう
  17. 17. 独自アプリの管理 UPDATE ボタンで端末のアプリを更新 DEBUG ボタンでリモートデバッグ開始
  18. 18. Web Console アプリ毎のコンテキストでコンソール使えます (当然)
  19. 19. Inspector 選択したノードもちゃんと端末上で強調表示 リアルタイムスタイル編集できます
  20. 20. Debugger JavaScript デバッガですね
  21. 21. Style Editor 読み込まれているスタイルシートのリアルタイム編集 新規スタイルシートの読み込みや保存なども可能
  22. 22. Profiler 実行時間のプロファイリング JS だけでなくブラウザ内部の処理時間も
  23. 23. Network Timeline View 通信の詳細を確認できます
  24. 24. Device パネル左上の [SCREENSHOT] ボタン
  25. 25. 簡単にアプリ開発 する環境整ったね!
  26. 26. Peak+
  27. 27. Peak+ (Pre-order) 10∼11月に発送 (完売) Peak: 149€+税+送料 MSM8225 1.2GHz x2, 4GB ROM, 1GB RAM, 4.3" qHD メモリ容量増加と質感向上 149€ は予約時限定特価らしい http://shop.geeksphone.com/en/phones/8-peak.html
  28. 28. 折角オーダーしても なかなか来ない…�((><)) @@uunnssoolluubbllee__ssuuggaarr さん残念っ!
  29. 29. ZTE Open
  30. 30. ZTE の誰でもスマホ ZTE Open: Size: 114 x 62 x 12.5 mm Display: 3.5" HVGA CPU: MSM7225A 1 GHz (Cortex-A5, Adreno 200) RAM 256 MB ROM: 512 MB スペインなどで発売 http://www.ztedevices.com/product/smart_phone/2bcf2d56-0c9a-4129-a25c-acce58c8e502.html
  31. 31. SIM フリー版も eBay で発売 ZTE Open SIM フリー版 開発者や初期採用者向け eBay US / HK で 79.99 ドル eBay UK で 59.99 ポンド 特定の国向け設定はされない オレンジは eBay 限定カラー!? 日本からは HK で買いましょう http://www.ebay.com/itm/331031989534 https://blog.mozilla.org/blog/zte-will-soon-start-sales-of-firefox-os-phones-on-ebay/
  32. 32. 今すぐ欲しい人いる? さっき届いた 11台持ってきた
  33. 33. http://www.behance.net/gallery/FireFox-OS-brand-mascots/7691145
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×