Parallels を使用して iOS 用 Cordova アプリケーションをビルドする

この記事は、Visual Studio で Apache Cordova を使用してハイブリッド アプリをビルドし、Parallels を使用して iOS に配置する方法を示しています。 これを実行するためには、次の必要があります。

• OS X 上の Xcode

• OS X 上の Node JS

• Windows 7 または 8 以上

• OS X 上の Parallels または同様の仮想マシン ソリューション

• Windows 上の Visual Studio 2013 Pro+ および Update 4

• Windows 上の Visual Studio Tools for Apache Cordova CTP 3.0

Mavericks または Yosemite を実行できる Mac は、Parallels と Visual Studio で動作するはずです (2013 MacBook Pro など)。

Parallels を構成する

Mac に Parallels と Windows 8 をインストールするには、Parallels に付属の指示に従ってください。 Parallels と Windows 8 をインストールしたら、仮想マシンに追加の RAM と記憶域が必要かどうかを検討してください。既定値では不十分な可能性があるためです。 次の図に、Parallels のいくつかの設定例を示します。

テスト済みの環境で、Mac の仮想マシン (2 つの CPU と 3GB の RAM を搭載) に 8 GB の RAM を追加しました。 これで Windows のパフォーマンスが良くなる一方、OS X 用にもまだ十分なメモリが残っていると思われます。

vs-mda-remote による Node.js のセットアップ

Parallels を起動して稼働させたら、Mac をセットアップする用意ができました。 まず、OS X 上に Node.js をインストールする必要があります。 http://nodejs.org の指示に従ってインストールしてください。

Node.js をインストールしたら、vs mda-remote エージェントを取得します。 リモート エージェントを使用すると、Visual Studio は OS X と通信して、Mac をビルド サービスとして使用できます。 vs-mda-remote をインストールするには、Mac でターミナル アプリを開き、次のコマンドを入力します。

sudo npm install -g vs-mda-remote

上記のコマンドにより、Mac 上の Node.js の全ユーザーに vs-mda-remote エージェントがインストールされます。 また、依存関係のある ios-sim もインストールされます (ios-sim は後で使用します)。 他のユーザーが vs-mda-remote エージェントを使用できないようにする場合は、コマンドから –g フラグを削除すると、現在のユーザーに対してエージェントをインストールできます。

重要

Node.js がエラー メッセージを表示する場合は、最初に Xcode を起動して、1 つ以上のライセンス契約に同意する必要があることがあります。その後、上記のコマンドを再実行します。

Parallels が実行していることを確認します。 vs-mda-remote がインストールされた状態で、ターミナル アプリで次のコマンドを入力してエージェントを起動します。

vs-mda-remote

注意

既定では、ご使用の iOS のビルドは ~/remote_builds/ に表示されます。

vs-mda-remote の初回実行時、エージェントはセキュリティ証明書を作成し、次の図と似たようなものが表示されます。

Visual Studio でエージェントを構成するときは、暗証番号 (PIN) を使用する必要があります。 vs-mda-remote エージェントが起動し、稼働するようになりました。 ターミナル アプリは開いたままにしておきます。

Mac 上の IP アドレスを取得します。

Parallels を実行している状態で、Parallels から Mac 側に接続する最も信頼性の高い方法は、いずれかの vnic の IP アドレスを使用することです。通常、この IP アドレスは再起動しても変わらないためです。 この IP アドレスを取得するには、ターミナル アプリに移動し、次のコマンドを入力します。

ifconfig

結果は、次のようになります。

いずれかの vnic IP アドレスが機能します。 vs-mda-remote が実行中かつ vnic IP アドレスが使用できる状態で、Visual Studio を Parallels で開いて Mac でのビルドを開始します。

Visual Studio が use vs-mda-remote を使用するよう構成する

Visual Studio が Parallels で開いている状態で、[ツール]、[オプション] の順に選択します。 [Apache Cordova 用ツール] を開いてから、[リモート エージェントの構成] を選択します。 リモート エージェントの設定に次のような変更を行います。

• [iOS のリモート処理を有効にする] を [True] に設定します。

• ホストを、以前取得したいずれかの vnic IP アドレスに設定します。

• ポートの設定に既定値 3000 を使用します。

• セキュリティ PIN を、vs-mda-remote を最初に実行したときに表示された PIN に設定します。

注意

[オプション] ダイアログ ボックスに [Apache Cordova 用ツール] が表示されない場合は、ツールをインストールする必要がある場合があります。この記事の先頭のリンクを使用して、ツールを入手します。(ツールが既にインストールされている場合は、[すべての設定を表示] チェックボックスが [オプション] ダイアログ ボックスの下部にあれば、これをオンにしてみてください)。

セキュリティ PIN が期限切れの場合は、証明書を再度生成する必要があることがあります。 詳細については、「iOS にビルドするためのツールのインストール」を参照してください。

iOS 用のプロジェクトをビルドする

次に、プロジェクトを iOS 用にビルドするよう設定していることを確認します。 [デバッグ] ツールバーにソリューション プラットフォームの一覧が表示されていない場合は、次の図に示すように、[デバッグ] ツールバーの右側にあるドロップダウンの矢印をクリックすると表示されます。

[ソリューション プラットフォーム] の一覧から、[iOS] を選択します。 [デバッグ ターゲット] の一覧から、[シミュレーター – iPhone 5] など、ビルドするデバイスを選択します。

目的のデバイスを選択したら、[デバッグの開始] ボタン (緑色の右矢印) をクリックします。 Visual Studio が、いくつかのビルド タスクを vs-mda-remote に渡して、プロジェクトをビルドします。 ビルドが完了すると、vs-mda-remote はシミュレーターを起動し、アプリケーションを読み込みます。

これで、Visual Studio と Parallels を使用する、iOS 向けの作業用ハイブリッド モバイル アプリ開発環境ができました。 Cordova アプリケーションを開発し、iOS で簡単にテストすることができます。

シャットダウンの後、以降の開発セッションで、vs-mda-remote を再起動する必要があります。 上記の説明のように、OS X でターミナル アプリケーションを開き、コマンドラインに次のように入力します。

vs-mda-remote 

では、次のモバイル アプリ開発の成功を願っています!