Monaca Docs
  • Monaca とは
  • 最初のアプリを作る
  • アプリをテストする
  • Monaca リリース情報
    • iOS プライバシーマニフェスト対応
    • 「ニフクラ mobile backend」終了に関するお知らせ
    • プラグイン uses-permission タグの重複修正機能
    • Cordova 12 の変更点
    • iOSストア版Monaca デバッガー配信停止と代替機能のご案内
    • iOS App Store への送信エラー (ITMS-90165)
    • cordova-custom-configのビルドエラー
    • Cordova 11 の変更点
    • Cordova 10 の変更点
    • Cordova 9.0 の変更点
    • 利用規約の変更
    • 新しい Monaca CLI と Localkit
    • CordovaからCapacitorへの移行
  • Monacaガイド
    • Monaca での開発の概要
    • Monaca クラウド IDE
      • 概要
      • Monaca クラウド IDE の機能
      • ターミナル機能
      • エディターのショートカット一覧
      • プロジェクトの構成
        • ファイル・フォルダー構成
        • JS/CSS コンポーネント
        • Cordova プラグイン
        • ユーザー Cordova プラグイン
      • バージョン管理
        • 概要
        • GitHub との連携
        • Git SSH との連携
      • Monaca CI
        • 概要
        • アプリ配信 / 配布サービス (デプロイサービス)
        • Appetize.ioへの配信
        • DeployGateへの配信
        • Firebase への配信
      • ビルド
        • iOS アプリのビルド
          • iOS アプリのビルド
          • Monaca と Xcode 間でのビルド設定の再利用
        • Android アプリのビルド
        • Windows アプリのビルド
        • Electron アプリのビルド
          • Windows アプリのビルド
        • PWA アプリのビルド
        • ビルド環境の設定
        • ビルド履歴一覧
        • 一般的なビルドとアップロードエラー
      • 配布方法
        • App Store での配布
          • App Store Connect ガイド
          • iOS アプリ アップロード機能
        • Google Play での配布
        • 公式ストア経由以外での配布
      • パッケージダウンロード機能
      • チュートリアル
    • Monaca Localkit
      • 概要
      • ペアリングとデバッグ
      • リモートビルドと配布申請
      • トラブルシューティング
        • インストール ( Windows の場合 )
        • インストール ( Mac OS X の場合 )
        • アンインストール時 ( Windows の場合 )
        • 不完全なファイル・フォルダー構成
        • プレビューウィンドウが更新されない
        • Error while installing
        • nodeのインストールが必要です
      • チュートリアル
    • Monaca CLI
      • 概要
      • Monaca CLI コマンド
      • ペアリングとデバッグ
      • リモートビルドと配布申請
      • トラブルシューティング ガイド
      • チュートリアル
    • Monaca デバッガー
      • 機能の概要
      • インストール方法
        • Android 向けの Monaca デバッガー
        • iOS 向け Monaca デバッガー
        • Android エミュレーター向け Monaca デバッガー
      • 使用例
      • iOS カスタムビルド版デバッガー
      • iOS シミュレータービルド
      • トラブルシューティング ガイド
      • チュートリアル
    • チームダッシュボード
    • クイックビューア
    • 他のプラットフォームからの移行
      • 移行時の確認ポイント
      • クラウドIDE プレビュー機能の設定
      • Angular からの移行
      • Ionic からの移行
      • React からの移行
      • Vue からの移行
      • Telerik からの移行
  • 🛠️アプリビルド
    • iOS ビルド
      • 秘密鍵とCSRの作成
      • 証明書の作成
      • プロビジョニング・プロファイルの更新
  • チュートリアル
    • Monaca クラウド IDE チュートリアル
      • パート 1 : プロジェクトの作成
      • パート 2 : Monaca クラウド IDE と Monaca デバッガーとの連携
      • パート 3 : Monaca アプリのビルド
      • パート 4 : Monaca アプリの配布申請
    • Monaca Localkit チュートリアル
      • パート 1 : プロジェクトの作成
      • パート 2 : Monaca Localkit と Monaca デバッガーとの連携
      • パート 3 : Monaca アプリのビルド
      • パート 4 : Monaca アプリの配布申請
    • Monaca CLI チュートリアル
      • パート 1 : プロジェクトの作成
      • パート 2 : Monaca CLI と Monaca デバッガーとの連携
      • パート 3 : Monaca アプリのビルド
      • パート 4 : Monaca アプリの配布申請
    • Electron アプリ開発
      • NPMパッケージの利用方法
      • Web APIの利用方法
    • バーコードスキャナープラグイン
    • Cordova Sqlite Storage プラグイン
    • Cordova Google Analytics プラグイン
    • Cordova Firebase プラグイン
    • Cordova In-app Purchase プラグイン
    • Cordova AppVersion プラグイン
    • Cordova Ionic Keyboard プラグイン
    • Cordova Social Sharing プラグイン
    • Phonegap Push プラグイン
  • APIの解説
    • Monaca API
      • Monaca クラウド & リモートビルド API
      • ユーティリティ
    • 基本プラグイン
      • Cordova 12.0
        • Battery プラグイン
        • Camera プラグイン
        • Device プラグイン
        • Device Motion プラグイン
        • Device Orientation プラグイン
        • Dialog プラグイン
        • File プラグイン
        • Geolocation プラグイン
        • InAppBrowser プラグイン
        • Media プラグイン
        • Media Capture プラグイン
        • Network Information プラグイン
        • Vibration プラグイン
        • StatusBar プラグイン
      • Cordova 11.0
        • Battery プラグイン
        • Camera プラグイン
        • Device プラグイン
        • Device Motion プラグイン
        • Device Orientation プラグイン
        • Dialog プラグイン
        • File プラグイン
        • Geolocation プラグイン
        • InAppBrowser プラグイン
        • Media プラグイン
        • Media Capture プラグイン
        • Network Information プラグイン
        • Splashscreen プラグイン
        • Vibration プラグイン
        • StatusBar プラグイン
      • Cordova 10.0
        • Battery プラグイン
        • Camera プラグイン
        • Device プラグイン
        • Device Motion プラグイン
        • Device Orientation プラグイン
        • Dialog プラグイン
        • File プラグイン
        • Geolocation プラグイン
        • InAppBrowser プラグイン
        • Media プラグイン
        • Media Capture プラグイン
        • Network Information プラグイン
        • Splashscreen プラグイン
        • Vibration プラグイン
        • StatusBar プラグイン
        • Whitelist プラグイン ( Android 専用 )
      • Cordova 9.0
        • バッテリー情報の取得 プラグイン
        • カメラ操作 プラグイン
        • 住所録の取得 プラグイン
        • 端末情報の取得 プラグイン
        • 端末のモーション検知 プラグイン
        • 端末のオリエンテーション検知 プラグイン
        • ダイアログの制御 プラグイン
        • ファイル操作 プラグイン
        • ファイル転送 プラグイン
        • 位置情報の取得 プラグイン
        • 表記の国際化対応 プラグイン
        • InAppBrowser プラグイン
        • メディア操作 プラグイン
        • メディアキャプチャー プラグイン
        • ネットワーク情報の取得 プラグイン
        • スプラッシュスクリーンの制御 プラグイン
        • バイブレーションの制御 プラグイン
        • ステータスバーの制御 プラグイン
        • ホワイトリストへの登録 プラグイン ( Android 専用 )
    • サードパーティー製プラグイン
      • AdvancedHTTPプラグイン
      • PhoneGap BarcodeScanner
      • Custom Config
      • Datepicker
      • Share ( Android 向け )
      • WebIntent ( Android 向け )
    • Monaca 提供プラグイン
      • アプリロジック暗号化 (Encrypt プラグイン)
      • In-App アップデーター (In-App Updater)
      • セキュア ストレージ
      • NFC リーダー
      • バーコードスキャナー
      • Androidビルドメモリサイズ設定
    • 外部サービス連携
      • Repro
      • AppsFlyer
    • 設定ファイル
      • Android
        • Android の設定
        • config.xml
        • AndroidManifest.xml
      • iOS
        • iOS の設定
        • config.xml
        • MonacaApp-info.plist
  • サンプル & Tips
    • Firestoreを利用する
    • サンプルアプリ
      • Twitter アプリ
      • Facebook アプリ
      • 広告 アプリ (AdMob)
      • Hello World アプリ
      • メモ帳アプリ
      • ブロック崩しゲーム
      • Flickrアプリ
      • TODO管理 アプリ
      • 電車図鑑アプリ
      • 時計アプリ
      • 誕生年の計算アプリ
      • おみくじ占いアプリ
      • RSS リーダーアプリ
    • 開発 Tips
      • 音楽の再生方法
      • スプラッシュ画像の制御方法
      • データベースの利用方法
  • Webpack5への更新
  • 機能
    • SNS 認証
    • プッシュ通知
    • データベース
  • 外部サービス連携ガイド
    • Firebase
      • アプリの登録と設定ファイルの取得
  • 移行ガイド
    • ニフクラ mobile backend
      • プッシュ通知
        • Firebaseサービスの設定
        • ソースコードの移行
      • データストア
        • ソースコードの移行
        • データの移行
        • データ移行スクリプト実行手順
      • 会員管理・認証
        • 会員管理 データの移行
        • Firebase Authentication パスワード再設定サンプル
        • Firebase Authenticationを使用したユーザー名認証の方法
      • スクリプト
        • Firebase Functions開発環境の作成
        • サンプル共通項目
        • サンプル1(GETサンプル)
        • サンプル2(POSTサンプル)
        • サンプル3(DELETEサンプル)
        • エミュレータでのテスト
      • ファイルストア
        • ファイルアップロード
        • ファイル検索
        • ファイル一覧表示
        • ファイル削除
  • FAQ
    • 概要
    • IDE
    • ビルド
    • リリース
    • 契約プラン
    • アプリケーション
    • 使用方法
    • Freeプラン
    • デバッガー
  • 対応環境
  • トラブルシューティング
    • プレビューログがリロードを繰り返す (Vue packages version mismatch error)
  • Monaca製品サイト
  • 運営会社
  • English
GitBook提供
このページ内
  • iOS 向け Monaca アプリのビルド
  • ステップ 1 : iOS アプリの設定
  • ステップ 2 : iOS ビルドの設定
  • ステップ 3 : アプリのビルド
  • ステップ 4 : ビルドしたアプリのインストール
  • Android 向け Monaca アプリのビルド
  • ステップ 1 : Android アプリの設定
  • ステップ 2 : Android キーストア ( Keystore ) の設定
  • ステップ 3 : アプリのビルド
  • ステップ 4 : ビルドしたアプリのインストール

役に立ちましたか?

  1. チュートリアル
  2. Monaca クラウド IDE チュートリアル

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

前へパート 2 : Monaca クラウド IDE と Monaca デバッガーとの連携次へパート 4 : Monaca アプリの配布申請

最終更新 3 年前

役に立ちましたか?

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

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

iOS 向け Monaca アプリのビルド

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

事前準備

  • への登録 ( 必須 )

必要事項

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

  • App ID ( と )

  • デベロッパー証明書 ( 別名 「 開発用証明書 」、を参照のこと )

  • 開発用 プロビジョニング プロファイル ( を参照のこと )

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

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

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

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

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

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

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

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

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

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

  1. Monaca クラウド IDE から、設定 → iOS ビルド設定を選択します。

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

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

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

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

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

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

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

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

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

  1. ビルド済みアプリをダウンロードし、Apple Configurator 2 を使用して、iOS 端末にインストールします。( Mac のみ )

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

Android 向け Monaca アプリのビルド

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

  1. Monaca クラウド IDE から、 設定 → Android アプリ設定を選択します。

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

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

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

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

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

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

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

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

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

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

  1. Monaca クラウド IDE から、設定 → Android キーストア設定を選択します。

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

3. キーストアに関する情報を入力します。

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

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

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

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

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

  1. Monaca クラウド IDE から、ビルド → Android アプリのビルド を選択します。

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

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

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

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

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

  2. ビルド済みアプリをコンピューターに直接ダウンロードし、USB

    ケーブル経由でインストールします。

  3. 登録されているメールアドレスに、ダウンロードするための URL を送信します。

Next:

新しい秘密鍵または を作成することができます。 このチュートリアルでは、新しい秘密鍵の作成方法を示します。秘密鍵と CSR の生成ボタンをクリックします。

経由でインストールします。

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

を使用します。

経由でインストールします。

iOS 向け Monaca アプリのビルド
Android 向け Monaca アプリのビルド
ビルド
ビルドの種類
Apple Developer Program
App ID の登録
開発用端末の登録 を参照のこと
証明書の作成
プロビジョニング プロファイルの作成
秘密鍵と証明書の Monaca へのインポート
配信/配布支援サービス ( デプロイサービス )
ビルドの種類
ネットワーク インストール
配信/配布支援サービス ( デプロイサービス )
パート 4 : Monaca アプリの配布申請