> For the complete documentation index, see [llms.txt](https://ja.docs.monaca.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ja.docs.monaca.io/products_guide/shii-monaca-kuraudo-ide/purojekuto-purebya.md).

# プロジェクト プレビューア

## プロジェクト プレビューア

このガイドでは、プロジェクト プレビューアのサイズ変更、位置変更、開く、閉じるなどの管理方法について説明します。

***

### レイアウト

デフォルトでは、プレビューアはエディター グループの **右側** に表示されます。

<figure><img src="/files/DpIesQqFCyfsOTG9QLwC" alt="" width="563"><figcaption></figcaption></figure>

#### プレビューアのサイズ変更

プレビューアのサイズを変更するには、カーソルをパネルの**左端**に移動します。クリックして**左または右**にドラッグし、サイズを調整します。

<figure><img src="/files/FJK1I0DdbbyHRPXagjZk" alt="" width="563"><figcaption></figcaption></figure>

#### プレビューアの移動

プレビューアは、エディター グループ内の任意の場所に再配置できます。たとえば、ファイル タブ (例: `index.html`) の横に移動できます。

1. **プレビュー** タブをクリックします。
2. マウス ボタンを押したまま、目的の位置までドラッグします。*(この例では、ファイル タブの横に移動します。)*

<figure><img src="/files/inV6VVnqJVzE2ButLjn8" alt="" width="563"><figcaption></figcaption></figure>

位置を変更すると、次のようになります。

<figure><img src="/files/5WqttKtvJg3MgfrlSDmq" alt="" width="563"><figcaption></figcaption></figure>

***

### プレビューアの起動と終了

#### プレビューアの終了

プレビューアが不要になった場合は、**X** アイコンをクリックして閉じることができます。

<figure><img src="/files/IEdYlWguEKrWK3Dn3jtv" alt="" width="563"><figcaption></figcaption></figure>

#### プレビューアを再度開く

プレビューアを再度開く方法は、次の通りです。

1. **コマンド パレット** を開きます。

<figure><img src="/files/XWiIOvzuErNvJvgYPPPN" alt="" width="563"><figcaption></figcaption></figure>

2. **Monaca: Open Preview** を検索して選択します。

<figure><img src="/files/fMmxJ2sk20R7zkfJspxi" alt="" width="563"><figcaption></figcaption></figure>

3. プレビュー タブがエディター グループに復元されます。

<figure><img src="/files/KjqBIL0VxqUXyoDnDwnn" alt="" width="563"><figcaption></figcaption></figure>

***

### 注記

* プレビューアは、ソース コードを変更すると、プロジェクトのプレビュー コンテンツを **表示** し、**ライブ リロード** します。
* プレビューアがコンテンツを正しく表示しない、またはエラーが発生する場合は、IDE の下部にある **プレビュー ターミナル** タブを確認してください。
* プレビューアの動作は、プロジェクトによって異なる場合があります。