Embed Size (px)
DESCRIPTION
PhoneGap、PhoneGap Buildを使って、ハイブリッドアプリを5分で作ってみようじゃないか。
Citation preview
© 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.
