> ## Documentation Index
> Fetch the complete documentation index at: https://docs.devin.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Devin Desktop プレビュー

> 要素の選択、エラーの取得、Cascade との直接統合により、Devin Desktop IDE またはブラウザで Web アプリをローカルにプレビューし、すばやく反復できます。

Devin Desktop プレビューを使うと、リスナー機能により、アプリのローカル環境でのデプロイを IDE またはブラウザ (Google Chrome、Arc、Chromium ベースのブラウザ向けに最適化) で表示でき、要素やエラーを前提情報として簡単に Cascade に送り返せるため、すばやく反復できます。

<video autoPlay muted loop playsInline className="w-full aspect-video" src="https://mintcdn.com/cognitionai/WE51TvKjsiyk1ZHl/desktop/assets/windsurf/previews/browser-preview-demo.mp4?fit=max&auto=format&n=WE51TvKjsiyk1ZHl&q=85&s=8d897d836dd00fde868330509dcc1260" data-path="desktop/assets/windsurf/previews/browser-preview-demo.mp4" />

Devin Desktop プレビューはツール呼び出しで開くため、まずは Cascade にサイトをプレビューするよう依頼してください。あるいは、Cascade ツールバーの Web アイコンをクリックすると、プロキシに入力する自然言語プロンプトが自動的に引き継がれます。

<Frame style={{ border: 'none', background: 'none' }}>
  <img src="https://mintcdn.com/cognitionai/WE51TvKjsiyk1ZHl/desktop/assets/windsurf/previews/website-tools-icon.png?fit=max&auto=format&n=WE51TvKjsiyk1ZHl&q=85&s=19ad5badf781a838024d1e5813dc4cf1" width="392" height="216" data-path="desktop/assets/windsurf/previews/website-tools-icon.png" />
</Frame>

<div id="send-elements-to-cascade">
  # 要素をCascadeに送信する
</div>

プレビュー では、要素やコンポーネント、エラーを選択して、直接 Cascade に送信できます。右下の「Send element」ボタンをクリックし、送信したい要素を選択してください。

選択した要素は、現在の Cascade プロンプトに `@ mention` として挿入されます。プロンプトには必要な数だけ要素を追加できます。

<div id="in-ide-preview">
  # IDE 内プレビュー
</div>

Devin Desktop では、エディタ内でプレビューを新しいタブとして開けます。これはシンプルな Web ビューで、Cascade パネルと並べて Web アプリを表示できます。

これらのプレビューはローカルでホストされているため、システムのブラウザでも開けます。その場合も、すべてのリスナーが有効で、要素やコンソールエラーを選択して Cascade に送信できます。

<Warning>リスナー機能、および要素やエラーを送信する機能は、Google Chrome、Arc、ならびに Chromium ベースのブラウザ向けに最適化されています。</Warning>

<div id="how-to-disable">
  # 無効にする方法
</div>

Devin - Settings から Devin Desktop プレビュー を無効にできます。これにより、Cascade はこのツールの呼び出しを行わなくなります。