PhoneGap、PhoneGap Buildを使って、ハイブリッドアプリを5分で作ってみようじゃないか。

1. PhoneGap クイック・スタート
Andy Hall・アドビジャパン
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

2. PhoneGapで、
ハイブリッドアプリを
5分で作ってみよう。
まずは、ハッカー気分になって
ターミナルを使います。
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

3. npm でインストールする
> sudo npm install
–g phonegap
※ Node.jsがインストール済み前提
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

4. 新規プロジェクトを作成する
> phonegap create
myApp
com.example.myapp
MyGreatApp
[phonegap] created project
>
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

5. 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.

6. デバイスを繋げてインストールする
> 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.

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

8. ポイント！
> 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.

9. そこに！
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

10. クラウド側のビルドサービス
> phonegap remote
build ...
phonegap remote ... で呼ぶと、ビルドなどが
クラウドサービスで行われる。
アカウントは build.phonegap.com で
作ります。Adobe ID も利用可能。
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

11. リモートでプラグインを使う場合は：
プラグインを使うプロジェクトを
リモートでビルドする前に、
/config.xml に設定を追加します。
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

12. リモートのビルドをデバイスにインストール
するには、build.phonegap.com からの
リンクまたはQRコードを使います。
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

13. ご清聴ありがとうございました！
詳細情報：
phonegap.com
html.adobe.com/jp
質問など：
@fenomas
andhall@adobe.com
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

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