Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

PhoneGap クイック スタート ガイド

1,198 views

Published on

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

Published in: Technology
  • Be the first to comment

PhoneGap クイック スタート ガイド

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

×