Chat for Claude Codeとは｜VS Codeで迷わない導入手順
「Chat for Claude CodeはAnthropic公式なのか」「ターミナルを使わずにClaude Codeを操作できるのか」と迷う人向けに、VS Code拡張の位置づけ、必要条件、導入方法、公式拡張との違いを整理します。安全に試すための権限設定や、起動しない場合の確認順も押さえます。
Chat for Claude Codeは、Claude Code CLIをVS Code内のチャット画面から扱う第三者製拡張です。公式版との違いと権限範囲を理解して導入すれば、履歴・差分・チェックポイントを見ながら対話型のコード作業ができる。
目次 (9)
Chat for Claude Codeとは
Chat for Claude Codeは、開発者Andre Pimenta氏が公開しているVS Code拡張です。Visual Studio Marketplaceでは「Beautiful Claude Code Chat Interface for VS Code」と説明され、確認時点で42万件を超えるインストールがあり、無料で配布されています。拡張機能の識別子はAndrePimenta.claude-code-chatです。
主な役割は、Claude Code CLIの対話をVS Code内のチャット画面に置き換えることです。回答表示、ファイル参照、差分確認、権限承認をエディタ内で行えます。機能の全体像はVisual Studio Marketplaceの配布ページで確認できます。
名称に「Chat」とありますが、Claude.aiの通常チャットを埋め込む製品ではありません。ファイル編集やコマンド実行を担うClaude CodeをGUIから扱う第三者製ツールです。
Anthropic公式のVS Code拡張との違い
Anthropicも「Claude Code」という公式VS Code拡張を提供しています。両方ともチャット形式でClaude Codeを扱えますが、提供元と構成、付加機能が異なります。
| 比較項目 | Chat for Claude Code | Anthropic公式拡張 |
|---|---|---|
| 提供元 | Andre Pimenta氏 | Anthropic |
| 位置づけ | 第三者製の多機能チャット画面 | Claude Codeの公式IDE統合 |
| 主な前提 | Claude Code CLI、Node.js 18以上 | VS Code 1.98以上、対象アカウント |
| 特徴 | チェックポイント、履歴、MCP・スキル・プラグイン検索、画像添付 | インライン差分、@メンション、プラン確認、会話履歴 |
| 向く人 | 操作や管理を一つの画面に集約したい人 | 公式サポートと標準的な構成を優先する人 |
Anthropicの公式ドキュメントは、公式拡張を推奨方法と位置づけています。公式版はパネル用CLIを内包しますが、統合ターミナルでclaudeを実行するには別途CLIが必要です。対してChat for Claude Codeは、導入時点からCLIとNode.js 18以上を前提とします。
Chat・Cowork・Codeの違いを整理した記事でも、CodeはCLIやVS Code拡張から編集やコマンド実行を行う形態とされています。製品名のChatは操作画面を指すと考えると混同しにくくなります。
導入前に確認する4つの条件
Marketplaceの案内では、次の環境が必要です。
- VS Code 1.80以上、Cursor、または互換エディタ
- インストール済みのClaude Code CLI
- Claudeを利用できるAPIまたはPro・Maxなどの対象プラン
- Node.js 18以上
「No Terminal Required」は日常操作をGUIで行えるという意味で、CLIの事前導入が不要という意味ではありません。公式拡張とは要件が異なるため、説明を混ぜないでください。
チェックポイントはGitベースと説明されています。復元機能だけに頼らず、作業前に通常のGitコミットを作ると安全です。
インストールから初回チャットまでの手順
- Visual Studio Marketplaceの配布ページで、名前と発行者「Andre Pimenta」を確認します。
- 「Install」を押し、VS Codeへのインストールを許可します。
- プロジェクトを開き、統合ターミナルで
claudeが起動することを確認します。未認証なら先にサインインします。 - Windows・Linuxは
Ctrl+Shift+C、macOSはCmd+Shift+Cを押します。ステータスバーや「Claude Code: Open Chat」からも開けます。 @で対象ファイルを選び、まず「このファイルの役割を説明して」など読み取り中心の依頼を送ります。- 編集やコマンド実行の確認が出たら、対象と内容を読んでから許可します。
最初はテスト用リポジトリで、読み取り、小変更、差分確認の順に試すと権限と復元方法を理解しやすくなります。
チャット画面で使える主な機能
Marketplaceの説明で中心となる機能は次のとおりです。
- 会話と差分：回答をリアルタイム表示し、Markdownやコードを整形します。編集内容はメッセージ内とVS Code標準の比較画面で確認できます。
- 履歴とチェックポイント：会話を保存し、Gitベースのチェックポイントから過去の状態へ戻せます。
- コンテキスト指定：
@でファイルを参照し、画像の貼り付けや複数添付も行えます。 - コマンドとモード：
/からコマンドを呼び出し、Plan Firstや思考量を調整するモードを選べます。 - 周辺機能の検索：MCPサーバー、スキル、プラグインを検索し、プロジェクトまたは全体へ追加できます。
- Windows・WSL対応：WSLで使うNode.jsとClaudeのパスを設定できます。
これらはモデル性能を変えるものではなく、CLIの操作と結果確認をGUIにまとめる機能です。
安全に使うための権限設定
Chat for Claude Codeは、ファイル編集やシェルコマンドの実行を見やすい権限ダイアログで確認できます。一方、すべての確認を省略する「YOLO Mode」も案内されています。便利さより先に、何を許可しているかを把握することが重要です。
- 発行者名と拡張機能IDを確認します。
git statusを確認し、残したい変更をコミットします。- 最初は確認を求める権限モードを使い、常時許可を増やしすぎないようにします。
- コマンド、変更対象、外部通信先を権限画面で確認します。
- MCPサーバーなどを追加するときは、提供元と必要な認証情報を確認します。
- 差分とテスト結果を確認してからコミットします。
チェックポイントは通常のバージョン管理の代わりではありません。APIキーやトークンを貼り付けず、機密ファイルを参照させる必要があるかも判断してください。
Chat for Claude Codeが向く人・公式版が向く人
Chat for Claude Codeは、ターミナル操作に不慣れで、履歴、チェックポイント、画像添付、MCPなどを一つの画面で管理したい人に向きます。Cursorなどの互換エディタで使いたい場合も候補です。
公式の推奨構成やサポートを優先し、導入する部品を減らしたいなら公式拡張が素直です。公式版にも差分、@メンション、プラン確認、複数会話、履歴があります。
迷う場合は公式版から試し、第三者製拡張だけにある機能が必要なら小さなリポジトリで比較してください。両方を有効にする前に、ショートカットや権限確認の競合も確認します。
起動しないときの確認順
- 統合ターミナルで
claudeを実行し、CLIが起動・認証済みか確認します。 node --versionを実行し、Node.js 18以上になっているか確認します。- 拡張機能画面で対象ワークスペースに対して有効か確認します。
- 「Developer: Reload Window」を実行します。
- ショートカットが反応しない場合は、ステータスバーかコマンドパレットから開き、競合を調べます。
- WSL利用時は、ディストリビューション名、Node.jsとClaudeのパスを確認します。
- 出力ログとMarketplaceのIssuesを確認し、エラー文と各ソフトの版を揃えて切り分けます。
公式拡張の対処と混ぜず、拡張機能IDを見て問題の対象を確定してください。
参照した出典URL
- Visual Studio Marketplace「Chat for Claude Code」
https://marketplace.visualstudio.com/items?itemName=AndrePimenta.claude-code-chat - Anthropic「VS CodeでClaude Codeを使用する」
https://code.claude.com/docs/ja/vs-code - note「Claude Chat・Cowork・Code、スキルの設定がぜんぶ違って調べた話」
https://note.com/masakikono/n/nb7d53c2aa204
