Claude Code Media
94,025初級

Claude Code プラグイン完全ガイド|IDE 統合・MCP・Skills 拡張まとめ【2026年版】

Claude Code のプラグイン(拡張機能)を完全解説。VS Code・JetBrains・Zed の IDE 統合方法から、MCP サーバーによる業務ツール連携、Skills/Hooks を活用したカスタム実装まで初心者にもわかりやすく網羅します。

By Claude Code Media 編集部Reviewed by Claude Code Media 編集部

Claude Code はターミナル(コマンドライン)で動作する AI 開発エージェントですが、多様なプラグインや拡張機能を通じてエディタや業務ツールと深く連携できます。本記事では「Claude Code のプラグイン」を 3 つの切り口で整理し、自分の環境に合った拡張方法を選べるようにまとめました。

「ターミナルを使わずに IDE から Claude Code を操作したい」「Slack や Notion など業務ツールと繋げたい」「チーム独自のルールを AI に学習させたい」、どのニーズにも対応するプラグインが存在します。

1. Claude Code プラグインの 3 分類

Claude Code の「プラグイン」は、大きく次の 3 種類に分類できます。

分類概要主な用途
IDE 統合プラグインエディタに Claude Code を組み込むコード補完・チャット・レビュー
MCP サーバー外部ツールと Claude を繋ぐ機能拡張Slack・Notion・GitHub 連携
Skills / Hooksローカルルールや自動処理を定義社内規約・品質ゲートの自動化

それぞれの特徴と設定方法を順に解説します。

1-1. IDE 統合プラグイン

VS Code や JetBrains などのエディタに直接 Claude Code を組み込む方法です。ターミナルを切り替えることなく、コーディング中に AI の支援を受けられます。

1-2. MCP サーバー(機能拡張プラグイン)

MCP(Model Context Protocol)は Anthropic が公開した「AI と外部ツールを繋ぐ標準プロトコル」です。MCP サーバーをインストールすることで、Claude Code が Slack や Notion・GitHub などのサービスを直接操作できるようになります。Claude Code の機能を「外に広げる」プラグインと捉えると理解しやすいです。

1-3. Skills / Hooks(ローカルプラグイン)

.claude/skills/ ディレクトリに Markdown ファイルを置く Skills と、ツール実行前後にスクリプトを走らせる Hooks は、チームや個人のルールを Claude Code に組み込む「ローカルプラグイン」として機能します。


2. IDE 別インストール完全ガイド

2-1. VS Code 公式拡張機能

VS Code 向けの Claude Code 拡張機能は、Visual Studio Code Marketplace から「Claude Code」で検索するとインストールできます(執筆時点の最新版は公式ページを参照してください)。

インストール後は、VS Code のサイドバーに Claude アイコンが表示され、コードを選択して右クリックから「Claude Code に質問する」「このコードをリファクタリング」などの操作が可能です。ターミナルを開かずに AI 指示を出せるため、コーディング中の文脈切り替えを最小化できます。

VS Code 統合の詳細な設定手順(キーバインド最適化・MCP 連携)は Claude Code × VSCode 統合ガイド にまとめています。

2-2. JetBrains(IntelliJ / WebStorm / PyCharm)

JetBrains 製品向けには、JetBrains Marketplace で「Claude」または「Anthropic」と検索すると関連プラグインが見つかります。公式の Claude AI プラグインをインストールすると、IntelliJ IDEA・WebStorm・PyCharm 上から直接 Claude に質問したり、コードの説明を求めたりできます。

ただし、JetBrains プラグインと Claude Code CLI の統合レベルは VS Code ほど成熟していない場合があります。最新の対応状況は Anthropic 公式ドキュメント で確認するのを推奨します。

2-3. Zed エディタ

高速エディタとして注目される Zed は、Claude を標準の AI バックエンドとして組み込んでいます。Anthropic と公式パートナーシップを結んでおり、別途プラグインをインストールすることなく Claude との対話が可能です。

Zed を起動して cmd+shift+A(macOS)を押すと AI パネルが開き、Claude Sonnet / Haiku などのモデルを選択して指示を出せます。Claude Code CLI と組み合わせると、エディタとターミナルの両面から Claude を活用できます。

2-4. Neovim / Vim

Neovim ユーザー向けには、コミュニティが開発した複数のプラグインが存在します。代表的なものに avante.nvim(GitHub: yetone/avante.nvim)があり、Neovim 上で Claude や GPT-4o を呼び出してコード生成や編集を行えます。

設定例(lazy.nvim を使う場合):

-- lazy.nvim での avante.nvim 設定例
{
  "yetone/avante.nvim",
  event = "VeryLazy",
  opts = {
    provider = "claude",
    claude = {
      model = "claude-sonnet-4-5",
      api_key = os.getenv("ANTHROPIC_API_KEY"),
    },
  },
}

Neovim プラグインは公式サポートではなく、バージョンや互換性の確認が必要です。最新情報は各プラグインの GitHub リポジトリを参照してください。


3. MCP サーバーをプラグインとして活用する

3-1. MCP サーバーとは「Claude Code のプラグイン」

MCP サーバーは Claude Code が「読み書きできる対象」を増やすプラグインです。標準状態の Claude Code はファイルシステムと Web 検索しか操作できませんが、MCP サーバーを追加すると Slack への投稿や GitHub の PR 作成、Notion ページの更新なども Claude が直接実行できます。

設定は .mcp.json ファイル 1 つで完結します:

{
  "mcpServers": {
    "github": {
      "command": "npx",
      "args": ["-y", "@modelcontextprotocol/server-github"],
      "env": {
        "GITHUB_PERSONAL_ACCESS_TOKEN": "${GITHUB_TOKEN}"
      }
    },
    "slack": {
      "command": "npx",
      "args": ["-y", "@modelcontextprotocol/server-slack"],
      "env": {
        "SLACK_BOT_TOKEN": "${SLACK_BOT_TOKEN}",
        "SLACK_TEAM_ID": "${SLACK_TEAM_ID}"
      }
    }
  }
}

このファイルをプロジェクトルートに置くだけで、次回起動時から GitHub と Slack の MCP サーバーが有効になります。

3-2. 代表的な MCP プラグイン 5 選

以下は 2026 年 6 月時点で実績のある MCP サーバーです。詳細な設定手順と用途比較は Claude Code MCP おすすめ 12 選 を参照してください。

MCP サーバー主な用途難易度
@modelcontextprotocol/server-githubPR 作成・Issue 管理★★☆
@modelcontextprotocol/server-slackメッセージ送受信・チャンネル管理★★☆
@modelcontextprotocol/server-playwrightブラウザ操作・E2E テスト★★★
@upstash/context7-mcpライブラリ最新ドキュメント取得★☆☆
@supabase/mcp-server-supabaseSupabase DB 操作★★☆

MCP の詳細な仕組みと設定方法は Claude Code × MCP 完全ガイド で解説しています。


4. Skills と Hooks でプラグイン機能を自作する

4-1. Skills ファイルを独自プラグインとして使う

Skills は .claude/skills/<名前>.md という Markdown ファイルです。コーディング規約・社内 API 仕様・業務フローを文章で書いておくだけで、Claude Code が必要なタイミングで自動参照します。「チーム専用プラグイン」として機能します。

.claude/
└── skills/
    ├── coding-style.md      # コーディング規約
    ├── api-spec.md          # 社内 API 仕様
    └── deploy-runbook.md    # デプロイ手順書

Skills の詳しい作り方は Claude Code Skills 完全ガイド をご覧ください。

4-2. Hooks で自動処理プラグインを実装する

Hooks は PreToolUsePostToolUseStop の 3 つのタイミングでシェルスクリプトを実行できる仕組みです。「コード書き込み後に自動でフォーマット」「外部 API 呼び出し前にコスト確認」といった品質ゲートを、プラグイン感覚で追加できます。

.claude/settings.json への設定例:

{
  "hooks": {
    "PostToolUse": [
      {
        "matcher": "Write|Edit",
        "hooks": [
          {
            "type": "command",
            "command": "npx prettier --write $FILE"
          }
        ]
      }
    ]
  }
}

ファイル書き込みのたびに Prettier が自動実行されるプラグイン的な動作になります。Hooks の詳細は Claude Code Hooks 完全ガイド で解説しています。


5. プラグイン選定とセキュリティの注意点

5-1. プラグインを選ぶ 3 つの基準

Claude Code のプラグインを選ぶ際は次の 3 点を確認してください。

  1. 公式 or 公認かどうか: Anthropic 公式の MCP サーバー(@modelcontextprotocol/* 系)または主要 SaaS が提供する公式実装を優先します。
  2. 最終更新日: MCP サーバーは Claude Code のバージョンアップに追従している必要があります。GitHub リポジトリの最終コミット日を確認してください。
  3. 必要な権限の範囲: MCP サーバーが要求するトークンのスコープ(権限)は最小限に絞るのが原則です。

5-2. MCP サーバーのセキュリティ注意事項

MCP サーバーは Claude Code の代わりに外部サービスを操作するため、設定ミスによる意図しない書き込みや情報漏洩のリスクがあります。以下の点に注意してください。

  • 環境変数でトークン管理: API キーやトークンは .mcp.json にハードコードせず、環境変数で参照します。
  • 読み取り専用モードから始める: 書き込み権限が必要な場合は、まず読み取り専用で動作確認してから権限を拡張します。
  • 不要なサーバーは削除: 使わなくなった MCP サーバーは .mcp.json から削除し、対応する API トークンを無効化します。

まとめ:自分の環境に合ったプラグインを選ぶ

Claude Code のプラグインは目的によって選び方が変わります。

  • エディタ統合が目的: VS Code 公式拡張(初心者)・Zed(パフォーマンス重視)・Neovim(上級者)
  • 業務ツール連携が目的: MCP サーバー(GitHub・Slack・Notion 等)
  • チームルール・自動処理が目的: Skills + Hooks の組み合わせ

まずは VS Code 拡張か MCP サーバー 1 つから試してみると、Claude Code の可能性が一気に広がります。各テーマの詳細は Claude Code 完全ガイド から辿れるので、気になる項目を深掘りしてみてください。

この記事の著者

claude-code-media 編集部Claude Code 専門編集チーム

Claude Code の非エンジニア向け業務効率化メディア『claude-code-lab.jp』を運営。フリーランス・中小企業・個人開発者向けに、実装テンプレ・業務自動化テクニック・Vibe Coding 入門を配信。

Claude Code 完全ガイドVibe CodingAI 業務効率化非エンジニア向け AI 教育MCP(Model Context Protocol)
ByClaude Code Media 編集部

AI支援で執筆 — 本記事は Claude Code エージェントによる執筆支援を受け、編集部が事実確認・編集を行っています。 数値・引用元は記事更新日時点で確認済みですが、最新情報は各公式サイトでご確認ください。