# iOS 向け Monaca デバッガー

<figure><img src="https://3046938759-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MfWrOnV1iKerkfShm9O%2Fuploads%2FpovfqQnm0t2D8x32dvUu%2Fimage%20(2).png?alt=media&#x26;token=2e773a3d-3666-4153-af13-5de936453edb" alt=""><figcaption></figcaption></figure>

|                                                      | ストア版 Monaca デバッガー                          | カスタムビルド版 Monaca デバッガー                                                                     |
| ---------------------------------------------------- | ------------------------------------------ | ----------------------------------------------------------------------------------------- |
| 説明                                                   | ストア版 Monaca デバッガー                          | Monaca クラウド IDE でビルドして作成する Monaca デバッガー                                                   |
| インストール方法                                             | 配信停止                                       | [カスタムビルド版 Monaca デバッガーのビルドとインストール](#kasutamubirudo-monaca-debaggnobirudotoinsutru) を参照のこと |
| Cordova プラグイン                                        | 基本プラグインおよび複数のサードパーティー製プラグインがあらかじめ実装されています。 | 基本プラグインやサードパーティー製プラグインに加えて、ユーザー自作の プラグインなどを組み込むことができます。                                   |
| App ID (`iOS:CFBundleIdentifier`)                    | `mobi.monaca.debugger`                     | 設定画面にてユーザー側で設定                                                                            |
| アプリのリリース番号 ( 外部向け /`iOS:CFBundleShortVersionString`) | 固定                                         | ユーザー側で設定                                                                                  |
| アプリのビルド番号 ( 内部向け / `iOS:CFBundleVersion`)            | 固定                                         | ユーザー側で設定                                                                                  |
| USB デバッグ                                             | 不可                                         | 可 ( Safari の Web インスペクタ )                                                                 |

{% hint style="danger" %}
プッシュ通知用プラグインは、ストア版およびカスタムビルドデバッガーではご利用できません。ご利用の際はデバッグビルドかリリースビルドにてお願いいたします。

* プッシュ通知用 Cordova プラグイン例
  * onesignal-cordova-plugin
  * cordova-plugin-firebasex
    {% endhint %}

## Cordova プラグイン

Monaca デバッガーには、「 基本プラグイン 」  が、あらかじめ実装されています。

基本プラグインとは、バッテリー情報の取得 API、カメラ API、住所録の取得 API、端末情報の取得 API などを指します。詳細は、[基本プラグイン](https://ja.docs.monaca.io/reference/core-cordova-plugins) をご確認ください。

これ以外の第三者提供 (外部のCordovaプラグイン) や自作プラグイン ([ユーザーCordovaプラグイン](https://ja.docs.monaca.io/products_guide/monaca_ide/dependencies/custom_cordova_plugin)) をプロジェクトに追加も可能です。

ストア版 Monaca デバッガーには、これらのプラグインが組込まれていないため、ストア版デバッガー上でアプリをそのまま実行しても、正しく動作しません。そこで、ストア版デバッガーの代わりに、カスタムビルド版の Monaca デバッガーを使用します。

カスタムビルド版も、ストア版も、どちらも Monaca デバッガーですが、カスタムビルド版のデバッガーは、Monaca クラウド IDE 上で 「 ビルド 」 して、端末にインストールします。

詳細は、[カスタムビルド版 Monaca デバッガーのビルドとインストール](#kasutamubirudo-monaca-debaggnobirudotoinsutru) をご確認ください。

## USB デバッグ ( iOS と Mac 対象 )

iOS 向けの Monaca デバッガーでは、USB デバッグをサポートしており、 Safari ブラウザーを使用したリモートデバッグが行えます。リモートデバッグで行える主な処理は、次のとおりです。

* Console によるデバッグ :&#x20;
  * Consoleを使用して、各種メッセージを出力できます。
* DOM 解析 :&#x20;
  * DOMの構造の確認と修正を行えます。また、リアルタイムで更新を反映できます。
* JavaScript デバッグ :&#x20;
  * JavaScriptパフォーマンスのプロファイリング、分析ポイント ( ブレークポイント )のセット、実行処理の制御を行います。

詳細は、[iOS アプリのデバッグ方法 ( Monaca デバッガーと USB デバッグを使用 )](https://ja.docs.monaca.io/products_guide/debugger/debug#safari-norimtodebaggu-ios-to-mac-ga) をご確認ください。

{% hint style="info" %}
Windows ではUSBデバッグはご利用いただけません。
{% endhint %}

## カスタムビルド版 Monaca デバッガーのビルドとインストール

### 事前準備

必要なアイテムを、次に記します。

* 秘密鍵
* 開発用証明書
* 開発用 プロビジョニング プロファイル

カスタム版デバッガーのビルド前に、上記のアイテムの準備と必要な設定を行います。詳細は、[iOS アプリのビルド](https://ja.docs.monaca.io/products_guide/monaca_ide/build/ios)をご確認ください。完了後、次の手順に従い、ビルドを行います。

### アプリのビルド

1. Monaca クラウド IDE メニューから、`ビルド → iOSアプリのビルド` を選択します。
2. `カスタムビルドデバッガー` を選択し、`ビルドを開始する` をクリックします。

![](https://3046938759-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MfWrOnV1iKerkfShm9O%2F-MgZfLiOfg4WfNUnsfjS%2F-MgZgAC989aRuZ06SJvX%2Fimage.png?alt=media\&token=0281339f-e003-4524-b634-e5c2f4ebc779)

3\. ビルドが完了するまで、時間がかかる場合があります。ビルドが完了すると、次の画面が表示されます。ビルドしたアプリは、QR コードを使用して、端末にインストールするか、または、ファイルを PC へダウンロードすることができます。

![](https://3046938759-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MfWrOnV1iKerkfShm9O%2F-MgZfLiOfg4WfNUnsfjS%2F-MgZgCkNbzhLdBKGVij5%2Fimage.png?alt=media\&token=cd6060d5-8dda-4d9e-bb55-afca7cca9f27)
