# Android エミュレーター向け Monaca デバッガー

ここでは 「 Android SDK 」 の AVD ( Android Virtual Device / Android 仮想端末 ) と呼ばれる Android エミュレーター上で、Monaca デバッガーを動作させる方法を紹介します。これを使えば、Android アプリのシミュレートを PC 上で行えます。また、複数の Android 端末でアプリの検証を行いたい場合もこの方法が有用です。

## ステップ 1 : Android 仮想端末のセットアップ

1. [Android Studio](http://developer.android.com/sdk/index.html)をダウンロードして、インストールします。
2. Android Studio を起動します。
3. 新規のプロジェクトを作成するか、または、既存のプロジェクトを開きます。
4. `AVD Manager` をクリックして、\[ Android Virtual Device Manager ] ダイアログを表示します。

![](https://3046938759-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MfWrOnV1iKerkfShm9O%2F-MgZgH4RfR-evVam4QRD%2F-MgZg_8kWzLPA_kWXY1p%2Fimage.png?alt=media\&token=f52eb7b9-608a-41b2-af84-99bf89dd4736)

   5\. `+ Create Virtual Device` をクリックします。

   6\. 使用する Android 端末を選択して、`Next` をクリックします。

![](https://3046938759-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MfWrOnV1iKerkfShm9O%2F-MgZgH4RfR-evVam4QRD%2F-MgZgk3ldEbyi8GJGDfm%2Fimage.png?alt=media\&token=d5a751cf-7996-4b9b-b9af-486c8310f549)

   7\. システムイメージを選択して ( 場合によっては、最初にダウンロード )、`Next` をクリックします。

![](https://3046938759-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MfWrOnV1iKerkfShm9O%2F-MgZgH4RfR-evVam4QRD%2F-MgZgmfk5LWBN_FCYVP0%2Fimage.png?alt=media\&token=3fe9d46a-330a-4f81-adee-ebf6bc998fc6)

   8\. 仮想端末の設定を行います。`Show Advanced Settings` をクリックして、仮想端末の詳細設定 ( メモリーとストレージのサイズ、端末のフレーム設定、キーボード入力の可否など ) を行います。

![](https://3046938759-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MfWrOnV1iKerkfShm9O%2F-MgZgH4RfR-evVam4QRD%2F-MgZgqahJ701kOIMLwui%2Fimage.png?alt=media\&token=b898e741-15f8-4e34-a739-6ed4124e2ad5)

![](https://3046938759-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MfWrOnV1iKerkfShm9O%2F-MgZgH4RfR-evVam4QRD%2F-MgZgrv03pPQZL47KO-f%2Fimage.png?alt=media\&token=7ce58238-9aff-41c6-985c-087cec38b324)

    9\. 設定後、 `Finish` をクリックします。

## ステップ 2 : Android 向けのカスタムビルド版 Monaca デバッガーのビルド

1. Monaca クラウド IDE へ行き、[Android 向けのカスタムビルド版 Monacaデバッガー](https://ja.docs.monaca.io/products_guide/debugger/installation/debugger_android)をビルドします。詳細は、カスタムビルド版 Monaca デバッガーのビルドとインストールをご確認ください。
2. ビルドされたデバッガーのファイルをダウンロードして、Google Drive、Dropbox などのクラウドストレージへ、ダウンロードしたファイルをアップロードします。
3. アップロードしたファイルのダウンロードリンクを確認しておきます (仮想端末上で、後ほど、このリンクを使用します )。

## ステップ 3 : Monaca デバッガーのインストール

1. `AVD Manager` を選択して、対象の仮想端末を起動します。

![](https://3046938759-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MfWrOnV1iKerkfShm9O%2F-MgZgH4RfR-evVam4QRD%2F-MgZh63RK9cHVbFflvXp%2Fimage.png?alt=media\&token=8d7c2918-49ee-4923-800b-7fddfb7c462a)

    2\. 仮想端末上でブラウザーを起動させ、[ステップ 2](#step-2) で確認したダウンロードリンクを開き、Android 向けのカスタムビルド版 Monaca デバッガーをダウンロードします。

![](https://3046938759-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MfWrOnV1iKerkfShm9O%2F-MgZgH4RfR-evVam4QRD%2F-MgZhGI8wvF6OpJ5HMC7%2Fimage.png?alt=media\&token=9915b758-015d-4210-8545-7c8f0b2b9a52)

    3\. ダウンロードしたファイルをクリックして、デバッガーをインストールします。

![](https://3046938759-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MfWrOnV1iKerkfShm9O%2F-MgZgH4RfR-evVam4QRD%2F-MgZhLZMXT_5hSvHnIe5%2Fimage.png?alt=media\&token=da06de32-19a4-4866-87de-699a576b2635)

    4\. インストール ウィザードが起動します。

![](https://3046938759-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MfWrOnV1iKerkfShm9O%2F-MgZgH4RfR-evVam4QRD%2F-MgZhNEb7fHywOGqSkJi%2Fimage.png?alt=media\&token=3036919f-9921-4e70-9469-c3cc67d1ef18)

    5\. インストール後、アプリの一覧画面に、Monaca デバッガーが表示されていることを確認します。

![](https://3046938759-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MfWrOnV1iKerkfShm9O%2F-MgZgH4RfR-evVam4QRD%2F-MgZhP9lsk6OvN0CkSGY%2Fimage.png?alt=media\&token=a104b4ca-e1e1-4d74-b526-0efeeaefbfb2)

## ステップ 4 : Monaca デバッガー上でのプロジェクトの起動

1. Monaca デバッガーを起動させ、Monaca アカウントを使用して、サインインします。

![](https://3046938759-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MfWrOnV1iKerkfShm9O%2F-MgZgH4RfR-evVam4QRD%2F-MgZhS5-94WqPxD3QmSV%2Fimage.png?alt=media\&token=ecd96cdd-1a7c-40c7-8819-e63bd3f0c423)

    2\. Monaca デバッガー上で、実行するプロジェクトをクリックします。

![](https://3046938759-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MfWrOnV1iKerkfShm9O%2F-MgZgH4RfR-evVam4QRD%2F-MgZhY2vOzku0zhKi4L6%2Fimage.png?alt=media\&token=9bb30576-e009-4791-b991-f0b320414206)

    3\. これで、プロジェクトの検証の準備が整いました。アプリの開発における Monaca デバッガーの使用方法・具体例に関しては、[機能の概要](https://ja.docs.monaca.io/products_guide/debugger/features) と [使用例](https://ja.docs.monaca.io/products_guide/debugger/debug) をご確認ください。

![](https://3046938759-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MfWrOnV1iKerkfShm9O%2F-MgZgH4RfR-evVam4QRD%2F-MgZhZz29VGqb0GG5po7%2Fimage.png?alt=media\&token=b8664a25-5261-4c53-9b23-fe66cc6ae23b)

参考ページ

* [Android 向けの Monaca デバッガー](https://ja.docs.monaca.io/products_guide/debugger/installation/debugger_android)
* [iOS 向け Monaca デバッガー](https://ja.docs.monaca.io/products_guide/debugger/installation/debugger_ios)