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

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

1. [iOS 向け Monaca アプリのビルド](#ios-ke-monaca-apurinobirudo)
2. [Android 向け Monaca アプリのビルド](#android-ke-monaca-apurinobirudo)

他のプラットフォーム向けの Monaca アプリのビルドに関しては、 [ビルド](../../products_guide/monaca_ide/build) をご確認ください。

## iOS 向け Monaca アプリのビルド

端末にインストールできるデバッグビルド版 iOS アプリの作成方法を解説します。ビルドの種類に関する詳細は、 [ビルドの種類](../../../products_guide/monaca_ide/build/ios/build_ios#birudono) をご確認ください。

_事前準備_

* [Apple Developer Program](https://developer.apple.com/programs/ios/) への登録 ( 必須 )

_必要事項_

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

* `App ID` ( [App ID の登録](../../../products_guide/monaca_ide/build/ios/build_ios#app-id-no) と [開発用端末の登録 を参照のこと](../../../products_guide/monaca_ide/build/ios/build_ios#no-1) )
* `デベロッパー証明書` ( 別名 「 開発用証明書 」、[証明書の作成](../../../products_guide/monaca_ide/build/ios/build_ios#no)を参照のこと )
* `開発用 プロビジョニング プロファイル` ( [プロビジョニング プロファイルの作成](../../../products_guide/monaca_ide/build/ios/build_ios#purobijoningu-purofairuno) を参照のこと )

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

1. Monaca クラウド IDE から、**`設定 → iOS アプリ設定`**&#x3092;選択します。
2. アプリに関する情報を入力します。
   * アプリケーション名 : マーケット上で公開されるアプリ名です。
   * App ID : アプリを識別する一意の ID です。App ID には、逆ドメイン形式 ( 例 : mobi.monaca.appname ) を推奨します。英数字とピリオドのみ使用できます ( ピリオドは、最低限、1 つ使用 )。各レベルのドメイン ( 各節 ) は、ピリオドで区切られ、英字から始まります。
   * バージョン : App Store Connect 経由で、アプリをアップロード ( 配布のため ) するときに必要となる、アプリのバージョン番号です。ドットで区切った、3 つの数字 ( 例 : 1.10.2 ) を使用します。各数字は、\[`0-99`] の範囲にします。
   * 他の設定項目は、任意です。こちらの設定画面では、アイコン、スプラッシュ画像などを設定できます。

![](https://3046938759-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MfWrOnV1iKerkfShm9O%2F-Mgsv8OCqnJAfJ_lHPop%2F-MgsyDLytNAeT_vXx-sV%2Fimage.png?alt=media\&token=329a772f-231a-41c0-b726-d50bc3e8eb9f)

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

&#x20;   3\. 設定後、`保存する` をクリックします。

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

1. Monaca クラウド IDE から、**`設定 → iOS ビルド設定`**&#x3092;選択します。
2. 新しい秘密鍵または [秘密鍵と証明書の Monaca へのインポート](../../../products_guide/monaca_ide/build/ios/import_export#suteppu-2-tono-monaca-henoinpto) を作成することができます。 このチュートリアルでは、新しい秘密鍵の作成方法を示します。`秘密鍵と CSR の生成`ボタンをクリックします。

![](https://3046938759-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MfWrOnV1iKerkfShm9O%2F-Mgsv8OCqnJAfJ_lHPop%2F-MgsyraYDzYPdSZV4JcD%2Fimage.png?alt=media\&token=81d148bb-a1f6-40e4-bed5-df6ef23c93a8)

&#x20;   3\. Apple ID 情報 ( ユーザー名とメールアドレス ) および国コードを入力して、 `秘密鍵と CSR の生成`ボタンをクリックします。

![](https://3046938759-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MfWrOnV1iKerkfShm9O%2F-Mgsv8OCqnJAfJ_lHPop%2F-Mgsz2WbENEIi2fsHtgF%2Fimage.png?alt=media\&token=e8d39d54-e36d-46c8-b2bf-1095eab589f5)

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

![](https://3046938759-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MfWrOnV1iKerkfShm9O%2F-Mgsv8OCqnJAfJ_lHPop%2F-Mgsz7h2yzxobN8htmA7%2Fimage.png?alt=media\&token=2460b2eb-a43e-4f58-8354-04c012aa1ac5)

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

### ステップ 3 : アプリのビルド

1. Monaca クラウド IDE から、**`ビルド → iOS アプリのビルド`**&#x3092;選択します。
2. \[ デバッグ向けビルド ] の デバッグビルド オプションを選択し、加えて、対応するプロビジョニング プロファイルを選択します。次に、 `ビルドを開始する`ボタンをクリックします。

![](https://3046938759-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MfWrOnV1iKerkfShm9O%2F-Mgsv8OCqnJAfJ_lHPop%2F-MgszInO5k8U-akgRtav%2Fimage.png?alt=media\&token=7545f2b5-b7da-4b1a-8b44-0aabf2100f53)

&#x20;   3\. ビルドが完了するまで数分かかる場合もありますので、しばらく待ちます。ビルドが完了すると、次の画面が表示されます。

![](https://3046938759-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MfWrOnV1iKerkfShm9O%2F-Mgsv8OCqnJAfJ_lHPop%2F-MgszNoyPTMExT_6zo7f%2Fimage.png?alt=media\&token=6915ea1c-c269-4594-9778-86db1036b602)

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

デバッグビルド版アプリのインストール方法は、下記になります。

1. ビルド済みアプリをダウンロードし、Apple Configurator 2 を使用して、iOS 端末にインストールします。（ Mac のみ ）
2. QR コードを使用して、インストールします。
3. [配信/配布支援サービス ( デプロイサービス )](../../products_guide/monaca_ide/monaca_ci/supported_services) 経由でインストールします。

## Android 向け Monaca アプリのビルド

デバッグビルド版 Android アプリの作成方法を解説します。ビルドの種類に関する詳細は、[ビルドの種類](../../../products_guide/monaca_ide/build/build_android#birudono) をご確認ください。

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

1. Monaca クラウド IDE から、 **`設定 → Android アプリ設定`**&#x3092;選択します。
2. アプリに関する情報を入力します。
   * アプリケーション名 : マーケット上で公開されるアプリ名です。
   * パッケージ名 : アプリを識別する一意の ID です。ID には、逆ドメイン形式 ( 例 : mobi.monaca.appname ) の使用を推奨します。英数字とピリオドのみ使用できます ( ピリオドは、最低限、1 つ使用 )。各レベルのドメイン ( 各節 ) は、ピリオドで区切られ、英字から始まります。
   * バージョン : アプリのバージョン番号です。ドットで区切った、3 つの数字 ( 例 : 1.10.2 ) を使用します。各数字は、\[0-99] の範囲にします。
   * ビルド種別ごとにパッケージ名を分ける : チェックをした場合、デバッグビルド版アプリのパッケージ名とカスタムビルド版デバッガーのパッケージ名は、異なる名になります。デバッグビルド版アプリのパッケージ名の拡張子は `.debug` となり、プロジェクトのデバッガーのパッケージ名の拡張子は `.debugger` となります。ただし、デフォルトでは、このオプションは無効になっています。常時有効にしてしまうと、決まったパッケージ名 ( In-App Purchase など ) に紐付けされているプラグインが存在する場合、デバッグができなくなるためです。
   * 他の設定項目は、任意です。こちらの設定画面では、アイコン、スプラッシュ画像などを設定できます。&#x20;

![](https://3046938759-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MfWrOnV1iKerkfShm9O%2F-Mgsv8OCqnJAfJ_lHPop%2F-MgszqUX2bAhd9efSxdB%2Fimage.png?alt=media\&token=d4e20a2f-4e4d-4033-a821-a5f6541534c5)

&#x20;   3\. 設定後、 `保存する`をクリックします。

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

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

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

1. Monaca クラウド IDE から、**`設定 → Android キーストア設定`**&#x3092;選択します。
2. これまでにキーストアを作成したことがない場合、キーストアを新規に作成します。新規作成の他にも、既存のキーストアがあれば、インポートもできます。このチュートリアルでは、キーストアを新規に作成することを前提として解説します。 `クリアして作成 ...`ボタンをクリックして、\[ キーストアを作成する ] ダイアログを表示させます。

![](https://3046938759-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MfWrOnV1iKerkfShm9O%2F-Mgsv8OCqnJAfJ_lHPop%2F-Mgt-EUChvUq7xhqHXzw%2Fimage.png?alt=media\&token=af6fc31b-dbc8-42f9-ab09-d902ebe9d51a)

&#x20;   3\. キーストアに関する情報を入力します。

* &#x20;エイリアス名 : キーストアに格納する秘密鍵の名前です。秘密鍵は、パッケージの署名時に使用します。
* エイリアスのパスワード : エイリアス用のパスワードです。
* キーストアのパスワード : 新規のキーストア用のパスワードです。

![](https://3046938759-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MfWrOnV1iKerkfShm9O%2F-Mgsv8OCqnJAfJ_lHPop%2F-Mgt-SeiWADsPsA1ITLa%2Fimage.png?alt=media\&token=4eb08f92-2e10-4f27-9c14-b40bd41a2cab)

&#x20;   4\. `キーストアとエイリアスを作成する`ボタンをクリックします。

### ステップ 3 : アプリのビルド

1. Monaca クラウド IDE から、**`ビルド → Android アプリのビルド`** を選択します。
2. \[ デバッグ向けビルド ] の \[ デバッグビルド ] を選択して、`ビルドを開始する`ボタンをクリックします。

![](https://3046938759-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MfWrOnV1iKerkfShm9O%2F-Mgsv8OCqnJAfJ_lHPop%2F-Mgt-oK0p9XCWGWmfxuV%2Fimage.png?alt=media\&token=cbbfd08b-5ce7-445e-ada5-dd166783d67d)

&#x20;   3\. ビルドが完了するまで数分かかる場合もありますので、しばらく待ちます。ビルドが完了すると、次の画面が表示されます。

![](https://3046938759-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MfWrOnV1iKerkfShm9O%2F-Mgsv8OCqnJAfJ_lHPop%2F-Mgt-sR-oreXGspW2hmt%2Fimage.png?alt=media\&token=3efa730c-08c6-4247-ae31-3138487fa40c)

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

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

1. [ネットワーク インストール](../../../products_guide/debugger/installation/debugger_android#nettowku-insutru) を使用します。
2. QR コードを使用して、インストールします。
3.  ビルド済みアプリをコンピューターに直接ダウンロードし、USB

    ケーブル経由でインストールします。
4. 登録されているメールアドレスに、ダウンロードするための URL を送信します。
5. [配信/配布支援サービス ( デプロイサービス )](../../products_guide/monaca_ide/monaca_ci/supported_services) 経由でインストールします。

**Next**:

* [パート 4 : Monaca アプリの配布申請](publishing_app)
