Windows環境で強引にClaude CodeをMCPサーバー化してClaude Desktopから使う

## はじめに

この記事では、Windows環境でClaude CodeをMCPサーバーとして動かし、
Claude Desktopと接続するための手順を説明します。

## 注意事項

当記事の手順は、[Claude公式](https://docs.anthropic.com/ja/docs/agents-and-tools/claude-code/tutorials#claude-code-mcp)が発表する手順とは異なります。
(その意味で、記事タイトル内で"強引に"と記載しました)

記事作成時点(2025/3/22)では、Windows環境でClaude CodeをMCPとして動かすための手順は公開されていませんが、今後公式から発表される可能性は高いため、
当記事の手順を実行する前に、公式ページにて最新情報のご確認をお願いします。

## 動作環境

- Windows 11 Pro(24H2)
- WSL2(Ubuntu 22.04.3 LTS)
- Node.js 22.7

## 前提条件

- WSL2が利用できること
- Claude Desktopがインストールされていること

## 最終手順確認日

2025/03/22

## 手順の流れ

1. WSLへのClaude Codeのインストール※
1. PowerShellからClaude Codeを実行できることの確認
1. Claude DesktopにMCP設定追加

※既にClaude Codeインストール済みの場合は、この手順は省略可

## 手順

### 1. WSLの起動

WSLのアイコンかわいいね

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2610123/c6e39b18-b972-4556-b5bd-cc7d382fa224.png)

### 2. WSL上で、nvmのインストールコマンドを実行

※最新のnvmインストール手順は[公式](https://github.com/nvm-sh/nvm?tab=readme-ov-file#install--update-script)から確認

```bash
$ curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.40.2/install.sh | bash
```

### 3. WSL上で、nvm経由でNode.jsのインストール

```bash
$ nvm install 22.7
```

:::note warn
**nvmコマンドの実行に失敗する場合**
一度WSLを閉じて、再度WSLを開いてコマンドを実行してみてください。
:::
:::note warn
**Node.jsのインストールに失敗する場合**
既にNode.jsがインストールされている場合、
Node.jsをアンインストールして、再実行すると成功するかもしれません。
（私の環境ではアンインストールが必要でした）
:::

### 4. WSLにClaude Codeをインストール

```bash
$ npm install -g @anthropic-ai/claude-code
```

### 5. claudeコマンドの実行確認＆Claude Codeのセットアップ

```bash
$ claude
```

Claude Codeのセットアップは下の記事を参考に実施

https://qiita.com/eiji-noguchi/items/a45dbb94ad7544d1c1b4

### 6. claudeコマンドの実行ファイルのフルパスを確認

下のコマンド実行結果をコピーしておく(次の手順で使用)

```bash
$ which claude
```

### 7. PowerShellを起動し、WSL上のclaude codeが実行できることの確認

```powershell
wsl -e bash -l -c "source ~/.nvm/nvm.sh && [claudeの実行ファイルのフルパス]"
```

Claude Codeを起動出来たら、WSLとPowerShellを閉じて次の手順へ

### 8. Claude Desktopを開き、MCPサーバーの設定を追加

1. Claude Desktopを開く
1. 左上のハンバーガーメニュー > 「File」  > 「Settings」
1. 「Developer」メニューを開き、「Edit Config」をクリック

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2610123/926fdf1c-9f8d-4c5e-88ac-04bc9faecb12.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2610123/94966f3e-9fac-42ad-8697-fb063d00f42e.png)

### 9. テキストエディタでclaude_desktop_config.jsonを開く

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2610123/768f77eb-9c78-4357-8a3f-83b21f1d4d42.png)

### 9. claude_desktop_config.json にMCP設定を追加

PowerShellから動作確認した時のコマンドを参考に、以下の内容を設定

```json
{
  "mcpServers": {
    "claude_code": {
      "command": "wsl",
      "args": [
        "-e",
        "bash",
        "-l",
        "-c",
        "source ~/.nvm/nvm.sh && [claudeの実行ファイルのフルパス] mcp serve"
      ],
      "env": {}
    }
  }
}
```

### 10. Claude Desktopを閉じる

1. 設定画面を閉じる
1. 左上のハンバーガーメニュー > 「File」  > 「Exit」

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2610123/548690ed-578b-46c9-a19e-afeefc7c4591.png)

### 11. Claude Desktopを再度開き、Claude Codeと接続できていることを確認

チャット欄の右下にトンカチ？のマークが出ていれば成功です。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2610123/86b2d1f9-e4f5-4115-9224-9c9068c8a69d.png)

1. 左上のハンバーガーメニュー > 「File」  > 「Settings」
1. 「Developer」メニューを開き、接続状態を確認

「running」になっていればOK！

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2610123/a1cc0fc4-6f8f-4023-910b-fdcc9c572276.png)

## おわりに

これでWindowsでもClaude Codeが本格的に動かせるようになりました！
実際のClaude Code活用例についても、今後記事にしたいと思います。

ここまで読んで下さりありがとうございました。

## 参考リンク

https://zenn.dev/kazuph/articles/5a6cc61ae21940