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
>
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

Android版をビルドする（Android SDKがインストール済み前提）
> cd myApp
> phonegap
[phonegap]
[phonegap]
[phonegap]
[phonegap]
>
build android
detecting Android SDK
using the local envir
compiling Android...
successfully compiled
※ Android SDKがインストール済み前提。
無い場合については後ほど
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

デバイスを繋げてインストールする
> phonegap
[phonegap]
[phonegap]
[phonegap]
[phonegap]
>
install android
detecting Android SDK
using the local envir
trying to install app
successfully installe
※ デバイスが繋いでいない状態だと
シミュレータが起動する
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

プラグインをプロジェクトに追加する （使うなら）
> phonegap plugin add
https://github.com/
phonegap-build/cordovaplugin-vibration.git
プラグインの入手には
build.phonegap.com/plugins など
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

ポイント！
> phonegap
[phonegap]
[phonegap]
[phonegap]
[phonegap]
>
build android
detecting Android SDK environme
using the local environment
compiling Android...
successfully compiled Android a
注意点：ローカルでアプリをビルドするには、
当然そのプラットフォームのSDKが必要。
場合によって面倒くさい。
© 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
andhall@adobe.com
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.