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

# Console

> Consoleを使ってアプリの出力、エラー、アクティビティログを確認する方法を学びましょう。

Consoleを使うと、実行中のReplitアプリがリアルタイムで出力するログを監視・確認できます。
現在と過去の実行からの情報を使って、アプリの動作を理解し、エラーをトラブルシューティングし、パフォーマンスを最適化できます。

<Tip>
  Agentを使ってデバッグするときは、コンテキストを提供するためにプロンプトにコンソールログを含めてください。
</Tip>

<Frame>
  <img src="https://mintcdn.com/replit/9NKf1XREDj9JhKJb/images/workspace/console-tool.png?fit=max&auto=format&n=9NKf1XREDj9JhKJb&q=85&s=10bc7c8f00d946be9fb0588bbfbcec8f" alt="ConsoleプロジェクトエディターツールのスクリーンショT" width="2568" height="702" data-path="images/workspace/console-tool.png" />
</Frame>

## 機能

Consoleはアプリの動作を理解するのに役立つ以下のツールを提供します：

* **リアルタイムロギング**：アプリの出力が発生するとすぐに確認できます
* **AIアシスタンス**：ログに報告されたエラーを修正する提案を受け取ります
* **実行履歴**：過去の実行からのログを表示して変更を追跡します

## 使い方

プロジェクトエディターから直接Consoleツールにアクセスできます。

<Accordion title="Consoleへのアクセス方法">
  左側の**ツールドック**から：

  1. <img class="icon-svg" src="https://mintcdn.com/replit/X_IP1EeHGm0cA2VA/images/icons/workspace-all-tools-button.svg?fit=max&auto=format&n=X_IP1EeHGm0cA2VA&q=85&s=579643854fb13c402de516695e52c554" alt="すべてのツールアイコン" width="16" height="16" data-path="images/icons/workspace-all-tools-button.svg" /> **すべてのツール**を選択してプロジェクトエディターのツール一覧を表示します。
  2. <img class="icon-svg" src="https://mintcdn.com/replit/rJldsgYVucXB_6kW/images/icons/console.svg?fit=max&auto=format&n=rJldsgYVucXB_6kW&q=85&s=37f7aafac9aa06f60851eb8fffe9e42d" alt="Consoleアイコン" width="16" height="16" data-path="images/icons/console.svg" /> **Console**を選択します。

  **検索バー**から：

  1. 上部の<img class="icon-svg" src="https://mintcdn.com/replit/X_IP1EeHGm0cA2VA/images/icons/workspace-search-icon.svg?fit=max&auto=format&n=X_IP1EeHGm0cA2VA&q=85&s=d3feed840da2d19e1ee4873d137114dc" alt="虫眼鏡アイコン" width="16" height="16" data-path="images/icons/workspace-search-icon.svg" />虫眼鏡を選択して検索ツールを開きます
  2. 「Console」と入力してツールを見つけ、結果から選択します。
</Accordion>

Replitアプリで**Run**ボタンを使用するたびに、Consoleは以下の情報を含む新しいエントリを表示します：

* コードを実行したコマンド
* タイムスタンプ情報
* 標準出力とエラーログ

以下のスクリーンショットは、アプリを起動するために使用された`npm run dev`コマンドと実行からのログメッセージを示しています：

<Frame>
  <img src="https://mintcdn.com/replit/9NKf1XREDj9JhKJb/images/workspace/console-log-entry.png?fit=max&auto=format&n=9NKf1XREDj9JhKJb&q=85&s=f9204aaf25d9650565f50271f74f41c9" alt="実行されたコマンドを示すConsoleログエントリ" width="1948" height="870" data-path="images/workspace/console-log-entry.png" />
</Frame>

<Note>
  HTML、CSS、JSコードから生成されたクライアントサイドのログなどは、[Preview](/references/editor/preview)ツールのデベロッパーツールにのみ表示されます。
</Note>

### AIを活用したデバッグ

ログにエラーやその他の理解したい情報が表示されたら、エントリ上部の**Ask AI**ボタンを選択します。これにより自動的に**Agent**タブが開き、ログの内容が分析のために送信されます。

### ログエントリのコマンド

Consoleはログを管理するための以下のツールを提供します：

* **最新のみ表示**：このコントロールを**オン**にすると、最新の実行のみを表示します。
* **エントリを折りたたむ**：コマンド名の左側にある<img class="icon-svg" src="https://mintcdn.com/replit/rJldsgYVucXB_6kW/images/icons/down-arrow.svg?fit=max&auto=format&n=rJldsgYVucXB_6kW&q=85&s=56bcbb702af7e7700c87fa23be223a9d" alt="下向き矢印アイコン" height="16" width="16" data-path="images/icons/down-arrow.svg" />下向き矢印を選択してログを非表示にします。
* **過去の実行をクリア**：これを選択すると過去の実行のログを削除します。この操作は取り消せません。

### ネットワークの可用性

アプリの開発バージョンのオンライン可用性を制御できます。

開発URLへのリクエストの提供を停止するには、ネットワーク情報行の右側にある<img class="icon-svg" src="https://mintcdn.com/replit/rJldsgYVucXB_6kW/images/icons/network-off.svg?fit=max&auto=format&n=rJldsgYVucXB_6kW&q=85&s=83d1529d18164c45a63fab5e340e1320" alt="ネットワークオフアイコン" height="16" width="16" data-path="images/icons/network-off.svg" />スラッシュ付きのグローブアイコンを選択します。

有効にするには、<img class="icon-svg" src="https://mintcdn.com/replit/rJldsgYVucXB_6kW/images/icons/network-on.svg?fit=max&auto=format&n=rJldsgYVucXB_6kW&q=85&s=169c03c9769dde9600939635a8b4a5c3" alt="ネットワークオンアイコン" height="16" width="16" data-path="images/icons/network-on.svg" />グローブアイコンを選択します。

開発URLを表示するには、ロケーションバーの`{...}.replit.dev`テキストを選択します。

<Frame>
  <img src="https://mintcdn.com/replit/9NKf1XREDj9JhKJb/images/workspace/preview-dev-url.png?fit=max&auto=format&n=9NKf1XREDj9JhKJb&q=85&s=d7009e0a58f9d0e36cefa654664231b1" alt="プレビュー開発URLの場所" width="1222" height="824" data-path="images/workspace/preview-dev-url.png" />
</Frame>

<Note>
  開発URLへのリクエストの提供を停止するように設定しても、アプリはPreviewツールでアクセスできます。
</Note>

### ワークフローコマンドの停止

ConsoleプロジェクトエディターツールからRunしているワークフローコマンドを停止できます。

Replitアプリの実行コマンドを含む行の右側にある正方形のボタンを選択して、それを終了します。

アプリを再起動するには、プロジェクトエディター上部のワークフロー**Run**ボタンを使用します。

## 次のステップ

関連するプロジェクトエディターのツールについて詳しく学ぶには、以下のリソースをご覧ください：

* [Preview](/references/editor/preview/)：アプリのテストとコンソール出力の表示のためのPreviewツールを探索してください
* [Agent](/references/agent/overview/)：コードのサポートとエラー解決のためのAgentについて学びましょう
* [Shell](/references/workspace-tools/shell/)：プロジェクトエディターのコマンドラインインターフェースの使い方を学びましょう。
