インタラクティブな解説マップ：Claude Codeエージェントループ設計、単一呼び出しから自己変異プロンプトまで

agent-loop.app.teenyapp.com のインタラクティブ解説サイトは、Claude Code がエージェントループ、メモリ管理、推論をどのように処理するかを詳しく解説します。Opus 4.7 で構築されたこのサイトは、実際に本番環境で使用されている11種類のエージェントループデザインを紹介。単一呼び出しから、自身のプロンプトを書き換える高度なエージェントまでを網羅しています。

内容

このサイトは、Claude Code の思考プロセスを理解したい開発者向けの30～60分の学習リソースとして設計されています。各ループデザインは、研究論文、リーク、コミュニティソースから収集された実際のパターンです。解説には以下が含まれます:

• 11 のループパターン — 単純な呼び出しループから、自身の指示セットを変更するメタエージェントまで。
• SVG アニメーション — 各ループがコンテキストを処理し、メモリを管理し、次のステップを決定する方法を視覚的に解説。
• インタラクティブな制御 — 各パターンの実行をステップごとに確認できます。

カバーするループデザイン

11 のパターンには以下が含まれます（これらに限りません）:

• 単一のリクエスト-レスポンス（ループなし）
• 固定コンテキストウィンドウを用いた基本ループ
• スライディングウィンドウメモリ
• 階層的要約ループ
• 自己批判ループ
• 自身のシステムプロンプトを変更するプロンプト書き換えエージェント
• サブエージェントがコーディネーターに報告するマルチエージェントループ

各パターンには、使用すべきタイミング、レイテンシと精度のトレードオフ、実際の使用例が注釈されています。

重要性

これらのループを理解することは、Claude Code の効果に直接影響します。適切なループデザインを選択することで、トークンの無駄を減らし、応答品質を向上させ、コンテキストオーバーフローを防げます。インタラクティブ形式により、自分で実験を実行しなくてもパターンを並べて比較できます。