phonegap クイック スタート ガイド
DESCRIPTION
PhoneGap、PhoneGap Buildを使って、ハイブリッドアプリを5分で作ってみようじゃないか。TRANSCRIPT
![Page 1: PhoneGap クイック スタート ガイド](https://reader034.vdocuments.mx/reader034/viewer/2022052202/554bb91fb4c90594278b4b34/html5/thumbnails/1.jpg)
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
PhoneGap クイック・スタート Andy Hall・アドビジャパン
![Page 2: PhoneGap クイック スタート ガイド](https://reader034.vdocuments.mx/reader034/viewer/2022052202/554bb91fb4c90594278b4b34/html5/thumbnails/2.jpg)
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
PhoneGapで、 ハイブリッドアプリを 5分で作ってみよう。
まずは、ハッカー気分になって ターミナルを使います。
![Page 3: PhoneGap クイック スタート ガイド](https://reader034.vdocuments.mx/reader034/viewer/2022052202/554bb91fb4c90594278b4b34/html5/thumbnails/3.jpg)
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
npm でインストールする
> sudo npm install –g phonegap
※ Node.jsがインストール済み前提
![Page 4: PhoneGap クイック スタート ガイド](https://reader034.vdocuments.mx/reader034/viewer/2022052202/554bb91fb4c90594278b4b34/html5/thumbnails/4.jpg)
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
新規プロジェクトを作成する
> phonegap create myApp com.example.myapp MyGreatApp [phonegap] created project at / >
![Page 5: PhoneGap クイック スタート ガイド](https://reader034.vdocuments.mx/reader034/viewer/2022052202/554bb91fb4c90594278b4b34/html5/thumbnails/5.jpg)
© 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がインストール済み前提。 無い場合については後ほど
![Page 6: PhoneGap クイック スタート ガイド](https://reader034.vdocuments.mx/reader034/viewer/2022052202/554bb91fb4c90594278b4b34/html5/thumbnails/6.jpg)
© 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 >
※ デバイスが繋いでいない状態だと シミュレータが起動する
![Page 7: PhoneGap クイック スタート ガイド](https://reader034.vdocuments.mx/reader034/viewer/2022052202/554bb91fb4c90594278b4b34/html5/thumbnails/7.jpg)
© 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 など
![Page 8: PhoneGap クイック スタート ガイド](https://reader034.vdocuments.mx/reader034/viewer/2022052202/554bb91fb4c90594278b4b34/html5/thumbnails/8.jpg)
© 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 >
![Page 9: PhoneGap クイック スタート ガイド](https://reader034.vdocuments.mx/reader034/viewer/2022052202/554bb91fb4c90594278b4b34/html5/thumbnails/9.jpg)
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
そこに!
![Page 10: PhoneGap クイック スタート ガイド](https://reader034.vdocuments.mx/reader034/viewer/2022052202/554bb91fb4c90594278b4b34/html5/thumbnails/10.jpg)
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
クラウド側のビルドサービス
> phonegap remote build ...
phonegap remote ... で呼ぶと、ビルドなどが クラウドサービスで行われる。
アカウントは build.phonegap.com で 作ります。Adobe ID も利用可能。
![Page 11: PhoneGap クイック スタート ガイド](https://reader034.vdocuments.mx/reader034/viewer/2022052202/554bb91fb4c90594278b4b34/html5/thumbnails/11.jpg)
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
リモートでプラグインを使う場合は:
プラグインを使うプロジェクトを リモートでビルドする前に、
/config.xml に設定を追加します。
![Page 12: PhoneGap クイック スタート ガイド](https://reader034.vdocuments.mx/reader034/viewer/2022052202/554bb91fb4c90594278b4b34/html5/thumbnails/12.jpg)
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
リモートのビルドをデバイスにインストール するには、build.phonegap.com からの リンクまたはQRコードを使います。
![Page 13: PhoneGap クイック スタート ガイド](https://reader034.vdocuments.mx/reader034/viewer/2022052202/554bb91fb4c90594278b4b34/html5/thumbnails/13.jpg)
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
ご清聴ありがとうございました!
詳細情報: phonegap.com html.adobe.com/jp
質問など:
@fenomas [email protected]
![Page 14: PhoneGap クイック スタート ガイド](https://reader034.vdocuments.mx/reader034/viewer/2022052202/554bb91fb4c90594278b4b34/html5/thumbnails/14.jpg)
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.