パート 4 : Monaca アプリのビルド

こちらのチュートリアルでは、iOS 向けと Android 向けの Monaca アプリのビルド方法を解説します。

  1. iOS 向け Monaca アプリのビルド
  2. Android 向け Monaca アプリのビルド

他のプラットフォーム向けの Monaca アプリのビルドに関しては、 ビルド をご確認ください。

iOS 向け Monaca アプリのビルド

端末にインストールできるデバッグビルド版 iOS アプリの作成方法を解説します。ビルドの種類に関する詳細は、 ビルドの種類 をご確認ください。

事前準備

必要事項

iOS Developer Program 登録後、iOS Provisioning Portal 上で、次のアイテムを作成します。

ステップ 1 : iOS アプリの設定

  1. Monaca クラウド IDE メニューから、設定 ‣ iOS アプリ設定... を選択します。

  2. アプリに関する情報を入力します。

  • アプリケーション名 : マーケット上で公開されるアプリ名です。

  • App ID : アプリを識別する一意の ID です。App ID には、逆ドメイン形式 ( 例 : mobi.monaca.appname ) を推奨します。英数字とピリオドのみ使用できます ( ピリオドは、最低限、1 つ使用 )。各レベルのドメイン ( 各節 ) は、ピリオドで区切られ、英字から始まります。

  • バージョン : iTune Connect 経由で、アプリをアップロード ( 配布のため ) するときに必要となる、アプリのバージョン番号です。ドットで区切った、3 つの数字 ( 例 : 1.10.2 ) を使用します。各数字は、[0-99] の範囲にします。

  • 他の設定項目は、任意です。こちらの設定画面では、アイコン、スプラッシュ画像などを設定できます。

    ../../../_images/ios_15.png

警告

Monaca のビルド設定で使用する App ID には、iOS Provisioning Portal で登録した App ID と同じ ID を使用します。なお、Monaca のビルド設定で使用する App ID には、アスタリスク ( * ) は使用できません。使用した場合、ビルドが失敗します。

  1. 設定後、 保存する をクリックします。

ステップ 2 : iOS ビルドの設定

  1. Monaca クラウド IDE メニューから、設定 ‣ iOS ビルド設定... を選択します。

  2. 秘密鍵と CSR の生成 ボタンをクリックします。

../../../_images/ios_22.png
  1. Apple ID 情報 ( ユーザー名とメールアドレス ) および国コードを入力して、秘密鍵と CSR の生成 ボタンをクリックします。既存の秘密鍵がある場合には、こちら の内容に従い、インポートもできます。

../../../_images/ios_32.png
  1. 認証後、次のダイアログが表示されます。CSR のダウンロード ボタンをクリックして、CSR ファイルをダウンロードします。ダウンロードしたファイルは、後ほど、iOS Provisioning Portal で、証明書を発行するときに必要となります。

../../../_images/ios_51.png

注釈

既存の秘密鍵をインポートする場合、インポートする秘密鍵を使用して発行した証明書が必要になります。また、秘密鍵と CRS ファイルを新規作成する場合、新規作成した CRS ファイルを使用して、証明書を新規発行する必要があります。

パート 3 : アプリのビルド

  1. Monaca クラウド IDE のメニューから、 ビルド ‣ iOS アプリのビルド を選択します。

  2. [ デバッグ向けビルド ] の デバッグビルド オプションを選択し、加えて、対応するプロビジョニング プロファイルを選択します。次に、ビルドを開始する ボタンをクリックします。

../../../_images/ios_6.png
  1. ビルドが完了するまで数分かかる場合もありますので、しばらく待ちます。ビルドが完了すると、次の画面が表示されます。

../../../_images/ios_71.png

ステップ 4 : ビルドしたアプリのインストール

次のいずれかの方法を使用すれば、デバッグビルド版アプリをインストールできます。

  1. ビルド済みアプリをダウンロードし、iTunes を使用して、iOS 端末にインストールします。

  2. QR コードを使用して、インストールします。

  3. 配信/配布支援サービス ( デプロイサービス ) 経由でインストールします ( 各種設定が必要です )。

Android 向け Monaca アプリのビルド

デバッグビルド版 Android アプリの作成方法を解説します。ビルドの種類に関する詳細は、 ビルドの種類 をご確認ください。

ステップ 1 : Android アプリの設定

  1. Monaca クラウド IDE のメニューから、 設定 ‣ Android アプリ設定 を選択します。

  2. アプリに関する情報を入力します。

  • アプリケーション名 : マーケット上で公開されるアプリ名です。

  • パッケージ名 : アプリを識別する一意の ID です。ID には、逆ドメイン形式 ( 例 : mobi.monaca.appname ) の使用を推奨します。英数字とピリオドのみ使用できます ( ピリオドは、最低限、1 つ使用 )。各レベルのドメイン ( 各節 ) は、ピリオドで区切られ、英字から始まります。

  • バージョン : アプリのバージョン番号です。ドットで区切った、3 つの数字 ( 例 : 1.10.2 ) を使用します。各数字は、[0-99] の範囲にします。

  • ビルド種別ごとにパッケージ名を分ける : チェックをした場合、デバッグビルド版アプリのパッケージ名とカスタムビルド版デバッガーのパッケージ名は、異なる名になります。デバッグビルド版アプリのパッケージ名の拡張子は .debug となり、プロジェクトのデバッガーのパッケージ名の拡張子は .debugger となります。ただし、デフォルトでは、このオプションは無効になっています。常時有効にしてしまうと、決まったパッケージ名 ( In-App Purchase など ) に紐付けされているプラグインが存在する場合、デバッグができなくなるためです。

  • 他の設定項目は、任意です。こちらの設定画面では、アイコン、スプラッシュ画像などを設定できます。

    ../../../_images/android_13.png
  1. 設定後、 保存する をクリックします。

ステップ 2 : Android キーストア ( Keystore ) の設定

Android キーストアを使用して、パッケージの署名に必要な鍵 ( エイリアス ) を格納します。キーストアを紛失した場合、または、別のキーストアで上書きした場合は、既に署名されているパッケージは、同じ鍵では再署名できません。1 つのキーストアには、複数のエイリアスを格納できますが、アプリのコード署名 ( Code Sign ) 時には、エイリアスを 1 つのみ、使用します。

Monaca での Android キーストアの設定方法は、次のとおりです。

  1. Monaca クラウド IDE のメニューから、 設定 を選択して、次に、 Android キーストア設定... を選択します。

  2. これまでにキーストアを作成したことがない場合、キーストアを新規に作成します。新規作成の他にも、既存のキーストアがあれば、インポートもできます。このチュートリアルでは、キーストアを新規に作成することを前提として解説します。クリアして作成 ... ボタンをクリックして、[ キーストアを作成する ] ダイアログを表示させます。

../../../_images/android_23.png
  1. キーストアに関する情報を入力します。

  • エイリアス名 : キーストアに格納する秘密鍵の名前です。秘密鍵は、パッケージの署名時に使用します。

  • エイリアスのパスワード : エイリアス用のパスワードです。

  • キーストアのパスワード : 新規のキーストア用のパスワードです。

../../../_images/android_33.png
  1. キーストアとエイリアスを作成する ボタンをクリックします。

パート 3 : アプリのビルド

  1. Monaca クラウド IDE のメニューから、 ビルド を選択して、次に、 Android アプリのビルド を選択します。

  2. [ デバッグ向けビルド ] の [ デバッグビルド ] を選択して、ビルドを開始する ボタンをクリックします。

../../../_images/android_43.png
  1. ビルドが完了するまで数分かかる場合もありますので、しばらく待ちます。ビルドが完了すると、次の画面が表示されます。

../../../_images/android_53.png

ステップ 4 : ビルドしたアプリのインストール

次のいずれかの方法を使用すれば、ビルドしたアプリをインストールできます。

  1. ネットワーク インストール を使用します。

  2. QR コードを使用して、インストールします。

  3. ビルド済みアプリをコンピューターに直接ダウンロードし、USB ケーブル経由でインストールします。

  4. ビルド済みアプリのダウンロード元 ( URL ) が記載されたメールを、Monaca に登録されているメールアドレスに送信します。

  5. 配信/配布支援サービス ( デプロイサービス ) 経由でインストールします ( 各種設定が必要です )。