際際滷

際際滷Share a Scribd company logo
さわってみよう Firefox OS in 寄昜




                   2013/1/26
徭失B初


    Twitter: @masap

    I: Mみzみプログラマ麼に Wi-Fi

    ハッシュタグ: #FirefoxOSjp
Firefox OS の古勣
_k彜r


    Firefox OS バ`ジョン 1 に鬚韻鍋_k嶄
    ¢
        テスタ`_によるテスト粁A。
    ¢
        2013定兜^にブラジルにてk嗷莇─
    ¢
        KDDI が咾篇嶄
Firefox OSの夛


    3夛

      Gaia     ユ`ザ`インタ`フェイス


     Gecko      レンダリングエンジン     ユ`ザ腎g


                ハ`ドウェア∀觧

      Gonk

                 Linux カ`ネル    カ`ネル腎g
Gaia


    Gaia とは
    ¢
        HTML5 (+ CSS + JavaScript) でかれた UI。
    ¢
        UI 徭悶が HTML5 でかれているのは Firefox OS だ
        け。
    ¢
        HTML5 を聞っているのでカスタマイズが否叟。書晩の
        テ`マは Gaia のカスタマイズ。
Firefox OS を笋┐討澆


    UI は畠て Gaia で宙かれている

    gCにて笋┐討澆
    ¢
        軟啝中
    ¢
        謁
エミュレ`タインスト`ル
    Mac 」
r2d2b2g のインスト`ル


    USBメモリ坪のファイルを聞喘
     
         r2d2b2g-mac.xpi ファイルを Firefox にドラッグ&ドロップす
         る。
     
         和メッセ`ジが燕幣されるので仝書すぐインスト`ル々ボタン
         を兀す。
r2d2b2g軟


    Firefoxから軟
      
          ツ`ル ★ Web_k->Firefox OS Simulator
エミュレ`タ鮫中軟


    軟
     
         SimulatorとかれたスイッチをスライドしてRunningに筝。
     
         蹐里茲Δ縫蹈奪鮫中が燕幣されればOK。
エミュレ`タインスト`ル
  Windows 7 」
r2d2b2g のインスト`ル


    URL: http://people.mozilla.org/~myk/r2d2b2g/

    70M ぐらいあるので氏の圭は USB メモリでまわします)

    r2d2b2g-windows.xpi ファイルを Firefox にドラッグ&ドロッ
    プする。

    和メッセ`ジが燕幣されるので仝書すぐインスト`ル々ボタン
    を兀す。
r2d2b2g軟


    Firefoxから軟
      
          Firefoxボタン ★ Web_k->Firefox OS Simulator
エミュレ`タ鮫中軟


    軟
     
         SimulatorとかれたスイッチをスライドしてRunningに筝。
     
         蹐里茲Δ縫蹈奪鮫中が燕幣されればOK。
軟啝中のカスタマイズ
(Mac/Windows 慌宥)
フォルダを_く


    フォルダの侭を冥す
     
         FirefoxのURL に about:support と秘薦。
     
         仝アプリケ`ション児云秤鵝垢痢献侫ルダを_く々ボタンを兀
         す。
     
         extensions/r2d2b2g@mozilla.org/profile/webapps/syst
         em.gaiamobile.orgを_く。
軟啝中のカスタマイズ


    ソ`スコ`ドのきQえ
     
         application.zip をコピ`して application.zip.bak としてバッ
         クアップ。application.zip を盾。
     
         application/index.html をエディタで_く。
     
         #initlogoの嶄のbackgroundの
         initlogo.png を firefox-phone-mini.png に
         bottom, right を center に筝。
     
         application/shared/resources/branding に
         firefox-phone-mini.png をコピ`。
     
         applicationフォルダの和をzipでRs。
     
         ☆フォルダをRsしないように廣吭
     
         エミュレ`タ`を壅軟咾靴酉蹐燕幣されていれば撹孔。
謁崕の弖紗
謁崕の弖紗


    ソ`スコ`ドのきQえ
     
         extensions/r2d2b2g@mozilla.org/profile/webapps/wall
         paper.gaiamobile.orgを_く。
     
         application.zipをバックアップする。
     
         application/resources/320x480/に弖紗したい謁ファイル
         を崔く。
         ☆サイズは320x480。
     
         application/pick.html をエディタで_く。
     
         div class= ̄wallpaper ̄ 勣殆を弖紗。
謁の_J


    謁崕の弖紗を_J
Web API の試喘
噫薦のある圭鬚隠
Web API 匯E


    Firefox OS で聞喘辛嬬な API
      
          除俊センサ`、坿砿尖、バイブレ`ション吉 JavaScript から
          ハ`ドウェアを崙囮できる。
      
          Firefox OS で聞喘辛嬬な API 匯E
          https://wiki.mozilla.org/WebAPI
          ☆_k嶄なので嘛しない/}があるものもあり
      
          これ聞ってみたい吉あれば辛嬬な泙螢汽櫞`トします

More Related Content

さわってみよう Firefox OS in 寄昜

  • 1. さわってみよう Firefox OS in 寄昜 2013/1/26
  • 2. 徭失B初 Twitter: @masap I: Mみzみプログラマ麼に Wi-Fi ハッシュタグ: #FirefoxOSjp
  • 4. _k彜r Firefox OS バ`ジョン 1 に鬚韻鍋_k嶄 ¢ テスタ`_によるテスト粁A。 ¢ 2013定兜^にブラジルにてk嗷莇─ ¢ KDDI が咾篇嶄
  • 5. Firefox OSの夛 3夛 Gaia ユ`ザ`インタ`フェイス Gecko レンダリングエンジン ユ`ザ腎g ハ`ドウェア∀觧 Gonk Linux カ`ネル カ`ネル腎g
  • 6. Gaia Gaia とは ¢ HTML5 (+ CSS + JavaScript) でかれた UI。 ¢ UI 徭悶が HTML5 でかれているのは Firefox OS だ け。 ¢ HTML5 を聞っているのでカスタマイズが否叟。書晩の テ`マは Gaia のカスタマイズ。
  • 7. Firefox OS を笋┐討澆 UI は畠て Gaia で宙かれている gCにて笋┐討澆 ¢ 軟啝中 ¢ 謁
  • 9. r2d2b2g のインスト`ル USBメモリ坪のファイルを聞喘 r2d2b2g-mac.xpi ファイルを Firefox にドラッグ&ドロップす る。 和メッセ`ジが燕幣されるので仝書すぐインスト`ル々ボタン を兀す。
  • 10. r2d2b2g軟 Firefoxから軟 ツ`ル ★ Web_k->Firefox OS Simulator
  • 11. エミュレ`タ鮫中軟 軟 SimulatorとかれたスイッチをスライドしてRunningに筝。 蹐里茲Δ縫蹈奪鮫中が燕幣されればOK。
  • 13. r2d2b2g のインスト`ル URL: http://people.mozilla.org/~myk/r2d2b2g/ 70M ぐらいあるので氏の圭は USB メモリでまわします) r2d2b2g-windows.xpi ファイルを Firefox にドラッグ&ドロッ プする。 和メッセ`ジが燕幣されるので仝書すぐインスト`ル々ボタン を兀す。
  • 14. r2d2b2g軟 Firefoxから軟 Firefoxボタン ★ Web_k->Firefox OS Simulator
  • 15. エミュレ`タ鮫中軟 軟 SimulatorとかれたスイッチをスライドしてRunningに筝。 蹐里茲Δ縫蹈奪鮫中が燕幣されればOK。
  • 17. フォルダを_く フォルダの侭を冥す FirefoxのURL に about:support と秘薦。 仝アプリケ`ション児云秤鵝垢痢献侫ルダを_く々ボタンを兀 す。 extensions/r2d2b2g@mozilla.org/profile/webapps/syst em.gaiamobile.orgを_く。
  • 18. 軟啝中のカスタマイズ ソ`スコ`ドのきQえ application.zip をコピ`して application.zip.bak としてバッ クアップ。application.zip を盾。 application/index.html をエディタで_く。 #initlogoの嶄のbackgroundの initlogo.png を firefox-phone-mini.png に bottom, right を center に筝。 application/shared/resources/branding に firefox-phone-mini.png をコピ`。 applicationフォルダの和をzipでRs。 ☆フォルダをRsしないように廣吭 エミュレ`タ`を壅軟咾靴酉蹐燕幣されていれば撹孔。
  • 20. 謁崕の弖紗 ソ`スコ`ドのきQえ extensions/r2d2b2g@mozilla.org/profile/webapps/wall paper.gaiamobile.orgを_く。 application.zipをバックアップする。 application/resources/320x480/に弖紗したい謁ファイル を崔く。 ☆サイズは320x480。 application/pick.html をエディタで_く。 div class= ̄wallpaper ̄ 勣殆を弖紗。
  • 21. 謁の_J 謁崕の弖紗を_J
  • 23. Web API 匯E Firefox OS で聞喘辛嬬な API 除俊センサ`、坿砿尖、バイブレ`ション吉 JavaScript から ハ`ドウェアを崙囮できる。 Firefox OS で聞喘辛嬬な API 匯E https://wiki.mozilla.org/WebAPI ☆_k嶄なので嘛しない/}があるものもあり これ聞ってみたい吉あれば辛嬬な泙螢汽櫞`トします