GitHub MCP Serverを動かす雑メモ

きっかけ

https://github.blog/changelog/2025-04-04-github-mcp-server-public-preview/
mcpは知っていました。しかし、触ったことなかったのでこの機会に試してみようと考えました。
github mcp serverのリポジトリはこちらです。
https://github.com/github/github-mcp-server

ゴール

VS Codeでgithub-mcp-serverを動かしてtoolを使える状態にする。

検証環境

• MacBook Pro(Intel CPU)
• MacOS Sequoia
• VS Code 1.99.0

必要なもの

1. VS Code
2. GitHubアカウント
3. GitHub Copilot Chatできる環境
4. Docker

1.プロジェクトを作成

mkdir github-mcp

2. .vscodeを作成

mkdir .vscode
cd .vscode
touch settings.json

github-mcp-serverのREADMEから設定記述をコピペする。

{
  "mcp": {
    "inputs": [
      {
        "type": "promptString",
        "id": "github_token",
        "description": "GitHub Personal Access Token",
        "password": true
      }
    ],
    "servers": {
      "github": {
        "command": "docker",
        "args": [
          "run",
          "-i",
          "--rm",
          "-e",
          "GITHUB_PERSONAL_ACCESS_TOKEN",
          "ghcr.io/github/github-mcp-server"
        ],
        "env": {
          "GITHUB_PERSONAL_ACCESS_TOKEN": "${input:github_token}"
        }
      }
    }
  }
}

3. ACCESS TOKENを取得

https://github.com/settings/personal-access-tokens/new
ドキュメントのリンクから取得をしてください。

4. ACCESS TOKENを埋め込む

"${input:github_token}"

上記箇所です。本当は.envで管理したいのですが自分はやり方がわかりません。

5. MCP Serverを起動

1. command + shit + pで「mcp」と入力
2. 「サーバーの一覧表示」をクリック
3. githubを選択
4. 「サーバーの起動」をクリック
   
   

6. コマンド実行

get_meを実行してみます。

get_me - Get details of the authenticated user
No parameters required

無事データが取得できました。

今回はプロジェクト内での設定をしたので別プロジェクトでは#get_meコマンドは候補に出てきません。

今後の展望

MCPはプロトコルらしいのでMCPServerを自作することもできるそうです。簡単なの作ってみます。

MCPのドキュメント
https://modelcontextprotocol.io/introduction
azukiazusaさんのブログ
https://azukiazusa.dev/blog/typescript-mcp-server/

参考記事

https://github.com/github/github-mcp-server
https://zenn.dev/dotdtech_blog/articles/9250aa8303a72f