Skip to main content
Consoleを使うと、実行中のReplitアプリがリアルタイムで出力するログを監視・確認できます。 現在と過去の実行からの情報を使って、アプリの動作を理解し、エラーをトラブルシューティングし、パフォーマンスを最適化できます。
Agentを使ってデバッグするときは、コンテキストを提供するためにプロンプトにコンソールログを含めてください。
この例は、ワークフローを設定・実行する前のConsoleを示しています。 Consoleタブと空の実行コントロールが強調表示され、背景が暗くなっているプロジェクトエディター

機能

Consoleはアプリの動作を理解するのに役立つ以下のツールを提供します:
  • リアルタイムロギング:アプリの出力が発生するとすぐに確認できます
  • AIアシスタンス:ログに報告されたエラーを修正する提案を受け取ります
  • 実行履歴:過去の実行からのログを表示して変更を追跡します

使い方

プロジェクトエディターから直接Consoleツールにアクセスできます。
  1. プロジェクトエディターのタブバーで**+を選択し、新しいタブでTools & files**を開きます。
  2. Search toolsにConsoleと入力します。
  3. View the terminal output after running your codeと説明されているConsoleを選択します。
別のLogsの結果は、公開したアプリのデプロイメントログを表示するもので、開発中の出力ではありません。
ReplitアプリでRunボタンを使用するたびに、Consoleは以下の情報を含む新しいエントリを表示します:
  • コードを実行したコマンド
  • タイムスタンプ情報
  • 標準出力とエラーログ
たとえば、npm run devで起動するように設定されたプロジェクトでは、そのコマンドと、それが出力するログメッセージが表示されます。
HTML、CSS、JSコードから生成されたクライアントサイドのログなどは、Previewツールのデベロッパーツールにのみ表示されます。

AIを活用したデバッグ

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

ログエントリのコマンド

Consoleはログを管理するための以下のツールを提供します:
  • 最新のみ表示:このコントロールをオンにすると、最新の実行のみを表示します。
  • エントリを折りたたむ:コマンド名の左側にある下向き矢印アイコン下向き矢印を選択してログを非表示にします。
  • 過去の実行をクリア:これを選択すると過去の実行のログを削除します。この操作は取り消せません。

ネットワークの可用性

アプリの開発バージョンのオンライン可用性を制御できます。 開発URLへのリクエストの提供を停止するには、ネットワーク情報行の右側にあるネットワークオフアイコンスラッシュ付きのグローブアイコンを選択します。 有効にするには、ネットワークオンアイコングローブアイコンを選択します。 開発URLを表示するには、ロケーションバーの{...}.replit.devテキストを選択します。最新のナビゲーションとプライバシー設定については、開発URLをご覧ください。
開発URLへのリクエストの提供を停止するように設定しても、アプリはPreviewツールでアクセスできます。

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

ConsoleプロジェクトエディターツールからRunしているワークフローコマンドを停止できます。 Replitアプリの実行コマンドを含む行の右側にある正方形のボタンを選択して、それを終了します。 アプリを再起動するには、プロジェクトエディター上部のワークフローRunボタンを使用します。

次のステップ

関連するプロジェクトエディターのツールについて詳しく学ぶには、以下のリソースをご覧ください:
  • Preview:アプリのテストとコンソール出力の表示のためのPreviewツールを探索してください
  • Agent:コードのサポートとエラー解決のためのAgentについて学びましょう
  • Shell:プロジェクトエディターのコマンドラインインターフェースの使い方を学びましょう。