GitHub Copilot VS Code セットアップキット

VS Code で GitHub Copilot をすぐに使い始めるためのワンクリックセットアップツールです。 Web UI から設定を選択するだけで、最適な設定ファイル一式をプロジェクトに反映できます。

使い方

1. セットアップページ を開く
2. 必要な設定をチェックボックス・ドロップダウンで選択
3. 「プロジェクトに反映」 ボタンをクリック
4. プロジェクトフォルダを選択 → 設定ファイルが自動で書き込まれます

Chrome / Edge の場合: ファイルがプロジェクトに直接書き込まれます（File System Access API）

その他のブラウザ: ZIP ファイルがダウンロードされます。プロジェクトルートに展開してください。

前提条件

• VS Code がインストール済みであること
• GitHub アカウント を作成済みであること
• GitHub Copilot のライセンスを取得済み（Free / Pro / Business / Enterprise）
• VS Code に GitHub アカウントでサインイン済みであること

生成される設定ファイル

ファイル	説明	必須/任意
.vscode/settings.json	Copilot の動作設定（言語、補完、モデル等）	必須
.vscode/extensions.json	推奨拡張機能の定義	必須
.vscode/mcp.json	MCP サーバー接続設定	任意
.github/copilot-instructions.md	リポジトリレベルの Instructions	必須
.prompts/*.prompt.md	再利用可能なプロンプトテンプレート	任意
.github/agents/*.agent.md	カスタム Agent 定義	任意
.github/skills/*/SKILL.md	Skill 定義	任意

セットアップ項目

必須設定

• 拡張機能: GitHub Copilot 等の推奨拡張機能
• Instructions プリセット: プロジェクトに合った Copilot の応答ルール（汎用/Web開発/データ分析/インフラ）
• Chat 設定: 応答言語、インライン補完、NES 等

任意設定

• MCP サーバー: GitHub / Fetch / Filesystem / Playwright
• Prompt テンプレート: コードレビュー、テスト生成、リファクタリング、コード解説
• カスタム Agent: コードレビュアー、ドキュメント生成
• Skill: コードレビュー、テスト生成
• その他: コミットメッセージ自動生成、ターミナル連携、デフォルトモデル選択

技術構成

• 静的サイト（HTML + CSS + JavaScript）
• ビルド不要、GitHub Pages でそのままホスティング可能
• Chrome / Edge では File System Access API でプロジェクトに直接書き込み
• その他ブラウザでは JSZip で ZIP ダウンロード
• 既存の settings.json / mcp.json がある場合はマージして書き込み

ローカルでの開発

# リポジトリをクローン
git clone https://github.com/ylearning86/copilot-vscode-starter-guide.git
cd copilot-vscode-starter-guide

# ローカルサーバーで確認（任意のHTTPサーバーでOK）
npx serve .

GitHub Pages でのデプロイ

1. GitHub リポジトリの Settings → Pages を開く
2. Source で Deploy from a branch を選択
3. Branch で main / / (root) を選択して Save
4. 数分後に https://ylearning86.github.io/copilot-vscode-starter-guide/ で公開されます

ライセンス

MIT License