01
システム全体から始める
repositoryを開くと、サービスと各サービスの内部構成、それらの接続関係を確認できます。
Panolayer Studio · アーキテクチャ
何が何を呼んでいるかを見る。
Panolayer は repository 内のサービス、モジュール、関数、呼び出し元、依存関係をマッピングします。マップはソースから解析されるため、同じコードからは常に同じマップが得られ、agent と検証エンジンもこのマップを基に動作します。
Apple silicon 上の macOS 15 · 無料で開始 · クレジットカード不要
サービスを3階層まで掘り下げて、何がそれを呼んでいるのかを突き止めようとしている。
ファイルツリーが示すのはコードの置き場所であり、何がそれに依存しているかではありません。agent が書いたコードならなおさらです。チームの誰も書いておらず、差分は2,000行に及びました。Panolayer なら、フォルダーではなく「何が何を呼んでいるか」をたどってコードを移動できます。
できること
システム全体から1行まで
02
必要なところまで掘り下げる
サービスからモジュール、関数へと移動できます。ダイアグラム、カラム、パスの各ビューで同じ構造を3通りに表示します。
03
任意の関数をコンテキスト内で読む
getPrice() を開くと、その動作、入力と出力、呼び出し元、依存関係、適用されるルール、検証ステータスを確認できます。
04
変更の影響範囲を確認
getPrice() をセントからドルに変更すると、出荷前に商品ページ、カート、チェックアウトに影響が及ぶことをマップが示します。
05
お使いの agent は同じマップを参照します
agent は MCP ツールを通じて、構造、呼び出し元、依存関係をマップに問い合わせることができ、検証は変更内容をマップと照合します。
リビングドキュメント
変化に追随するドキュメント
コードベースの任意の部分について質問すると、アーキテクチャに基づいて書かれたドキュメントが得られ、その記述はソースにリンクされます。コードが変わったら再生成できます。
Living Documents の仕組み質問
その他については、お問い合わせいただければ回答します。
マップは LLM によって生成されますか？
いいえ。構造はソースから解析されます。モデルは依頼に応じて平易な言葉による説明を追加できますが、構造を決めることはありません。
agent を実行せずにマップを使えますか？
はい。なじみのないコードを把握するために、単独で機能します。
対応している言語はどれですか？
TypeScript、JavaScript、Python、Go、Rust、Java などに対応しています。動的呼び出しや生成されたコードは追跡が難しく、手動での確認が必要になる場合があります。ドキュメントで全リストを確認してください。
モノレポでも動作しますか？
はい。