Firefox OS App Manager

  • 1,725 views
Uploaded on

関東Firefox OS勉強会 4th で使用したスライド …

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

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
1,725
On Slideshare
0
From Embeds
0
Number of Embeds
5

Actions

Shares
Downloads
9
Comments
0
Likes
7

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Firefox OS App Manager Firefox OS Workshop @ Kanto 4th by Tomoya Asai (dynamis)
  • 2. about:me
  • 3. Tomoya ASAI Mozilla Japan Technical Marketing (Evangelist) dynamis @ community dynamis.jp @dynamitter facebook.com/dynamis mailto: Tomoya ASAI <dynamis@mozilla-japan.org>
  • 4. Firefox OS Simulator
  • 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. これもう古いよ! @@uunnssoolluubbllee__ssuuggaarr さんゴメンねっ!
  • 7. App Manager
  • 8. アプリマネージャ アプリ開発・管理環境 Firefox 標準搭載になりました シュミレータは分離 複数バージョンの Firefox OS シ ュミレータを使えるように ADB Add-On Helper も分離
  • 9. アプリマネージャ
  • 10. アプリマネージャ Web Developer → App Manager メニューで起動 ヘルプのリンクからシュミレータをインストール
  • 11. アドオンをインストール Firefox OS 1.x Simulator と ADB Helper https://ftp.mozilla.org/pub/mozilla.org/labs/fxos-simulator/
  • 12. シュミレータを起動 画面下部の [Start Simulator] ボタンで起動 起動したいバージョンを選択
  • 13. Firefox OS 1.2 Simulator デフォルトホームにアプリ検索フォームが移動
  • 14. Firefox OS 1.3 Simulator カテゴリ別アプリフォルダ復活
  • 15. Permissions Table 接続後 Device パネル左下で見られます Permissions とアプリの種類の対応表
  • 16. 独自アプリのインストール Apps パネル左下の Add ∼ App から追加 新規アプリ開発はここからしましょう
  • 17. 独自アプリの管理 UPDATE ボタンで端末のアプリを更新 DEBUG ボタンでリモートデバッグ開始
  • 18. Web Console アプリ毎のコンテキストでコンソール使えます (当然)
  • 19. Inspector 選択したノードもちゃんと端末上で強調表示 リアルタイムスタイル編集できます
  • 20. Debugger JavaScript デバッガですね
  • 21. Style Editor 読み込まれているスタイルシートのリアルタイム編集 新規スタイルシートの読み込みや保存なども可能
  • 22. Profiler 実行時間のプロファイリング JS だけでなくブラウザ内部の処理時間も
  • 23. Network Timeline View 通信の詳細を確認できます
  • 24. Device パネル左上の [SCREENSHOT] ボタン
  • 25. 簡単にアプリ開発 する環境整ったね!
  • 26. Peak+
  • 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. 折角オーダーしても なかなか来ない…�((><)) @@uunnssoolluubbllee__ssuuggaarr さん残念っ!
  • 29. ZTE Open
  • 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. 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. 今すぐ欲しい人いる? さっき届いた 11台持ってきた
  • 33. http://www.behance.net/gallery/FireFox-OS-brand-mascots/7691145