Top Banner
Firefox OS ハンズオン 環境構築 @kassy_kz
10

Firefoxosハンズオン 環境構築

Jul 20, 2015

Download

Technology

Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Firefoxosハンズオン 環境構築

Firefox OS ハンズオン 環境構築

!@kassy_kz

Page 2: Firefoxosハンズオン 環境構築

Firefox ブラウザをインストール

•http://www.mozilla.jp/ からFirefoxをダウンロード

Page 3: Firefoxosハンズオン 環境構築

シミュレーターをインストール

• Firefoxを起動してメニュー -> 開発ツール-> アプリマネージャを選択

Page 4: Firefoxosハンズオン 環境構築

シミュレーターをインストール

•シミュレータを起動-> 追加

Page 5: Firefoxosハンズオン 環境構築

シミュレーターをインストール

Page 6: Firefoxosハンズオン 環境構築

Firefox OSシミュレーター起動

•Firefox OS を起動してください

Page 7: Firefoxosハンズオン 環境構築

Firefox OSシミュレーター起動

•シミュレーターの起動が確認できればOK!

Page 8: Firefoxosハンズオン 環境構築

エディタについて

• 入力コード補完機能

• シンタックスハイライト機能

• コード自動整形機能

以下の機能を備えたものを…

なにそれ?って思った人は問答無用です! 大人しく Sublime Text 2 をインストールしてください http://www.sublimetext.com/2

Page 9: Firefoxosハンズオン 環境構築

package controlのインストール

Sublime Text2をパワーアップ 1/2

[View]->[Show Console] コンソールに文字列(これ)を貼り付け

ここに貼り付け

再起動

Page 10: Firefoxosハンズオン 環境構築

プラグインのインストール

Sublime Text2をパワーアップ 2/2

Ctrl+Shift+P (Win) Command+Shift+P (Mac)

窓に[install]と打ち込みエンター

窓に[andyjs]と打ち込みエンター

これでandyjsプラグインがインストールされる

※他にもjQueryプラグインとかもインストールすると便利