📢 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>
==== ブラウザ拡張機能のインストール ====
==== ブラウザ拡張機能のインストール ====