GitHub Dav Days Fukuoka/githubdavdaysfukuoka_20261017

Transcript

1. Rediscovering GitHub Copilot: What’s New GitHub Dev Day 2026/10/17 GitHub Copilotの5年間を振り返る あらためて知る、 最近のGitHub Copilot Hirono Baba GitHub Dev Days | 最近のGitHub Copilot 01
2. PROFILE / 自己紹介 自己紹介 馬場 ひろの 株式会社オルターブース • 最近育休から復帰しました • Microsoft MVP（Developer Technologies） • GitHub、.NET、Azure • トレーニングやコンサル、開発やってます • 認定スクラムマスター GitHub Dev Days | 最近のGitHub Copilot 02
3. HISTORY / 今日の地図 GitHub Copilotの歴史 （全リリースを網羅した年表ではありません） 2021.06 Code Completion 2023.12 Copilot Chat 2024.11 2025.02 Copilot Edits, Agent mode, Custom Prompt files Instructions 2025.04 2025.05 2025.10 2025.12 Custom Instructions, MCP, Copilot code review Coding Agents Custom Agents Agent Skills ※プレビュー、GA混じってます 休職① 2024.12–2025.02 GitHub Dev Days | 最近のGitHub Copilot 休職② 2025.06–2026.08 03
4. 2021.06 / コード補完 はじめはコードの続きを提案してくれる存在 書きかけのコードやコメントを手がかりに、行や関数を提案する 人が書き進める 1. 提案を確認する 2. 採用するか判断する 3. 必要なら書き直す 支援の単位は、入力中のコード。まずは「続きを書いてもらう」体験。 GitHub Dev Days | 最近のGitHub Copilot 04
5. 2023.12 / Copilot Chat Chatが登場し、コードについて会話できるように コード生成だけでなく、説明・修正・テスト作成を対話で依頼する 変化したこと 1. 書いている途中だけでなく、 困ったときにも使える 2. 提案を受け取るだけでなく、 会話で掘り下げられる 3. 「何をしてほしいか」を 直接伝えられる 補完は入力の途中を支援。Chatは、質問や依頼を起点に対話する。 GitHub Dev Days | 最近のGitHub Copilot 05
6. 2024.11 / Copilot Edits Editsで、複数ファイルの変更も依頼できるように Copilot Edits：2024年11月にプレビューとして紹介 対話しながら、指定した複数ファイル の変更を確認・採用する 変化したこと Working Set TodoItem.tsx 1. 複数ファイルをまとめて編集 TodoItem.tsx - <div>{item.title}</div> 2. 変更をコード上で確認・採用 + <div>{item.title}</div> + <span>{item.dueDate}</span> 3. 追加の指示で続けて調整 TodoForm.tsx TodoList.tsx types.ts 却下 採用 対象ファイルを指定 → 編集を提案 → 差分を確認して採用。ここまでが休職前。 GitHub Dev Days | 最近のGitHub Copilot 06
7. 2025.02 / Agent mode Agent mode：必要な作業を、反復して進める 2025年2月プレビュー。MCP対応のVS Code展開は2025年4月。 Edits Agent mode 人が対象ファイルを指定 関連するファイルを調べる Copilotが編集を提案 編集・コマンド・テストを組み合わせる 人が実行・結果を確認 結果を見て修正を繰り返す MCPは「外部ツールとつなぐ仕組み」。Agent modeそのものとは別の概念。 GitHub Dev Days | 最近のGitHub Copilot 07
8. OVERVIEW / キャッチアップする機能 復帰したら、理解したい仕組みが一気に増えていた 「全部が休職中に新登場」ではなく、復帰時にまとめてキャッチアップした変化 MCP Custom Instructions Prompt files 外部ツールやサービスと接 続し、情報の取得や操作を 行う コーディング規約など、 Copilotに守ってほしい共 通ルールを伝える よく使う依頼をファイルに まとめ、繰り返し呼び出す Custom Agents Agent Skills Copilot code review 指示や使用ツールを設定し、 特定の役割に合わせたエー ジェントを作る 特定の作業に必要な手順・ スクリプト・参考資料をま とめ、必要に応じて読み込 ませる コードの変更をレビューし、 問題点や修正案を提示する GitHub Dev Days | 最近のGitHub Copilot 08
9. 2025.04 / MCP対応 MCP：Copilotを外部ツールにつなぐ 外部の情報を取得する ／ 外部サービスを操作する ／ 必要なツールを利用する 依頼例：GitHub MCPを使った作業 GitHub MCPでIssue #42を読み、 対応方針をコメントして 作業の流れ Issueを取得し、Copilotが対応方針を作成 GitHub MCP経由でコメントを投稿 GitHub MCPの接続先 CopilotがGitHub MCPを介して GitHubのIssueに接続 Issueの内容を取得し、 コメントを投稿する 説明用の例です。接続設定と、Issueの読み取り・コメント投稿に必要な権限が必要です。 GitHub Dev Days | 最近のGitHub Copilot 09
10. 2024.11・2025.04 Custom Instructions / 2025.02 Prompt files 毎回の説明を、「ルール」と「依頼」に分けて再利用 以下はVS Code向けの説明用最小例。対応範囲は利用環境によって異なる。 .github/copilot-instructions.md .github/prompts/add-tests.prompt.md # プロジェクトのルール - 既存の構成に合わせる --name: add-tests --対象コードの単体テストを追加する。 正常系・境界値・異常系を含める。 共通の前提を、適用条件に応じて渡す /add-tests と呼び出す - TypeScriptを使用する - テストはVitestで記述する Instructions＝いつものルール、Prompt files＝繰り返し使う依頼 GitHub Dev Days | 最近のGitHub Copilot 10
11. 2025.10 / Custom Agents Custom Agents：役割を持ったエージェントを作る 毎回「あなたはドキュメント担当です」と説明する代わりに、役割を定義する .github/agents/docs.agent.md --name: docs description: ドキュメント整備を担当する --変更内容を確認し、READMEの更新案を作る。 実装コードの変更は目的に含めない。 定義するもの 役割と指示 必要に応じたツール 利用環境に応じたモデル 役割の指示は、権限の強制ではない。操作を制限するならツール設定も確認。 GitHub Dev Days | 最近のGitHub Copilot 11
12. 2025.12 / Agent Skills 繰り返し使う手順や知識をCopilotにまとめて渡す Instructionsだけでなく、スクリプトやテンプレートも一緒にまとめる 説明用ディレクトリ構成 SKILL.md：説明用の最小例 .github/skills/webapp-test/ SKILL.md test-template.ts examples/ --name: webapp-test description: Webアプリのテスト追加時に使う --既存テストを確認してケースを整理する。 [test template](./test-template.ts)を参照する。 関連する作業で読み込まれる。常に必ず呼ばれるわけではない。 Instructions＝共通ルール。Agent＝役割。Skill＝特定作業の手順とリソース。 GitHub Dev Days | 最近のGitHub Copilot 12
13. 2025.04 / Copilot code review コードを書く支援から、レビューの支援まで 2025.04 GA → 2026.03 エージェント型の仕組み → 2026.07 MCP・Skills対応GA レビュー対象の説明用コード function average(values) { return values.reduce((a, b) => a + b, 0) / values.length; } 指摘のイメージ 「空配列の場合、NaNになります。 期待する動作を決め、 テストを追加しましょう」 ※コードとコメントは説明用に作成した例。実際のCopilotレビュー結果ではありません。 指摘を受ける → 妥当性を確認する → 修正する。人のレビューを不要にはしない。 GitHub Dev Days | 最近のGitHub Copilot 13
14. PUT IT TOGETHER 増えた仕組みを、一つの開発フローで整理する 例：ToDoに期限日を追加する。各機能は組み合わせられるが、全部が必須ではない。 要件を知る MCP Issueなどの外部情報を取得 ルールを渡す Instructions 言語・規約・テスト方法を共有 依頼を再利用する Prompt files 繰り返す依頼を定型化 作業を進める Agent ＋ Custom Agents 調査・編集・実行。必要な役割を選ぶ 手順を使う Agent Skills 特定作業の手順や資料を参照 変更を確認する Copilot code review ＋ 人 指摘と差分・テストを確認して採用 機能名ではなく「何を補いたいか」で選ぶ。足りないところから、一つずつ。 GitHub Dev Days | 最近のGitHub Copilot 14
15. NEXT STEP まとめ 進化していくGitHub Copilot コード補完・相談 作業を進める・ 外部とつながる 自分たちの開発に 合わせる • Code Completion • Chat • Agent • MCP • Copilot code review • • • • Custom Instructions Prompt Files Custom Agents Agent Skills コードの続きを提案するところから、開発作業を任せるところへ GitHub Dev Days | 最近のGitHub Copilot 15