この情報は、米国アドビシステムズ社が提供している情報をもとにローカライズし、作成したものです。

日本語環境での動作保証はしておりませんのでご了承ください。

 A. PhoneGap Build と Dreamweaver について 

PhoneGap Build は、Web アプリケーションをネイティブモバイルアプリケーションとしてパッケージすることができるクラウドベースのサービスです。Dreamweaver との統合により、Dreamweaver サイト内にアプリをビルドして保存し、パッケージ用にクラウド内の PhoneGap Build サービスにアップロードできるようになりました。

PhoneGap Build によって、以下のモバイルデバイス用オペレーティングシステムに対応するネイティブアプリケーションのパッケージがサポートされます。

  • iOS
  • Android
  • BlackBerry
  • webOS
  • Symbian

PhoneGap Build サービスの詳細については、PhoneGap Web サイトを参照してください。

PhoneGap Build サービスの使用方法については、PhoneGap Build の文書を参照してください。

 B. PhoneGap Build サービスアカウントの作成

PhoneGap Build サービスアカウントを所有していない場合、Dreamweaver 内の PhoneGap Build を使用することはできません。 アカウントは無料で登録でき、簡単に設定できます。PhoneGap Build Web サイト でアカウントの登録が可能です。

アカウントを有効にするには、確認メールの認証手続きが必要です。

 C. 開発環境の設定

パッケージするアプリケーションの種類、および検証環境のデバイスの種類によって、アプリケーションのパッケージを行う前に必要な準備があります。以下はオプションです。

Android SDK

Android エミュレーターを使用して、ローカルコンピューターで Android アプリケーションの検証を行う場合、Android SDK をダウンロードしてインストールする必要があります。手順の詳細については、Android ドキュメントを参照してください。

Android SDK をインストールした後、Android SDK と AVD Managers を起動し、ローカルコンピューターで使用する Android ツールを選択する必要があります。この初期設定は、Dreamweaver の PhoneGap Build サービスパネルで Android エミュレーター設定に反映されます。設定手順の詳細については、Android ドキュメントを参照してください。

 重要 : ローカルコンピューターで、Android エミュレーターを使用する場合、検証を行う前に、Dreamweaver とは別にエミュレーターを起動しておく必要があります。

webOS SDK/PDK

ローカルコンピューターで webOS エミュレーターを使用してアプリケーションの検証を行う場合、webOS SDK/PDK をダウンロードしてインストールする必要があります。手順については、webOS ドキュメントを参照してください。

QR コードリーダー

パッケージされたアプリをデバイスに転送する際、QR コードリーダーが有効です。(Dreamweaver を使用してアプリケーションをパッケージする際、アプリの QR コードが発行されます。アプリケーションがパッケージされると、QR コードはPhoneGap Build パネルに表示されます。)QR コードリーダーは、様々なマーケットプレイスから様々な種類のリーダーが無料で提供されています。

 D. PhoneGap Build でモバイルアプリケーションをパッケージ

  1. サイト内には、index.html が必要です。(通常、アプリケーションのスタートページとして使用します。)



     注意 : PhoneGap Build では、HTML、CSS、JavaScript ファイルのみがサポートされています。PHP や CFM などのサーバーサイドスクリプトを含めることはできません。

     
  2. サイト/PhoneGap Build サービス/PhoneGap Build サービスを選択します。
  3. PhoneGap Build にログインします。PhoneGap Build アカウントを登録していない場合は、B. PhoneGap Build サービスアカウントの作成を参照してください。
  4. 「新規プロジェクトを作成」が選択されたままの状態で、「続行」をクリックします。

    「続行」をクリックすると、アプリケーションのビルドが開始されますが、更に追加の操作が必要です。
  5. サイトルートに ProjectSettings ファイルが生成されたことを確認します。(必要に応じてファイルパネルを更新してください。)PhoneGap Build サービスは、このファイルを使用してアプリケーションを記録するため、非常に重要なファイルです。

    また、config.xml ファイルも同様にサイトルートに生成されます。このファイルをダブルクリックして開きます。







    このファイルを編集して、アプリケーションの識別情報をカスタマイズします。この作業を行わないと、すべてのアプリケーションが、初期設定のアプリケーション名で作成されます。

    config.xml ファイルの詳細については、PhoneGap Build のドキュメントを参照してください。
  6. 編集した config.xml ファイルを保存して閉じ、PhoneGap Build サービスパネルで「再ビルド」をクリックします。アプリケーションのパッケージが完了すると、ビルド完了のメッセージがプラットフォームごとに表示されます。







    ビルド完了後は、さまざまなオプションが表示されます。アプリケーションファイルをコンピューターにダウンロードしたり、ビルドの QR コードをスキャンしてデバイスに転送したり、エミュレーター(Android および webOS のみ)を使用してアプリケーションの動作を確認したりすることができます。

D-1. アプリケーションファイルのダウンロード 

PhoneGap Build サービスパネルの「アプリケーションのダウンロード」ボタン(下向きの矢印)をクリックして、PhoneGap Build からアプリケーションをダウンロードすることができます。

 注意 : 署名キーが無い場合、iOS アプリケーションをダウンロードするオプションは使用できません。詳細については、PhoneGap Build のドキュメントを参照してください。

ダウンロードされるアプリケーションのファイル名は、プラットフォームごとに以下のように異なります。

  • iOS : app.ipa
  • Android : app.apk
  • BlackBerry : app.jad
  • webOS : app.ipk
  • Symbian : app.wgz

D-2. デバイス転送用の QR コードをスキャン

QR コードをスキャンするには、QR コードリーダーが必要です。詳細については、C. 開発環境の設定を参照してください。

 注意 : 署名キーが無い場合、 QR コードは使用できません。詳細については、PhoneGap Build のドキュメントを参照してください。

  1. PhoneGap Build サービスパネルで、ダウンロードするアプリケーションの QR コードをクリックします。
  2. モバイルデバイスの QR コードリーダーで、コードをスキャンします。
  3. アプリケーションのダウンロードが完了すると、デバイス上で起動できるようになります。
  4. 「ビルドに戻る」ボタンをクリックして、ビルド一覧に戻ります。

D-3. アプリケーションのエミュレート(Android/webOS)

 重要 :エミュレートを行うには、Android の場合は Android SDK、weOS の場合は webOS SDK/PDK をあらかじめインストールしておく必要があります。また、ローカルで使用する SDK/AVD 情報を、SDK アプリケーションから指定しておく必要もあります。詳細については、C. 開発環境の設定を参照してください。

  1. サイト/PhoneGap Build サービス/PhoneGap Build 設定を選択し、PhoneGap Build 設定パネルを開きます。
  2. 使用するプラットフォームの SDK の場所を指定し、「保存」をクリックします。この設定により、Dreamweaver が、アプリケーションをエミュレーターに送信する場所が指定されます。
  3. サイト/PhoneGap Build サービス/PhoneGap Build サービスを選択します。
  4. エミュレートボタン(横向きの矢印)をクリックします。
  5. SDK アプリケーションから SDK/AVD 情報を指定してあれば、情報が反映されたウィンドウが表示されます。
  6. 使用する SDK/AVD を選択し、「起動」をクリックします。

 注意 : エミュレーターが起動し、アプリケーションが読み込まれるまでには時間がかかることがあります。

本作品は Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License によってライセンス許可を受けています。  Twitter™ および Facebook の投稿には、Creative Commons の規約内容は適用されません。

法律上の注意   |   プライバシーポリシー