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

1,063 views

Published on

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

Published in: Technology
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,063
On SlideShare
0
From Embeds
0
Number of Embeds
40
Actions
Shares
0
Downloads
3
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

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.

×