はじめに

hkob の雑記録の第188回目は、昨日紹介した Notion remote MCP サーバを VSCode から使ってみようと思います。

Beta Overview: Notion MCP

とりあえず、Notion remote MCP サーバを使うのであれば、まずオフィシャルの Beta Overview を読んでみることにしましょう。

notion.notion.site

この中で Other AI tools というところをみると、JSON で MCP server の設定を書けばいいとあります。これだけ記録しておきます。VSCode の MCP の設定時にこの情報を書けばよさそうです。

Some common MCP clients

VSCode のことを調べようと思ったら、Notion MCP の説明文書の次のページに Some common MCP clients というページがあり、そこに Cursor, VS Code, Windsurf, Claude Code のマニュアルへのリンクが紹介されていました。ここで、VS Code のページに飛んでみます。

developers.notion.com

リンク先は、VSCode のマニュアルページで「Use MCP servers in VS Code (Preview)」となっていました。

code.visualstudio.com

必要なのは最新版の Visual Studio Code と Copilot のようです。とりあえず、このページを読み進めてみると、ワークスペースで設定するか個人で設定するかを選べるようです。今回は個人の setting.json に書いてみることにします。設定方法はこんな感じで書かれていました。

先ほどの Notion のページに書かれていた情報をもとに以下のように設定してみました。

    "mcp": {
        "servers": {
            "notionMCP": {
                "command": "npx",
                "args": ["-y", "mcp-remote", "https://mcp.notion.com/sse"]
            }
        }
    }