PhoneGap クイック スタート ガイド
-
Upload
andy-hall -
Category
Technology
-
view
586 -
download
1
description
Transcript of PhoneGap クイック スタート ガイド
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
PhoneGap クイック・スタート Andy Hall・アドビジャパン
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
PhoneGapで、 ハイブリッドアプリを 5分で作ってみよう。
まずは、ハッカー気分になって ターミナルを使います。
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
npm でインストールする
> sudo npm install –g phonegap
※ Node.jsがインストール済み前提
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
新規プロジェクトを作成する
> phonegap create myApp com.example.myapp MyGreatApp [phonegap] created project at / >
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Android版をビルドする(Android SDKがインストール済み前提)
> cd myApp > phonegap build android [phonegap] detecting Android SDK environ [phonegap] using the local environment [phonegap] compiling Android... [phonegap] successfully compiled Android app >
※ Android SDKがインストール済み前提。 無い場合については後ほど
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
デバイスを繋げてインストールする
> phonegap install android [phonegap] detecting Android SDK environment... [phonegap] using the local environment [phonegap] trying to install app onto device [phonegap] successfully installed onto device >
※ デバイスが繋いでいない状態だと シミュレータが起動する
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
プラグインをプロジェクトに追加する (使うなら)
> phonegap plugin add https://github.com/phonegap-build/cordova-plugin-vibration.git
プラグインの入手には build.phonegap.com/plugins など
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
ポイント!
注意点:ローカルでアプリをビルドするには、 当然そのプラットフォームのSDKが必要。
場合によって面倒くさい。
> phonegap build android [phonegap] detecting Android SDK environment... [phonegap] using the local environment [phonegap] compiling Android... [phonegap] successfully compiled Android app >
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
そこに!
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
クラウド側のビルドサービス
> phonegap remote build ...
phonegap remote ... で呼ぶと、ビルドなどが クラウドサービスで行われる。
アカウントは build.phonegap.com で 作ります。Adobe ID も利用可能。
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
リモートでプラグインを使う場合は:
プラグインを使うプロジェクトを リモートでビルドする前に、
/config.xml に設定を追加します。
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
リモートのビルドをデバイスにインストール するには、build.phonegap.com からの リンクまたはQRコードを使います。
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
ご清聴ありがとうございました!
詳細情報: phonegap.com html.adobe.com/jp
質問など:
@fenomas [email protected]
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.