Download pdf - Firefox OS App Manager

Transcript
Page 1: Firefox OS App Manager

Firefox OS App ManagerFirefox OS Workshop @ Kanto 4thby Tomoya Asai (dynamis)

Page 2: Firefox OS App Manager

about:me

Page 3: Firefox OS App Manager

Tomoya ASAI

Mozilla JapanTechnical Marketing (Evangelist)

dynamis @ communitydynamis.jp

@dynamitter

facebook.com/dynamis

mailto: Tomoya ASAI <dynamis mozilla-japan.org>@

Page 4: Firefox OS App Manager

Firefox OSSimulator

Page 5: Firefox OS App Manager

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/

Page 6: Firefox OS App Manager

これもう古いよ!

@@uunnssoolluubbllee__ssuuggaarrさんゴメンねっ!

Page 7: Firefox OS App Manager

App Manager

Page 8: Firefox OS App Manager

アプリマネージャ

アプリ開発・管理環境Firefox 標準搭載になりました

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

Page 9: Firefox OS App Manager

アプリマネージャ

Page 10: Firefox OS App Manager

アプリマネージャ

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

Page 11: Firefox OS App Manager

アドオンをインストール

Firefox OS 1.x Simulator と ADB Helperhttps://ftp.mozilla.org/pub/mozilla.org/labs/fxos-simulator/

Page 12: Firefox OS App Manager

シュミレータを起動

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

Page 13: Firefox OS App Manager

Firefox OS 1.2 Simulator

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

Page 14: Firefox OS App Manager

Firefox OS 1.3 Simulator

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

Page 15: Firefox OS App Manager

Permissions Table

接続後 Device パネル左下で見られますPermissions とアプリの種類の対応表

Page 16: Firefox OS App Manager

独自アプリのインストール

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

Page 17: Firefox OS App Manager

独自アプリの管理

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

Page 18: Firefox OS App Manager

Web Console

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

Page 19: Firefox OS App Manager

Inspector

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

Page 20: Firefox OS App Manager

Debugger

JavaScript デバッガですね

Page 21: Firefox OS App Manager

Style Editor

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

Page 22: Firefox OS App Manager

Profiler

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

Page 23: Firefox OS App Manager

Network Timeline View

通信の詳細を確認できます

Page 24: Firefox OS App Manager

Device パネル左上の [SCREENSHOT] ボタン

Page 25: Firefox OS App Manager

簡単にアプリ開発する環境整ったね!

Page 26: Firefox OS App Manager

Peak+

Page 27: Firefox OS App Manager

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

Page 28: Firefox OS App Manager

折角オーダーしてもなかなか来ない…�((><))

@@uunnssoolluubbllee__ssuuggaarrさん残念っ!

Page 29: Firefox OS App Manager

ZTE Open

Page 30: Firefox OS App Manager

ZTE の誰でもスマホ

ZTE Open:Size: 114 x 62 x 12.5 mmDisplay: 3.5" HVGACPU: MSM7225A 1 GHz (Cortex-A5, Adreno 200)RAM 256 MBROM: 512 MB

スペインなどで発売

http://www.ztedevices.com/product/smart_phone/2bcf2d56-0c9a-4129-a25c-acce58c8e502.html

Page 31: Firefox OS App Manager

SIM フリー版も eBay で発売

ZTE Open SIM フリー版開発者や初期採用者向けeBay US / HK で 79.99 ドルeBay UK で 59.99 ポンド特定の国向け設定はされないオレンジは eBay 限定カラー!?日本からは HK で買いましょう

http://www.ebay.com/itm/331031989534https://blog.mozilla.org/blog/zte-will-soon-start-sales-of-firefox-os-phones-on-ebay/

Page 32: Firefox OS App Manager

今すぐ欲しい人いる?

さっき届いた11台持ってきた


Recommended