< 前へ | 次へ >

演習 1: jQuery および Cordova の連絡先プラグインを使用して Cordova プロジェクトを作成する

この演習では、jQuery の構成を使用して、Cordova プロジェクトを作成する方法について学習します。

このタスクについて

このチュートリアルを使用する前に、ワークスペースを構成する必要があります。

SDK とツールのインストール

  • Download Android SDK』から Android SDK をダウンロードし、さらに「DOWNLOAD FOR OTHER PLATFORMS」を選択して、 「SDK tools only」からアーカイブ・ファイルをダウンロードします。
    制約事項: Android SDK は Java™ 8 をサポートしません。Java 7 または Java 6 を使用してください。詳しくは「Get the Android SDK」を参照してください。
  • Android SDK をワークステーションのディレクトリーに解凍します。
  • Android 仮想デバイスのインストールが完了したら、Cordova 設定のセットアップを行い、Android をインストールしたディレクトリーを指定できます。

Android 仮想デバイスの作成

    • Windows の場合: Android SDK フォルダーを開き、SDK Manager.exe にナビゲートします。SDK Manager.exe をダブルクリックします。
    • Linux の場合: ターミナルを開き、Android SDK ツールのディレクトリーに移動 (コマンド: cd <your SDK Path>/tools) して、./android sdk または ./android avd コマンドを実行します。
  • Android SDK Manager が開きます。
    Android SDK Manager
  • 「Install <num> packages」をクリックし、「Accept License」をクリックして、「Install」をクリックします。
  • インストールが完了したら、「Tools」 > 「Manage AVDs...」を選択します。
  • 「新規」をクリックする。
    • 「AVD Name」フィールドに、エミュレーターの名前を入力します。
    • 「Device」フィールドで、使用するデバイスを選択します。
    • 「Target」フィールドで、ターゲットとする Android のバージョンを選択します。
    • 「RAM memory」フィールドに「768」と入力し、「OK」をクリックします。
    Android 仮想デバイスの作成
  • 作成したばかりの Android 仮想デバイスを強調表示し、「Start」をクリックします。 Android 仮想デバイスを使用してプロジェクトを作成および実行したい場合は常に、Android 仮想デバイスを最初に起動する必要があります。
  • 「Launch options」ページで、「Launch」をクリックします。
    Android 仮想デバイスの起動

手順

  1. 「ファイル」 > 「新規」 > 「プロジェクト」 > 「Cordova プロジェクト」 をクリックし、「次へ」をクリックします。
  2. 「Cordova プロジェクト」ページで、「プロジェクト名」フィールドに Contacts と入力し、「ロケーション」「ID」、および「表示名」の各フィールドのデフォルト値を受け入れて、「次へ」をクリックします。
  3. 「構成」ページで以下を実行します。
    1. 「プラットフォーム」タブを選択し、「Android」をクリックします。
      重要: このチュートリアルではプラットフォームに Android を使用しますが、MAC オペレーティング・システム用の iOS プラットフォームもサポートされます。
    2. 「プラグイン」タブを選択し、「連絡先」プラグインをクリックします。
    3. 「jQuery」タブを選択し、「jQuery モバイルの追加」をクリックします。以下の jQuery ファイルを選択し、プロジェクトに追加します。
      • jquery-1.9.1.js
      • jquery-mobile-1.3.2.css
      • jquery-mobile-1.3.2.js
      • jquery-mobile.structure-1.3.2.css
      • jquery-mobile.theme-1.3.2.css
      jQuery モジュールを選択した後に以下の警告が表示される場合がありますが、無視してかまいません。
       インポートする JavaScript ファイルが複数選択されました。 アプリケーション内に複数の jQuery のコピーが存在すると、ツールのパフォーマンスが低下するおそれがあります。
    「終了」をクリックします。「この種類のプロジェクトは、Web パースペクティブに関連付けられます。このパースペクティブを開きますか?」というダイアログが表示されたら、「はい」をクリックします。

タスクの結果

プロジェクトが正しく作成されたことを確認するには、エンタープライズ・エクスプローラーで Contact プロジェクトを調べます。
< 前へ | 次へ >

フィードバック