PhoneGapの設定とエミュレータの起動まで。

PhoneGapをインストールした - 焼肉リア充

からエミュレータを立ち上げるまでに結構ハマったのでメモ。

というか下記の記事を見ればよい。 (非常に助かりました!!!本当にありがとうございます!)

inter-arteq :: interaction between art and technology » Blog Archive » PhoneGapの開発の流れを勉強してみた

cordova をインストール

$ npm install -g cordova

プロジェクトの作成

 $ cordova create test com.hogehoegapp test

※公式のドキュメントでは phonegap create test でいけるって書いてあったけど、あんまりうまくいかなかった記憶がある。

プラットフォームのインストール

ios

xcode が入ってたらすんなりいけるかと。

$ cordova platform add ios

android

$ cordova add platform android

でいけると思ってたけど、

$ android 

SDK Managerを起動して、該当のバージョンをインストールする

  • JAVA_HOMEがないと言われる

MacでのJAVA_HOME設定 - Qiita [キータ]を参考に

export JAVA_HOME=`/usr/libexec/java_home`

を ~/.zshrc (もしくは ~/.bashrc) に書いてsource。

それで、

$ cordova add platform android

すればいける。

プラットフォームの確認

追加したものとか、他にも利用できるプラットフォームとかを確認するなら

$ cordova platforms ls

で分かる。

ビルド

$ cordova build

エミュレータの起動

ios

$ sudo npm install -g ios-sim

でインストールしてから、

$ cordova emulate ios

Android

Androidは起動がクソ重い(というか、ずっと待ってても起動してる感なかった。以下のやつをやったらどうも、どの端末かとか全然指定してなかったのが原因っぽい)ので、

Android SDK の高速エミュレータ、使ってますか? | 画像変換の知恵袋

のやり方を適応したら表示された。

もっと良いやり方

あったら教えて下さい。