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

# Claude Code連携によるコンテキスト活用型開発

> QAIPに取り込まれた多様なデータをMCP経由でClaude Codeに連携できます。<br/> データに[タグ](/features/tag)を付与して整理することで、必要なコンテキストだけを参照できます。

## 特徴

### 多様なデータソースを開発コンテキストに活用

ローカルファイル、Webサイト、Google Drive、GitHub、Notionなど、多様なデータソースをClaude Codeの開発コンテキストとして統合できます。

### タグによる柔軟な絞り込み

各データにタグを付与することで、プロジェクトや技術領域ごとに関連情報を効率的に検索できます。

### MCP連携による簡単なセットアップ

MCPによる標準的なインターフェースを利用するため、複雑な設定を行わずにClaude Codeと連携できます。

## 開発手順

<Steps>
  <Step title="データを取り込む">
    各種データソースからデータを取り込みます。<br />
    具体的な手順は[こちら](/docs/datasources/index)をご参照ください。

    **データソースの例:**

    * **[GitHub](/docs/datasources/github)**: README、ガイドライン
    * **[Google Drive](/docs/datasources/google-drive)**: 設計書、仕様書
    * **[Notion](/docs/datasources/notion)**: プロジェクト管理やナレッジベース
  </Step>

  <Step title="タグを作成・付与する">
    タグを作成し、取り込んだデータに付与します。<br />
    具体的な手順は[こちら](/docs/features/tag)をご参照ください。

    **タグの例:**

    * `api` : API仕様やエンドポイント定義
    * `test` : テスト仕様書、テスト項目
    * `lib` : 利用しているライブラリのリファレンス
  </Step>

  <Step title="Claude CodeとQAIPを連携する">
    QAIPのRemote MCPサーバを追加してClaude Codeと連携します。

    ```bash theme={null}
    claude mcp add qaip https://mcp.developer.qaip.com/mcp --transport http
    ```

    詳細な設定手順は[こちら](/docs/integrations/mcp)をご参照ください。
  </Step>

  <Step title="タグを活用したプロンプトを実行する">
    Claude Code上でタグを指定することで、コンテキストを限定したコード生成や回答を得られます。

    **プロンプト例:**

    ```
    タグ「api」で絞り込んだAPI仕様を参照して、
    ユーザー認証機能のフロントエンド実装を作成してください
    ```

    ```
    タグ「test」で絞り込んだテスト仕様を参照して、
    決済処理のユニットテストを作成してください
    ```

    **自動タグフィルタリングのプロンプト例:** <br />
    MCPにはタグのリストを返すツールが実装されています。
    タグ名と説明を適切に入力している場合はClaude Codeが自律的にタグを選択して検索します。

    ```
    ユーザー認証機能のバックエンド実装を作成してください。
    検索の際には必ずタグによるフィルタリングを使用してください。
    ```
  </Step>
</Steps>
