Visual Studio CodeにDocBaseのリモートMCPサーバーを接続する
Visual Studio Code （以下、VSCode） に DocBase MCP サーバーを接続できます。
これによって、VSCode での開発・ブログ記事執筆時に DocBase からメモを取得したり投稿したりできます。

## 接続方法

1. コマンドパレットを開き（`Cmd + Shift + P`, `Ctrl + Shift + P`）、「サーバーの追加」をクリック
    - ![スクリーンショット 2025-08-21 13.03.05.png](https://image.docbase.io/uploads/759d1597-723f-4410-99fd-51bf095cd757.png =638x222)
1. サーバーの種類は「HTTP」を選択
    - ![スクリーンショット 2025-08-21 13.03.15.png](https://image.docbase.io/uploads/dcd5b87f-ecf2-46b9-8e45-4d4925af4749.png =681x127)
1. サーバーのURLに `https://mcp.docbase.io/mcp` を入力
    - ![スクリーンショット 2025-08-21 13.03.45.png](https://image.docbase.io/uploads/c0aa9c48-e1b9-48d8-9d7a-5b6e75b90583.png =680x99)

1.  サーバーのIDは任意の値を入力
    - ![スクリーンショット 2025-08-21 13.03.58.png](https://image.docbase.io/uploads/e9785eea-d866-47e5-9399-88a2a3e65ed3.png =692x101)
1. MCP サーバー定義による認証の確認ダイアログで「許可」をクリック
1. 「別のアカウントにサインインする」をクリック
    - ![スクリーンショット 2025-08-21 13.05.07.png](https://image.docbase.io/uploads/5a590737-40ea-41d1-8344-9bb4db585a16.png =638x119)
1. DocBase の OAuth 認可画面に従い認可を完了させる
1. VSCode上で、追加したMCPサーバーが「実行中」となり、ツールを取得できていれば完了 :white_check_mark: 
    - ![スクリーンショット 2025-08-21 13.06.16.png](https://image.docbase.io/uploads/0d8c55ba-661c-47b6-8ff8-709934441e7e.png =WxH)