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

# Codemaps

> コードベースの共有可能な階層マップを作成し、コードの実行フローやコンポーネント間の関係を可視化します。チームメイトと一緒にたどって共有できます。

専用エージェントを活用したCodemapsは、人間の理解とAIの推論の間のギャップを埋める共有可能なアーティファクトです。これにより、大規模なコードベースを正確に、前提情報を踏まえてたどり、議論し、変更できるようになります。

<div id="what-are-codemaps">
  ## Codemaps とは？
</div>

[DeepWiki](/ja/desktop/deepwiki) はシンボルレベルのドキュメントを提供しますが、Codemaps は、コードやファイルがどの順序で実行されるかや、異なるコンポーネント同士がどのように関連しているかを可視化することで、コードベース全体の仕組みの把握に役立ちます。

Codemap をたどるには、任意のノードをクリックすると、対応するファイルや関数にすぐ移動できます。Codemap 内の各ノードは、コード内の該当箇所に直接リンクしています。

<video autoPlay controls muted loop playsInline className="w-full aspect-video" src="https://mintcdn.com/cognitionai/WE51TvKjsiyk1ZHl/desktop/assets/windsurf/codemaps/codemaps-overview.mp4?fit=max&auto=format&n=WE51TvKjsiyk1ZHl&q=85&s=7d8126d4f920b432a89d0d52f15103e5" data-path="desktop/assets/windsurf/codemaps/codemaps-overview.mp4" />

<div id="accessing-codemaps">
  ## Codemaps へのアクセス
</div>

Codemaps には、次の 2 つの方法でアクセスできます。

* **アクティビティバー**: アクティビティバー (左側のパネル) から Codemaps インターフェースを開きます
* **コマンドパレット**: `Cmd+Shift+P` (Mac) または `Ctrl+Shift+P` (Windows/Linux) を押し、「Focus on Codemaps View」を検索します

<div id="creating-a-codemap">
  ## Codemap の作成
</div>

新しい Codemap を作成するには:

1. Codemaps パネルを開きます
2. 次のいずれかの方法で新しい Codemap を作成します:
   * 候補として提案されたトピックを選択する (候補は最近のナビゲーション履歴に基づいています)
   * 独自のカスタムプロンプトを入力する
   * Cascade から生成する: Cascade の会話の下部から新しい Codemap を作成する
3. Codemap エージェントがリポジトリを探索し、関連するファイルや関数を特定して、階層的なビューを生成します

<video autoPlay controls muted loop playsInline className="w-full aspect-video" src="https://mintcdn.com/cognitionai/WE51TvKjsiyk1ZHl/desktop/assets/windsurf/codemaps/create-codemaps.mp4?fit=max&auto=format&n=WE51TvKjsiyk1ZHl&q=85&s=3ecbec63e167aee9815b113dababcd8b" data-path="desktop/assets/windsurf/codemaps/create-codemaps.mp4" />

<div id="sharing-codemaps">
  ## Codemaps の共有
</div>

Codemaps は、ブラウザで閲覧できるリンクとしてチームメイトと共有できます。

<Warning>
  Enterpriseをご利用のお客様は、Codemaps を当社のサーバーに保存する必要があるため、共有を有効にするにはオプトインが必要です。デフォルトでは、Codemaps は Team 内でのみ利用でき、閲覧には認証が必要です。
</Warning>

<video autoPlay controls muted loop playsInline className="w-full aspect-video" src="https://mintcdn.com/cognitionai/WE51TvKjsiyk1ZHl/desktop/assets/windsurf/codemaps/share-codemaps.mp4?fit=max&auto=format&n=WE51TvKjsiyk1ZHl&q=85&s=983e193f52adbdac3180990f8ed468c1" data-path="desktop/assets/windsurf/codemaps/share-codemaps.mp4" />

<div id="using-codemaps-with-cascade">
  ## Cascade で Codemaps を使う
</div>

Codemap を参照する `@-mention` を使うことで、[Cascade](/ja/desktop/cascade) の会話の前提情報として Codemap 情報を含めることができます。

<video autoPlay controls muted loop playsInline className="w-full aspect-video" src="https://mintcdn.com/cognitionai/WE51TvKjsiyk1ZHl/desktop/assets/windsurf/codemaps/codemap-cascade.mp4?fit=max&auto=format&n=WE51TvKjsiyk1ZHl&q=85&s=8ff44ce0fb07871bab9a92cf69bcbde8" data-path="desktop/assets/windsurf/codemaps/codemap-cascade.mp4" />