📢 Webサイト閉鎖と移転のお知らせ
このWebサイトは2026年9月に閉鎖いたします。
新しい記事は移転先で追加しております。(旧サイトでは記事を追加しておりません)
ページの作成:「== 概要 == Draw.io MCP Server は、AI システムがDraw.io ダイアグラムをプログラマティックに制御・検査できるようにするMCP (Model Context Protocol) サーバである。<br> このMCPを使用することにより、Claude等のLLMがDraw.io上でフローチャート、シーケンス図、アーキテクチャ図、ネットワーク図等の様々なダイアグラムを自動的に作成・編集することができる。<br>…」 |
|||
| 115行目: | 115行目: | ||
"drawio": { | "drawio": { | ||
"command": "pnpm", | "command": "pnpm", | ||
"args": ["dlx", "@lgazo/drawio-mcp-server"] | |||
} | |||
} | |||
} | |||
</syntaxhighlight> | |||
<br> | |||
yarnを使用する場合の設定を以下に示す。<br> | |||
<syntaxhighlight lang="json"> | |||
{ | |||
"mcpServers": { | |||
"drawio": { | |||
"command": "yarn", | |||
"args": ["dlx", "@lgazo/drawio-mcp-server"] | "args": ["dlx", "@lgazo/drawio-mcp-server"] | ||
} | } | ||
| 122行目: | 134行目: | ||
<br> | <br> | ||
Claude Desktopを再起動して、Draw.io MCP Serverが利用可能であることを確認する。<br> | Claude Desktopを再起動して、Draw.io MCP Serverが利用可能であることを確認する。<br> | ||
<br> | |||
==== Claude Codeでの設定 ==== | |||
Claude Code (CLI) でも、Claude Desktopと同様の設定ファイルを使用してDraw.io MCP Serverを利用できる。<br> | |||
<br> | |||
設定ファイルの場所は、以下の通りである。<br> | |||
* Linux | |||
*: ~/.config/claude/config.json | |||
* Windows | |||
*: %APPDATA%\claude\config.json | |||
<br> | |||
設定内容は、Claude Desktopと同じである。<br> | |||
<syntaxhighlight lang="json"> | |||
{ | |||
"mcpServers": { | |||
"drawio": { | |||
"command": "npx", | |||
"args": ["@lgazo/drawio-mcp-server"] | |||
} | |||
} | |||
} | |||
</syntaxhighlight> | |||
<br> | <br> | ||
==== ブラウザ拡張機能のインストール ==== | ==== ブラウザ拡張機能のインストール ==== | ||