「MCPサーバ - Draw.io」の版間の差分

← 古い編集新しい編集 →

ビジュアルウィキテキスト

@@ 179行目: / 179行目: @@
 このポート番号は、カスタマイズすることができる。<br>
 <br>
-  # カスタムポートの設定例 :
+カスタムポートの設定例を以下に示す。<br>
- npx @lgazo/drawio-mcp-server --extension-port 4000
+  <syntaxhighlight lang="json">
+ {
+   "mcpServers": {
+     "drawio": {
+       "command": "npx",
+       "args": ["@lgazo/drawio-mcp-server", "--extension-port", "4000"]
+     }
+   }
+ }
+ </syntaxhighlight>
 <br>
 この設定により、ポート4000でWebSocket通信を行う。<br>
-ブラウザ拡張機能側も同じポート番号を設定する必要がある。<br>
+<br>
+また、ブラウザ拡張機能側も同じポート番号を設定する必要がある。<br>
+* ブラウザ拡張機能のポート設定
+*# ブラウザ拡張機能のアイコンをクリックする。
+*# 設定画面が表示される。
+*# WebSocketポート番号を4000に変更する。
+*# 保存して拡張機能を再読み込みする。
+<br>
 <br>
 ==== HTTPトランスポートの使用 ====
@@ 189行目: / 205行目: @@
 デフォルトポートは3000である。<br>
 <br>
-  # HTTPトランスポートの有効化例 :
+HTTPトランスポートの有効化例を以下に示す。<br>
- npx @lgazo/drawio-mcp-server --transport http
+  <syntaxhighlight lang="json">
+ {
+   "mcpServers": {
+     "drawio": {
+       "command": "npx",
+       "args": ["@lgazo/drawio-mcp-server", "--transport", "http"]
+     }
+   }
+ }
+ </syntaxhighlight>
 <br>
 この設定により、HTTP経由でMCPサーバにアクセスできる。<br>