---
title: プレビューと開発サーバー
description: 実行中の開発サーバーを OpenChamber 内で開きます。
---

# プレビューと開発サーバー

開発サーバーを起動すると、OpenChamber は別のブラウザタブではなくアプリ内で直接開けます。サイトをチャットの横で見ながら、コンソールを取得し、要素を指して質問できます。

## プレビューを開く

OpenChamber はターミナル出力からローカルアドレスを監視します（Vite、Next.js、Astro などが表示する `Local:` 行）。見つけると次のことができます。

- ターミナルに **Open preview** ボタンが表示されます
- 自動オープンを有効にした [プロジェクトアクション](/project-actions/) が開きます
- チャットメッセージ内のローカルリンクからも開けます

サイトはサイドパネルに読み込まれます。プレビューできるのはローカルアドレス（あなたのマシン上）のみです。

## コンソールと検査

プレビューパネルでは次のことができます。

- ページの **console** を見る — エラー、警告、ログを好きなようにフィルターできます
- **inspect** をオンにし、任意の要素をクリックして、そのメモ（セレクター、スタイル、位置、スクリーンショット）をそのままチャットへ送る

これは「このボタン、ここ」とエージェントに伝える最速の方法です。

## 関連

- [プロジェクトアクション](/project-actions/) — サーバー起動時に自動で開く
- [デスクトップブラウザ](/desktop-browser/) — デスクトップで任意のページに同じツールを使う
