🥋 AI Coding Dojo
AIの編集を理解し、自分の成長に変える VS Code 拡張機能
AI（GitHub Copilot など）がコードを書いたとき、「何が変わったか」「なぜそう書くのか」「何を学べるか」をリアルタイムで解説します。学びを蓄積してレベルアップし、クイズで定着させましょう。
✅ 動作要件
| 必須 |
詳細 |
| GitHub Copilot |
無料の Copilot Free プランで利用できます（有料プラン不要） |
| VS Code |
バージョン 1.96.0 以上 |
Copilot Free で使えます
- 月 2,000 リクエストまで無料（1 回の解説 = 1〜2 リクエスト）
- 1 日 60 件以上の解説をしない限り上限には達しません
- Copilot Pro / Business でも利用可能
Copilot をまだ使っていない場合:
- GitHub Copilot Free に登録（GitHub アカウントが必要）
- VS Code に GitHub Copilot 拡張機能 をインストール
- VS Code で GitHub アカウントにサインイン（左下のアカウントアイコン）
🚀 主な機能
AIの変更を自動検知・解説
Copilot などの AI がコードを書くと、自動で変更を検知してサイドパネルに解説を表示します。
- 📌 変更前の課題 — なぜ変更が必要だったか
- 🔄 何が変わったか — コードの変更内容
- 💡 なぜ良いのか — 設計意図・パターン名・メリット
- ⚠️ 注意点 — トレードオフや気をつける点
- 🎯 学びポイント — この変更から得られる技術知識
- 📖 用語集 — 登場する関数・構文をタップで詳細解説
インタラクティブ解説
- 行クリック — コードスニペットの1行をクリックしてその行を詳細解説
- 行番号クリック — 複数行を選択して範囲まとめ解説
- 単語ダブルクリック — キーワードをダブルクリックしてズームイン解説
- 用語タップ — 用語集の項目をタップして引数・挙動・使用例を展開
学習継続機能
- 📊 レベル & XP システム — 解説を読むごとに XP 獲得、ステータスバーに表示
- 📝 クイズ — 学習した内容から4択クイズを自動生成
- 📚 学習ログ — 過去の解説を一覧・再表示
- 📈 週間サマリー — 今週の学習傾向・獲得 XP を表示
- 💬 AI チャット — 解説のわからない点を直接 AI に質問
📖 使い方
1. 自動解説（推奨）
Copilot などで AI にコードを書かせるだけで、自動的に解説が表示されます。
2. 手動トリガー
直前の変更を手動で解説させたい場合:
- コマンドパレット（
Ctrl+Shift+P）→「直前の変更を解説」
- キーボードショートカット
Ctrl+Shift+D
- エディタ右クリック → 「直前の変更を解説」
3. CodeLens
変更行の上に表示される「🥋 この変更を解説」リンクをクリック
⚙️ 設定
| 設定キー |
既定値 |
説明 |
aiCodingDojo.explanationLevel |
intermediate |
解説の詳細度（beginner / intermediate / advanced） |
aiCodingDojo.autoDetect |
true |
AI編集の自動検知 ON/OFF |
aiCodingDojo.detectionSensitivity |
medium |
検知感度（low=10行〜 / medium=5行〜 / high=3行〜） |
aiCodingDojo.dailyFreeLimit |
50 |
1日の解説上限（超えると解説を停止） |
aiCodingDojo.language |
ja |
解説言語（ja / en） |
aiCodingDojo.model |
gpt-4o-mini |
使用するAIモデル |
aiCodingDojo.autoQuiz |
false |
解説後に自動でクイズを生成 |
🔒 プライバシーについて
- 解説生成時にコードの一部（変更前後の差分）が GitHub Copilot のモデルに送信されます
- ローカルに保存されるデータ: 学習ログ、XP、クイズ履歴（VS Code の
globalState に保存）
- 外部サーバーへのデータ送信はありません（Copilot API のみ）
❓ トラブルシューティング
Q: 解説が表示されない
- GitHub Copilot 拡張機能がインストールされているか確認
- VS Code で GitHub アカウントにサインインしているか確認
- サイドバーの 🥋 アイコンをクリックしてパネルを開く
Q: 自動検知されない
- 設定の
autoDetect が true になっているか確認
- 検知感度（
detectionSensitivity）を high に変更してみる
- 5行以上の変更に対して検知されます（sensitivity: medium の場合）
Q: 「Copilot に接続できません」と表示される
- GitHub Copilot 拡張機能の再起動
- VS Code の再起動
- GitHub アカウントからサインアウトし、再サインイン
📄 ライセンス
MIT
| |
