# クイックビューア

この機能を利用すると、 モバイル端末からMonacaにアクセスするだけで、端末上でのプロジェクトのデザインを確認できます。

{% hint style="info" %}
カメラやデバイスモーションなど端末機能の確認は行えません。 端末機能の確認を行う場合は、カスタムデバッガーまたはデバッグビルドをご利用ください。
{% endhint %}

## 利用方法

この機能へのアクセスは、次の2つのログイン方法で行います。

1. QRコードログイン
2. 実機端末のブラウザからのログイン

### QRコードログイン

MonacaクラウドIDEのダッシュボードを開き、ヘッダーメニューの `クイックビューア` をクリックします。表示されたQRコードをモバイル端末から読み取ることでログインできます。

<figure><img src="https://3046938759-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MfWrOnV1iKerkfShm9O%2Fuploads%2FtxomUHhcKUqJNo11D8Q2%2Fquick-view.gif?alt=media&#x26;token=93fb07b6-36ce-4017-8007-8c686f0974cf" alt=""><figcaption></figcaption></figure>

### ブラウザからのログイン

モバイル端末のブラウザから [MonacaログインURL](https://monaca.mobi/ja/login)にアクセスします。

ログイン後、プロジェクトをタップするとプレビューを確認できます。

## 機能の特徴

この機能は、プロジェクトをプレビューするほか、次の機能を備えています。

### ライブリロード

MonacaクラウドIDEでプロジェクトを開き、ファイルを編集し保存すると、リアルタイムで同期されます。

### デバッグログ

デバイス、プレビュー上で、コンソールログ(console.log()) が呼び出されると、ログ情報が MonacaクラウドIDEのログパネルに表示されます。

![](https://3046938759-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MfWrOnV1iKerkfShm9O%2Fuploads%2FAJqwvFAvKc99PAZtWTIx%2FScreenFlow123.gif?alt=media\&token=1d58af88-b1cd-46db-857c-7253f5e23be1)