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

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

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

***

### レイアウト

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

<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 の下部にある **プレビュー ターミナル** タブを確認してください。
* プレビューアの動作は、プロジェクトによって異なる場合があります。


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://ja.docs.monaca.io/products_guide/shii-monaca-kuraudo-ide/purojekuto-purebya.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.