GitHub Copilot をエディタに導入し、補完・Chat・エージェントモードを使い分けて書く速さを上げられる
「打つそばから、続きが浮かぶ。」
| このレベルで身につけること GitHub の Copilot をエディタ（VS Code）に導入し、3つの使い方——コード補完（入力中に続きを提案）・Copilot Chat（質問・修正）・エージェント（複数ファイルの作業）——を使い分けられるようになる。ターミナル中心の前2つとは違う、“エディタに寄り添う”タイプの道具を体験する。 学習の流れ：① Copilotとは → ② 導入する → ③ 補完とChat → ④ エージェントとCLI → ⑤ 小さなタスクを完走する |
📌 前回までの振り返り：Claude Code・Codex は「ターミナルで頼んで任せる」タイプでした。Copilot は主にエディタの中で、あなたが書くのをとなりで助けるタイプ。役割の違いに注目してください。
プランや上限は変わりやすいです。 無料枠の数値などの最新は、公式ドキュメント
docs.github.com/copilotを正としてください。
GitHub Copilot は、GitHub社のAIコーディング支援です。エディタの中で、主に3つの顔を持ちます。
| 顔 | はたらき |
|---|---|
| コード補完 | 入力中に、続きのコードを薄い文字（ゴーストテキスト）で提案。Tab で採用 |
| Copilot Chat | エディタ内のチャットで質問・説明・修正（/explain /fix /tests など） |
| エージェント | ゴールを伝えると、複数ファイルにまたがる作業を自分で進める |
前の2レベルが「ターミナルで頼む」だったのに対し、Copilot は書いているそばで寄り添うのが持ち味です。
| ポイント | Copilot は「打つ前に全部頼む」より「打ちながら助けてもらう」。タイピングの延長で使えるのが特徴。 |
いちばん簡単な VS Code での手順です。
github.com で無料作成）。code.visualstudio.com）。| プラン | ざっくり |
|---|---|
| Copilot Free | 無料。補完・チャットに月ごとの上限あり（数値は変わるので公式で確認）。まず試すのに十分 |
| Copilot Pro など | 有料。補完が無制限になり、使えるモデルやエージェント機能が広がる |
Copilot は VS Code 以外（JetBrains・Visual Studio・Neovim など）や、
github.com、ターミナル（CLI）でも使えます。 まずは VS Code で基本をつかみましょう。
| ポイント | 「GitHubアカウント＋VS Codeに拡張を入れてサインイン」。これだけで、無料からすぐ始められる。 |
コードを書いていると、続きが薄い文字で提案されます。良ければ Tab で採用、いらなければ Esc で消えます。 コメントで「何をしたいか」を書くと、それに沿ったコードを提案してくれます。
例：
# 数字を2乗して返す関数と書いて改行すると、関数の中身が提案される → Tab で採用。
エディタ内のチャットで、日本語で相談できます。よく使うスラッシュコマンドはこの3つ。
| コマンド | はたらき |
|---|---|
/explain | 選んだコードが何をしているか、やさしく説明 |
/fix | エラーの修正や、より良い書き方を提案 |
/tests | そのコードの動きを確かめるテストを生成 |
| ポイント | 「補完」で速く書き、「Chat の /explain」で意味を確かめる。書く速さと理解を両立できる。 |
エージェントモードは、ゴールを伝えると、複数のファイルにまたがる作業を自分で計画して進めるモードです。 途中でコマンドを実行したり、自分で直したりしながら進み、あなたが変更を確認・承認します。
さらに コーディングエージェント（クラウド） では、GitHub上の課題（Issue）を Copilot に割り当てると、 裏で作業してプルリクエスト（変更の提案）を下書きしてくれます。もちろん、取り込む前に人がレビューします。
Copilot CLI（一言）：ターミナルでも Copilot を使えます（
npm install -g @github/copilot、Node.js 22以降）。今は「そういう形もある」と知っておけば十分です。
| ポイント | 小さな補助は「補完／Chat」、大きめの作業は「エージェント」。規模で使い分けると効率がよい。 |
VS Code で、新しいファイル hello.py を作って試しましょう。
# 名前を受け取って「こんにちは、◯◯さん」と返す関数/explain → 何をしているか説明してもらう。/tests → 動きを確かめるテストを作ってもらう。| ポイント | 採用したコードは、必ず /explain で意味を確かめる。「動く」だけでなく「わかる」状態にしてから次へ。 |
| 提案を読まずに Tab で採用し続けてしまう 補完は気持ちよく、つい中身を見ずに Tab を押し続けがちです。しかしCopilotの提案は、誤っていたり・意図と違ったり・世の中の公開コードと一致していることもあります（Copilotには一致をブロックする設定があります）。また、機密情報（パスワードやAPIキー）をコードや質問に書くのも危険です。 学び：補完は“提案”であって正解ではない。読んでから採用し、 /explain で確かめる。機密は渡さない。公開コードの一致設定は安全側（ブロック）にしておく。 |
/explain /fix /tests、大きめの作業はエージェント次は 実務演習（exercises.md） で、学んだことを自分の言葉にしてみましょう。
教材を読んだら、必ず手を動かしてください。
以下のシナリオを読んで、空欄を自分の言葉で埋めてください。
シナリオ：友人に「Copilot の補完・Chat・エージェントって、どう違うの？ いつ使い分けるの？」と聞かれました。 それぞれ1文ずつで説明してください。
【参考】こう言えたらOKの例
「補完は、書いてるそばで続きを薄い文字で出してくれるやつ。Tabで採用。Chatは、コードについて質問したり
/explainで説明・/fixで修正してもらうやつ。エージェントは、ゴールを伝えると複数ファイルにまたがる大きめの作業を自分で進めてくれるやつ。ちょい足しは補完、相談はChat、大きい作業はエージェント、って感じで使い分けるよ。」
ポイント：3つの違いと「規模で使い分ける」発想に触れていればOK。
次の場面で、補完／Chat／エージェント のどれが最も合うか選び、理由を一言添えてください。
| 場面 | 選ぶ使い方 | 理由 | |
|---|---|---|---|
| A | 関数を書いている途中、続きをサッと出してほしい | ||
| B | エラーメッセージの意味と直し方を知りたい | ||
| C | 複数のファイルにまたがる、まとまった機能追加を任せたい | ||
| D | 今書いたコードが何をしているか説明してほしい |
【答え合わせ】
| 使い方 | 解説 | |
|---|---|---|
| A | 補完 | 入力中の続きを提案。Tabで採用、いらなければEsc |
| B | Chat（/fix） | エラーの意味と修正案を相談できる |
| C | エージェント | 複数ファイルにまたがる作業を計画して進める。人が承認 |
| D | Chat（/explain） | 選んだコードの意味をやさしく説明 |
ポイント：ちょい足し＝補完、相談＝Chat、大きい作業＝エージェント。
実際に VS Code で Copilot を使い、次のミニタスクを最後までやってみましょう。
お題：新しいファイルに「2つの数の平均を返す関数」をコメントで書き、補完で関数を作る（Tabで採用）。
その関数を選んで Chat で /explain、続けて /tests でテストを作る。生成物は自分で読んで確認する。
| やってみて気づいたこと（ゴーストテキストの見え方・/explainの分かりやすさ・気になった点）： |
**【参考】**ねらいは“補完と理解の両立”の体感です。次ができていれば十分です。
/explain で、採用したコードの意味を自分の言葉に近い説明で確認できた/tests でテストを生成し、自分で読んで確かめたポイント：補完で速く書き、
/explainで意味を確かめる。この両立ができたかどうか。
演習が終わったら、チェックテスト（test.md） で理解度を確認しましょう。
このセクションは、自作LMSの AI評価エンジン（
exercise_answers.ai_score0〜100 /ai_feedback）に接続することを想定しています。
| 演習 | 採点の観点（合格の鍵・3点） |
|---|---|
| 演習1 | ①補完・Chat・エージェントの違いを述べている／②それぞれの用途に触れている／③「規模で使い分ける」発想がある |
| 演習2 | ①判定が妥当（A:補完・B:Chat/fix・C:エージェント・D:Chat/explain）／②理由が用途に合致／③補完とエージェントを取り違えていない |
| 演習3 | ①補完→Tab採用を体験／②/explainで意味を確認／③/testsを生成し自分で読んで確かめた |
あなたは「AIコーディング入門」の講師です。Level 3（GitHub Copilot を使う）の演習回答を採点してください。
【レベルの狙い】Copilot をエディタに導入し、補完・Chat・エージェントを使い分けて書く速さを上げられる
【採点する演習】{{演習番号}}
【採点の観点】{{上表の該当する観点（3点）}}
【受講者の回答】{{answer_text}}
次のJSON形式だけで出力してください。励ます語り口で、専門用語は避けてください。
{
"score": 0〜100の整数,
"good": "良かった点（1〜2文）",
"improve": "もっと良くなる点（1〜2文）",
"one_tip": "次に試すと伸びる具体的な一歩（1文）"
}
全10問・8問以上正解で合格です。すべて選択してから採点してください。
Q1.GitHub Copilot の説明として最も適切なものはどれですか？
Q2.Copilot の主な「3つの顔」の組み合わせとして正しいものはどれですか？
Q3.前の2レベル（Claude Code・Codex）と比べた、Copilot の持ち味はどれですか？
Q4.VS Code で Copilot を使い始める手順として正しいものはどれですか？
Q5.コード補完（ゴーストテキスト）の提案を「採用」するキーはどれですか？
Q6.Copilot Chat の `/explain` のはたらきはどれですか？
Q7.「コードの動きを確かめるテストを作ってほしい」とき、Copilot Chat で使うコマンドはどれですか？
Q8.Copilot の「エージェントモード」の説明として正しいものはどれですか？
Q9.規模に応じた使い分けとして最も適切なものはどれですか？
Q10.Copilot を安全に使うための注意として正しいものはどれですか？
感じたこと・気づいたこと・分からなかった点を一言どうぞ（任意）。送信すると講師に届きます。