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

← 古い編集

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

@@ 145行目: / 145行目: @@
 <br>
 設定内容は、Claude Desktopと同じである。<br>
+<br>
   <syntaxhighlight lang="json">
   {
@@ 155行目: / 156行目: @@
   }
   </syntaxhighlight>
+<br>
+==== OpenCodeでの設定 ====
+OpenCodeでは、プロジェクトルートの <u>opencode.json</u> または <u>opencode.jsonc</u> ファイルの <code>mcp</code> フィールドにMCPサーバを設定する。<br>
+全体設定を使用する場合は、Linuxでは <u>~/.config/opencode/opencode.json</u> ファイルを使用する。<br>
+<br>
+設定ファイルの場所は、以下の通りである。<br>
+* プロジェクト固有
+*: <u>opencode.json</u> (プロジェクトルート)
+*: <u>.opencode/opencode.json</u>
+* グローバル
+*: <u>~/.config/opencode/opencode.json</u>
+<br>
+npmを使用する場合の設定を以下に示す。<br>
+<br>
+ <syntaxhighlight lang="json">
+ {
+   "$schema": "https://opencode.ai/config.json",
+   "mcp": {
+     "drawio": {
+       "type": "local",
+       "command": ["npx", "-y", "drawio-mcp-server", "--editor"],
+       "enabled": true
+     }
+   }
+ }
+ </syntaxhighlight>
+<br>
+pnpmを使用する場合の設定を以下に示す。<br>
+<br>
+ <syntaxhighlight lang="json">
+ {
+   "$schema": "https://opencode.ai/config.json",
+   "mcp": {
+     "drawio": {
+       "type": "local",
+       "command": ["pnpm", "dlx", "drawio-mcp-server", "--editor"],
+       "enabled": true
+     }
+   }
+ }
+ </syntaxhighlight>
+<br>
+<u>Draw.io MCP Serverを起動する場合は、<code>--editor</code> フラグを指定することに注意する。</u><br>
+<br>
+==== OpenCodeでのHTTPトランスポート ====
+リモートアクセス用にHTTPトランスポートを使用する場合は、<code>type: "remote"</code> を指定してURLで設定する。<br>
+<br>
+ <syntaxhighlight lang="json">
+ {
+   "$schema": "https://opencode.ai/config.json",
+   "mcp": {
+     "drawio": {
+       "type": "remote",
+       "url": "http://localhost:3000/mcp",
+       "enabled": true
+     }
+   }
+ }
+ </syntaxhighlight>
+<br>
+また、MCPサーバの管理には <code>opencode mcp list</code> コマンド あるいは <code>opencode mcp add</code> コマンドを使用できる。<br>
 <br>
 ==== ブラウザ拡張機能のインストール ====
-Draw.io MCP Extensionをブラウザにインストールする必要がある。<br>
+Draw.io MCP ExtensionをWebブラウザにインストールする必要がある。<br>
 <br>
 ===== Google Chromeの場合 =====
@@ 190行目: / 252行目: @@
       "drawio": {
         "command": "npx",
-        "args": ["@lgazo/drawio-mcp-server", "--extension-port", "4000"]
+        "args": ["-y", "drawio-mcp-server", "--extension-port", "4000"]
       }
     }
@@ 217行目: / 279行目: @@
       "drawio": {
         "command": "npx",
-        "args": ["@lgazo/drawio-mcp-server", "--transport", "http"]
+        "args": ["-y", "drawio-mcp-server", "--transport", "http"]
       }
     }
@@ 719行目: / 781行目: @@
 <br>
 設定内容は、Claude Desktopと同じJSONフォーマットを使用する。<br>
+<br>
+==== OpenCodeでの設定 ====
+OpenCodeでは、プロジェクトルートの <u>opencode.json</u> または <u>opencode.jsonc</u> ファイルの <code>mcp</code> フィールドにMCPサーバを設定する。<br>
+全体設定を使用する場合は、Linuxでは <u>~/.config/opencode/opencode.json</u> ファイルを使用する。<br>
+<br>
+設定ファイルの場所は、以下の通りである。<br>
+* プロジェクト固有
+*: <u>opencode.json</u> (プロジェクトルート)
+*: <u>.opencode/opencode.json</u>
+* グローバル
+*: <u>~/.config/opencode/opencode.json</u>
+<br>
+MCP Tool Serverを使用する場合の設定を以下に示す。<br>
+<br>
+ <syntaxhighlight lang="json">
+ {
+   "$schema": "https://opencode.ai/config.json",
+   "mcp": {
+     "drawio-mcp": {
+       "type": "local",
+       "command": ["npx", "-y", "@drawio/mcp"],
+       "enabled": true
+     }
+   }
+ }
+ </syntaxhighlight>
+<br>
+MCP App Serverを使用する場合は、<code>--app-server</code> フラグを付加する。<br>
+<br>
+ <syntaxhighlight lang="json">
+ {
+   "$schema": "https://opencode.ai/config.json",
+   "mcp": {
+     "drawio-app": {
+       "type": "local",
+       "command": ["npx", "-y", "@drawio/mcp", "--app-server"],
+       "enabled": true
+     }
+   }
+ }
+ </syntaxhighlight>
+<br>
+また、MCPサーバの管理には <code>opencode mcp list</code> コマンド あるいは <code>opencode mcp add</code> コマンドを使用できる。<br>
 <br>
 ==== その他のMCPクライアントでの設定 ====