【2026年版】Claude Desktop + GitHub MCP 完全セットアップガイド - 初心者でも30分で完了

AI & Next Tech
スポンサーリンク
スポンサーリンク

はじめに

Claude Desktop + GitHub MCP(Model Context Protocol) を使えば、あなたのGitHubリポジトリ全体をClaudeから直接操作できます。

この記事では、完全初心者でも30分でセットアップできるよう、すべての手順を画像付きで詳しく解説します。

🎯 このセットアップで得られるもの

セットアップ完了後、以下のことが可能になります:

✅ ファイルサイズ制限なし(プロジェクト機能の4KB制限を回避)
✅ リポジトリ全体にリアルタイムアクセス
✅ ファイルの読み書き・編集
✅ Issue/PR管理
✅ 常に最新版を参照
✅ プライベートリポジトリにもアクセス可能

具体的な活用例

あなた: 「caytech-blog-repoのscripts/publish.jsの行742-766を確認して」

Claude: 
[GitHub MCPでリポジトリから最新版を取得]
[35KB全文を確認]
「複数スラッグ対応が正しく実装されています...」

プロジェクトファイルの4KB制限から完全に解放されます!

詳しい問題背景はこちら:

【2026年1月】Claudeプロジェクトのファイル文字化け問題と解決法 - UTF-8 BOM付き保存の効果
はじめにClaudeのProプラン以上で利用できる「プロジェクト機能」で、JavaScriptファイルをアップロードすると日本語コメントが文字化けするという問題に遭遇しました。本記事では、この問題の原因究明から解決までの実体験を詳しく解説し...

📋 事前準備

必要なもの

項目要件備考
OSWindows 10/11Mac/Linuxも対応
Node.js16以上未インストールでもOK
GitHubアカウント必須無料アカウントでOK
ClaudeプランPro以上Free版は非対応

所要時間

  • 初めての方: 約30分
  • 経験者: 約10分

🚀 ステップ1: Node.jsインストール

すでにNode.jsがインストールされている方はステップ2へ。

1-1. Node.jsのダウンロード

  1. Node.js公式サイトにアクセス
  2. 「LTS(推奨版)」 をクリックしてダウンロード

1-2. インストール

  1. ダウンロードした.msiファイルを実行
  2. すべてデフォルト設定で「Next」をクリック
  3. 「Automatically install the necessary tools」に✅チェック
  4. インストール完了まで待機

1-3. 確認

コマンドプロンプトを開いて確認:

node --version

npm --version
# 10.x.x のように表示されればOK

📥 ステップ2: Claude Desktopアプリのインストール

2-1. ダウンロード

  1. Claude公式サイトにアクセス
  2. Windows版をダウンロード

2-2. インストール

  1. ダウンロードした.exeファイルを実行
  2. インストーラーの指示に従う
  3. Claude.aiアカウントでログイン

🔑 ステップ3: GitHub Personal Access Token (PAT) の作成

3-1. GitHubにアクセス

  1. GitHub Settings - Tokensにアクセス
  2. 「Generate new token」 をクリック
  3. 「Generate new token (classic)」 を選択

3-2. トークンの設定

項目設定値
Note(名前)Claude Desktop MCP
Expiration(期限)No expiration(推奨)

Select scopes(権限):

以下の項目に✅チェックを入れます:

✅ repo (Full control of private repositories)
  ├─ repo:status
  ├─ repo_deployment
  ├─ public_repo
  └─ repo:invite

✅ workflow (Update GitHub Action workflows)

✅ admin:org → read:org 
  └─ (Read org and team membership)

✅ user (Update ALL user data)
  └─ user:email

3-3. トークンをコピー

  1. 「Generate token」 をクリック
  2. 表示されたトークン(ghp_xxxxxxxxxxxx)をコピー
  3. 必ず安全な場所に保存(二度と表示されません)

⚠️ 重要: このトークンはパスワード同様に重要です。他人に見せたり、公開リポジトリにコミットしないでください。

⚙️ ステップ4: Claude Desktop設定ファイルの編集

4-1. 設定ファイルを開く

方法A: エクスプローラーから

  1. Windowsキー + R を押す
  2. %APPDATA%\Claude と入力してEnter
  3. claude_desktop_config.json を右クリック
  4. 「プログラムから開く」→「メモ帳」または「VSCode」

方法B: コマンドプロンプトから

notepad %APPDATA%\Claude\claude_desktop_config.json

4-2. 設定内容を記述

ファイルが空の場合は、以下をそのままコピー&ペースト:

{
  "mcpServers": {
    "github": {
      "command": "npx",
      "args": ["-y", "@modelcontextprotocol/server-github"],
      "env": {
        "GITHUB_PERSONAL_ACCESS_TOKEN": "ghp_YOUR_TOKEN_HERE"
      }
    }
  }
}

重要: ghp_YOUR_TOKEN_HERE を、ステップ3でコピーした実際のトークンに置き換えてください。

4-3. 保存

Ctrl + S で保存して、ファイルを閉じます。

🔄 ステップ5: Claude Desktopを再起動

  1. Claude Desktopを完全に終了
    • ウィンドウを閉じるだけでなく、タスクトレイのアイコンも右クリック→「終了」
  2. Claude Desktopを起動

✅ ステップ6: 動作確認

6-1. 新しいチャットを開始

Claude Desktopで新しいチャットを作成します。

6-2. テスト

以下のように質問してみてください:

私のGitHubリポジトリ一覧を表示してください

または

caytech-blog-repoリポジトリの構造を教えてください

6-3. 成功の確認

Claudeが以下のように応答すれば成功です:

  • 🔨 ハンマーアイコンが表示される
  • GitHubリポジトリ情報が取得される
  • ファイル一覧が表示される

🎉 セットアップ完了!

おめでとうございます!これでClaude DesktopからGitHubリポジトリ全体にアクセスできるようになりました。

💡 実際の使い方

📂 ファイルを読む

caytech-blog-repoの「scripts/publish.js」の内容を全て表示してください

35KB全文が表示されます

📝 複数ファイルを確認

以下のファイルを確認して、全体の構造を教えてください:
- scripts/publish.js
- scripts/check-posts.js  
- readme/USAGE.md

🔍 コードレビュー

publish.jsの行742-766の複数スラッグ対応が
正しく実装されているか確認してください

📊 リポジトリ全体の分析

caytech-blog-repoの全体構造を分析して、
改善点を提案してください

📥 Issueを作成

「publish.js複数スラッグ対応の実装完了」という
Issueを作成してください

🔄 最新の変更を確認

caytech-blog-repoの最近のコミット履歴を表示して、
どんな変更があったか教えてください

🛠️ トラブルシューティング

❌ 「Could not connect to MCP server」エラー

原因1: Node.jsが正しくインストールされていない

node --version
npm --version
# 両方が表示されればOK

表示されない場合は、ステップ1に戻ってNode.jsを再インストールしてください。

原因2: トークンが間違っている

  • claude_desktop_config.jsonのトークンを再確認
  • GitHubで新しいトークンを作成し直す

原因3: 設定ファイルのJSON形式が間違っている

  • カンマ、括弧の位置を確認
  • JSONLintで検証

❌ ハンマーアイコンが表示されない

  1. Claude Desktopを完全に終了
  2. タスクマネージャーで「Claude」プロセスが残っていないか確認
  3. Claude Desktopを再起動

❌ ファイルが読めない

スコープ不足の可能性

GitHubでトークンの権限を再確認:

  • repoスコープが✅チェックされているか
  • トークンが有効期限切れになっていないか

💰 料金について

項目料金
Claude DesktopProプラン料金のみ($20/月)
GitHub MCP Server無料
GitHub API無料(5000リクエスト/時)

追加料金は一切かかりません。

📊 トークン消費について

重要な事実

claude.ai (Web) + Claude Desktop + Claude Code
        ↓
     同じアカウント
        ↓
   同じusage limit(5時間ごとに約44,000トークン)

GitHub MCPのトークン消費

GitHubリポジトリ全体のサイズは直接的には影響しません

重要なのは:

  1. MCPツールの定義:約5,000トークン(常時)
  2. 実際に取得したファイル:内容次第

実例

リポジトリサイズ: 数MB
↓
MCPツール定義: 約5,000トークン
publish.js読み込み: 約8,000トークン(35KB)
↓
合計: 約13,000トークン(Proプランの約30%)

🎯 次のステップ

セットアップが完了したら、Claude Desktopを最大限に活用しましょう:

【2026年版】Claude Desktop 効果的な活用ガイド - メリット・デメリット・ベストプラクティス完全版
はじめにClaude Desktopは、Claudeをネイティブアプリとして利用できる強力なツールです。本記事では、Web版との違い、効果的な使い方、トークン消費を最小化するテクニック、そして今後の展望まで、実践的な知見を完全網羅します。(...

📚 関連記事

【2026年1月】Claudeプロジェクトのファイル文字化け問題と解決法 - UTF-8 BOM付き保存の効果
はじめにClaudeのProプラン以上で利用できる「プロジェクト機能」で、JavaScriptファイルをアップロードすると日本語コメントが文字化けするという問題に遭遇しました。本記事では、この問題の原因究明から解決までの実体験を詳しく解説し...

📝 まとめ

セットアップの流れ

1. Node.jsインストール(10分)
   ↓
2. Claude Desktopインストール(5分)
   ↓
3. GitHub PATを作成(5分)
   ↓
4. 設定ファイル編集(5分)
   ↓
5. 再起動&確認(5分)
   ↓
✅ 完了!

得られたメリット

  • ✅ ファイルサイズ制限なし
  • ✅ リポジトリ全体にアクセス
  • ✅ 常に最新版を参照
  • ✅ ファイルの読み書き
  • ✅ Issue/PR管理
  • ✅ プライベートリポジトリ対応

よくある質問

Q: プロジェクトファイルはまだ使えますか?

A: はい。小さなドキュメントファイル(README.mdなど)にはプロジェクトファイルが便利です。大きなコードファイルはGitHub MCPを使いましょう。

Q: 複数のリポジトリにアクセスできますか?

A: はい。同じGitHubアカウントで管理している全てのリポジトリ(プライベート含む)にアクセスできます。

Q: トークンを更新したい場合は?

A: GitHubで新しいトークンを作成し、claude_desktop_config.jsonのトークンを更新して、Claude Desktopを再起動してください。

参考リンク


更新履歴

  • 2026-01-24: 初版公開

コメント