Docker Desktop経由でClaude DesktopのMCP(Model Context Protocol)連携を行ったところ、思ったよりも簡単だったので手順を共有します。
他に同様の記事が見当たらなかったので、参考になれば幸いです。数番煎じだったらすみません。
MCPについてはすでに多くの記事が出ているので、基本的な用語の説明は省略します。
準備
Docker Desktopを最新版にアップグレードします(図は4.39.0)。
デスクトップ版Claudeをダウンロードします。
構築
Docker Desktopに拡張機能をインストール
Docker Desktopを起動し、左側メニューから「Extensions」を選択します。
検索バーに「AI Tools」と入力するか、カテゴリーから探して「Labs: AI Tools for Devs」をインストールします。
MCP Clientsの設定
インストールした「Labs: AI Tools for Devs」を開き、画面右上の赤枠で囲まれた歯車アイコンをクリックしてMCP Clientsの設定画面を開きます。
設定画面で「MCP Clients」タブを選択し、「Claude Desktop」の「Connect」ボタンをクリックします。
これでClaude DesktopのMCPサーバー設定用ファイルclaude_desktop_config.jsonに必要な設定が自動的に書き込まれます。
{
"mcpServers": {
"MCP_DOCKER": {
"command": "docker",
"args": [
"run",
"-i",
"--rm",
"alpine/socat",
"STDIO",
"TCP:host.docker.internal:8811"
]
}
}
}
Claude Desktopを再起動し、「設定 > 開発者」タブを開きます。MCPサーバーの設定が正しく反映され、「running」状態になっていることを確認します。
ツールの追加と使用
「Labs: AI Tools for Devs」に戻り、使用したいツールを追加します。今回は例としてChromeのツールを追加してみます。
Claude Desktopを更新(CMD + Rでリロード)し、画面下部の赤枠で囲まれたMCP連携アイコンをクリックします。
「連携サービスを選択」ドロップダウンから「Chrome web scraper」を選択します。
試しに以下を入力して、Yahoo!ファイナンスでトヨタの現在の株価と本日の変動率を取得してみます。
URL: https://finance.yahoo.co.jp/quote/7203.T
Extract Toyota's current stock price and today's change percentage.
初回実行時には、ツールの使用許可を求められるので「許可」をクリックします。
実行結果は以下のように表示されます。Claudeが取得したウェブページの情報を基に回答を生成します。
APIキーやトークンなどが必要ですが、こんな感じでGitHub、Slack、Notionとの連携も簡単にできます。
これからMCPを試してみたいという方もきっといらっしゃると思うので、参考にしてみてください。
余談
MCP ClientsでCursorの設定もできるのですが、Cursor側では「running」となっているのに、Docker Desktop側では「connect」とならずに困りました。解決したら追記します。