PhoneGap と Cordova

1. お使いのコンピューターに Node.js(英語) がインストールされていることを確認してください。

2. 設定で JavaScript and TypeScript プラグインが有効になっていることを確認します。 Ctrl+Alt+S を押して設定を開き、 プラグイン を選択します。 インストール済み タブをクリックします。 検索フィールドに JavaScript と TypeScript と入力します。 プラグインに関する詳細は、 プラグインの管理を参照してください。

3. JetBrains マーケットプレイスからプラグインをインストールする説明に従って、 設定 | プラグイン ページの Marketplace タブに Cordova プラグインをインストールして有効にします。 このプラグインは IntelliJ IDEA Ultimate でのみ利用可能です。

4. ターゲットプラットフォームと使用するオペレーティングシステムに応じて、エミュレータツールをダウンロードしてインストールします。 Cordova(英語) の公式 Web サイトから詳細を学びましょう。

5. iOS(英語) プラットフォームをエミュレートするには、 ios-sim(英語) および ios-deploy(英語) コマンドラインツールをグローバルにインストールします。

   埋め込み ターミナル （Alt+F12 ）を開いて、次のように入力します。

   npm install -g ios-sim

   npm install -g ios-deploy

埋め込まれた ターミナル （Alt+F12 ）で、次のいずれかのコマンドを入力します。

• npm install -g phonegap@latest

  PhoneGap 公式サイト(英語)の詳細を参照してください。

• npm install -g cordova

  Cordova オフィシャル Web サイト(英語)の詳細を参照してください。

テンプレートからアプリケーションを作成する

1. メインメニューから ファイル | 新規 | プロジェクト を選択するか、 ようこそ 画面の 新規プロジェクト ボタンをクリックします。

2. 新規プロジェクト ダイアログで、左側のペインで JavaScript を選択します。

3. 右側のペインで、 Cordova を選択し、 次へ をクリックします。

4. ウィザードの 2 ページ目で、プロジェクト名と作成するフォルダーを指定します。 実行可能ファイルの場所を指定します。 オペレーティングシステムとターゲットプラットフォームに応じて、これは phonegap 、 phonegap.cmd 、 cordova または cordova.cmd になります。

5. 完了 をクリックすると、IntelliJ IDEA はフレームワーク固有の構造を持つアプリケーションのスケルトンを生成します。

プロジェクトで PhoneGap または Cordova を構成する

1. 設定 ダイアログ（Ctrl+Alt+S ）を開き、 言語 & フレームワーク | JavaScript | Cordova に進みます。

2. IntelliJ IDEA が実行可能ファイルを自動的に検出しなかった場合は、実行可能ファイルの場所を確認するか、ファイルへのパスを指定します。 これは、オペレーティングシステムと選択したフレームワークに応じて、 phonegap 、 phonegap.cmd 、 cordova または cordova.cmd になります。

   IntelliJ IDEA はインストールされたバージョンを検出し、それを Cordova バージョン 読み取り専用フィールドに表示します。

3. Cordova 作業ディレクトリ フィールドで、実行するアプリケーションファイルが格納されているフォルダーを指定します。

4. デフォルトでは、IntelliJ IDEA は自動で platforms または www ディレクトリを 除外対象 として扱い、プロジェクト分析中、構文解析中、コード補完中は無視します。 コンテンツルート内のフォルダーの構成を参照してください。

   このデフォルトの動作を維持するには、 作業ディレクトリを自動的に除外する ('platforms'、'www' for ionic) チェックボックスが選択されていることを確認してください。

実行構成の作成

1. 実行 | 実行構成の編集 に移動します。 開いた 構成の編集 ダイアログで、ツールバーの をクリックし、コンテキストメニューから Cordova を選択します。

2. 開いた 実行/デバッグ構成: Cordovaダイアログで、次の項目を指定します：

   1. 設定の名前。

   2. 実行可能な Cordova フィールドで、オペレーティングシステムと選択したフレームワークに応じて、実行可能ファイル phonegap 、 phonegap.cmd 、 cordova または cordova.cmd の場所を指定します。

   3. Cordova 作業ディレクトリ フィールドで、実行するアプリケーションファイルが格納されているフォルダーを指定します。

   4. コマンド リストから、実行するコマンドを選択してください。 リストの内容は、実際に使用されているフレームワーク、つまり 実行可能な Cordova フィールドで指定されている実行可能ファイルによって異なります。 使用可能なオプションは以下のとおりです。

      • PhoneGap の場合:

        • emulate

        • 実行

        • prepare

        • serve

        • remote build

        • remote run

        PhoneGap 特有のコマンドのリストについては、 PhoneGap CLI(英語) を参照してください。

      • Cordova の場合:

        • emulate

        • 実行

        • prepare

        • serve

        Cordova 特有のコマンドのリストについては、 Cordova CLI(英語) を参照してください。

   5. プラットフォーム リストから、アプリケーションが対象とするプラットフォームを選択します。

      使用可能なオプションは以下のとおりです。

      • Android

      • iOS このプラットフォームをエミュレートするには、 ios-sim(英語) および ios-deploy(英語) コマンドラインツールをグローバルにインストールします。

        埋め込み ターミナル （Alt+F12 ）を開いて、次のように入力します。

        npm install -g ios-sim

        npm install -g ios-deploy

      • ブラウザー

      • amazon-fireos

      • firefoxos

      • blackberry10

      • ubuntu

      • wp8

      • windows

      • windows8

      プラットフォームガイド(英語)のターゲットプラットフォームの詳細を参照してください。

   6. Cordova の場合、アプリケーションを実行する対象の仮想または物理 Android デバイスを指定します。 ターゲットを指定する チェックボックスを選択し、リストから必要なデバイスを選択します。

      リストには、マシンに現在構成されているすべての仮想デバイスと物理デバイスが表示されます。 Cordova オフィシャル Web サイト(英語)からのエミュレーターのセットアップについて詳しく学びましょう。

      IntelliJ IDEA に次のエラーメッセージが表示される場合： パスに ios-sim が見つかりません、 ios-sim がインストールされていることを確認し、 始める前に を参照してください。

アプリケーションの実行

• メインツールバーのリストから新しく作成した実行構成を選択し、 をクリックします。