Claude CodeのMonitorツール、開発サーバーのログをAI駆動の自動修正にパイプ

Claude CodeのMonitorツールは、開発サーバーのログ出力をリアルタイムのデバッグパートナーに変えます。手動でログをスキャンしたりエラーをコピペしたりする代わりに、バックグラウンドタスクとログモニターをセットアップするだけで、Claudeがログを監視し、エラーを読み取り、コードを修正し、自動的に変更をコミットします。

2ステップのセットアップ

ソースより：「セットアップは2ステップ」。

• プロジェクトをバックグラウンドタスクとして実行。 Claudeにpnpm devをバックグラウンドシェルで実行するよう依頼します。Claudeが開発サーバーを起動し、ログファイルのパスを返し、シェルを実行し続けます。
• ログを監視。 Claudeに開発サーバーのログをエラーとパイプラインイベントについて監視するよう依頼します。ClaudeはMonitorツールをログファイルに向け、スマートなgrepフィルター付きのtail -Fを設定し、有効化します。重要なログ行はすべて通知としてClaudeに送信されます。

これだけです。その後、通常どおりアプリをテストします（クリックして回ったり、フローをトリガーしたり）。Claudeはバックグラウンドでログを監視します。スタックトレース、500エラー、スキーマ拒否、DB制約違反があれば、Claudeは以下の処理を自動的に行います：

• エラーを読み取る
• 原因となったファイルを見つける
• 修正を書く
• コミットする
• HMRでリロード — 修正が適用された状態でアプリが動作し続ける

コピペは不要です。席を外している必要すらありません。

実際の例：30分のテスト実行で4件の修正

筆者は1回の実行に約30分かかるマルチステージパイプラインでテストしました。UIをクリックしている間に、Claudeは以下を含む4件の修正を出荷しました：

• コンテキストの形状が間違っていたためにundefined.from()を呼び出していたtRPCハンドラー
• upsertであるべきところで一意制約に失敗したDBのINSERT
• 静かに無視されていたLLMレスポンスのスキーマ検証エラー
• 競合状態により最初のクリックで動作しなかったボタン

注記：「これらのうちいくつかはUIを見ていても気づかなかったでしょう。サーバーログに埋もれた静かな障害でした。」