GitHub Copilot appとGitHub Copilot CLIとVS CodeのCopilot Chat Agent Modeの使い分け

GitHub Copilot appとGitHub Copilot CLIとVS CodeのCopilot Chat Agent Modeの使い分け
.NETラボ 勉強会 2026年6月
https://dotnetlab.connpass.com/event/390843/

Transcript

1. GitHub Copilot appとGitHub Copilot CLI とVS CodeのCopilot Chat Agent Modeの 使い分け FutureOne株式会社 草場 友光 .NETラボ 勉強会 2026年6月
2. 自己紹介 • .NETラボ勉強会を主宰 • 2022/08-2026 Microsoft MVP (Developer Technologies) • tomo_kusaba • ドラクエ大好き ドラクエ10のプレイ時間→ 1キャラ目：2695時間 2キャラ目：919時間 3キャラ目：797時間 4キャラ目：190時間(配信用)
3. 注意 • 個人の見解・解釈が多分に入っています。 • 見解の相違・事実誤認などありましたらご指摘ください。
4. 今日の目的 • GitHub Copilot appとGitHub Copilot CLIとVS Code とそれぞれが向いている作業の境界を理解できる • .NET開発においてどこから始めると楽か判断基準を持てるよう になる • 6/26断片で書いています。
5. GitHub Copilot appを中心に • 今回はGitHub Copilot appがTechnical previewになっ て間もないことからGitHub Copilot appを中心に話をします。 • GitHub Copilot CLIやVS CodeのCopilot Chat Agent Modeはもう皆さん使い慣れていると思いますので使用感わか りますよね！
6. GitHub Copilot appの立ち位置 • GitHubフローをすべて司る GitHub Copilot Bootcamp .NETラボ 勉 強会 2025年6月を思い 出してください！
7. アプリの概要 何か気づきを与えてくれる 場所 作業をする場所 作業を選択する場所
8. My ｗork • IssueやPRなどの情報が横断的に見られる
9. Workflows • 定型的に作業したいエージェントのタスクを保存してスケジュール または手動実行できる。
10. Search • リポジトリー全体にわたるIssueやPRを検索できる
11. 作業フロー （セッションを開く！）
12. 作業フロー （チャット！）
13. 作業フロー （右上にVSCodeやCreate PRボタン！）
14. 作業フロー （VSCodeボタン押すとVSCode開く！）
15. 作業フロー （右上ボタンでウィンドウ内でdiffを見る）
16. 作業フロー （PRボタンを押す！）
17. 作業フロー （PR完了）
18. 作業フロー （merge）
19. 複数リポジトリーを扱うときの認知負荷 • CLIで複数リポジトリーを扱う →コンソールを複数開く どのコンソールがどのリポジトリーか見分けがつきにくい問題 • appで複数リポジトリーを扱う →左ペインで視覚的に整理されている タイトルバーやどのリポジトリーかがわかりやすい
20. 作業の入り口の変化 • CLIはどのディレクトリーでGitHub Copilot CLIを起動する か？ →リポジトリーに対して作業したいのにローカルの場所に対して の判断 • appでは既定のディレクトリーを起点にgit cloneを自動的にし て作業を始める 一度、アプリに登録したリポジトリーはその後場所を意識すること なくセッションを開始できる （ローカルの場所からの仮想化）
21. 日本語入力中のカーソールが飛ぶ現象 • WindowsコンソールでMS-IMEで入力中にカーソールが思わぬ ところに飛んで行く現象がかつてあった。 • デスクトップアプリであるGitHub Copilot appではこの現象 からは解放されている。
22. 3つ比較 項目 GitHub Copilot CLI VS Code Agent mode GitHub Copilot app 主な入り口 ターミナル エディター GitHub文脈を持つデスク トップアプリ 強いコンテキス ト 開いているファイル選択ファイル ワークスペース Issue、PR、レビュー、CI、 複数リポジトリ 得意な粒度 機能単位、リポジトリー単位 ファイル単位、差分単位 タスク単位、PRライフサイク ル単位 並列作業 可能 セッション管理あり 複数セッション前提 PRまでの導線 作れる クラウド連携で対応可 作成、レビュー、CI確認、 Mergeまで一貫した導線 特徴 コマンドラインオプションとター ミナル起点の操作 細かい制御が可能 エディター統合の強さ GitHub導線とフローの強 さ 自動化を感じやすい
23. GitHub Copilot appの便利ポイント1 • GitHubの仕事を起点に始めやすい • Issueから自然にセッションを始めることができます。 • GitHub Copilot CLIだとWebの画面からIssue番号を探して くるなどの操作が必要です。 （最近のアップデートでそこも選択できるようになりました）
24. GitHub Copilot appの便利ポイント2 • GitHub フローをわかりやすく1つの導線で追うことができる。 • GitHubはもはや単なる開発だけのツールではないです。 • プロジェクトを管理するためのフローの助けになります。
25. GitHub Copilot appの便利ポイント3 • 複数の仕事を同時に持っている人ほど恩恵を受ける • My work/Automations/Search/Sessionsがまとまって いる価値が高い • リポジトリー・セッション単位で見えるので複数の仕事を抱えたと きに認知負荷が下げやすい
26. GitHub Copilot appの便利ポイント4 • 作業の入り口がディレクトリよりリポジトリーとセッションになる • GitHub Copilot CLIはどのディレクトリーで起動するのかが大 切 • GitHub Copilot appはどのリポジトリーを接続してそこから セッションを始める流れ
27. GitHub Copilot appの便利ポイント5 • Plugins機能 • copilot-pluginsやawesome-copilotにあるGitHub Copilot CLIのプラグインをインストールできる機能
28. CLIはMT車・appはAT車と感じるのか 観点 CLI app 操作の起点 自分でプロンプト、作業ディレクトリ などを細かく決める Issue/PR/My work/Automations べーすで作業することができる 作業空間 どのディレクトリで作業するかが自 分で決める セッションごとに分離された作業空間をア プリが作り出す 道具立て コード実装のためのコマンドがいち 早く実装される傾向がつよい。 GitHubフローのためのボタンやコマンド が充実している appはCLIを基盤にしつつGitHubフローの導線を支えるアプリ
29. VS CodeのCopilot Chat Agent Modeの価値 • 開いているファイル • 選択範囲 • これだけに対して差分を見ながら修正したい • 人間がコードを目で見ながら自然言語で指示を出しながらミクロ な範囲で修正する用途は存在する
30. 結論 GitHub Copilot app GitHub Copilot CLI VS Code Issueを起点に計画から始めたい ソリューションを全体をまたぐ実装を一 気に進めたい 小さな修正を素早く回したい 複数リポジトリーのPR・Issueをまと めてみたい コマンドを軸に実装したい 差分をエディターで細かく見たい GitHubのPR・Issueをまとめて検索 したい CLI固有のコマンドライン操作を使いた い 選択範囲ベースでバグ修正したい GitHubフローをまとめて管理したい ターミナルから強く制御したい 既存コードを読みながら局所的に修正したい 定型タスクをAutomationsに残した い SSH、コンテナー、CIなどIDEによら ない環境で使いたい
31. それより大事なこと • 細かい機能を把握すること。機能を把握することは大事。 • でも、それ以上にその製品の設計思想を把握することが大事。 • それぞれ、何を実現したかったのか想像してみましょう！
32. GitHub Copilot CLIが実現したかった こと(妄想) • コマンドベースでのコーディングチャット機能 • AIにとって使いやすいGitHub Copilotのベース機能 • その上で、多機能かつ制御性の高いGitHub Copilot Agent チャット
33. GitHub Copilot appの実現したかっ たこと(妄想) • GitHubワークフローをエージェントベースで再定義したフロント エンド • GitHub Copilot CLIをわかりやすくラップ • ユーザーの思考を奪わないタスクに集中できるフロントエンド
34. VS CodeのCopilot Chat Agent Modeの実現したかったこと(妄想) • VS Codeというエディターの延長線上で便利にGitHub Copilot Agentを統合したもの • エディターであるという強みを生かした高い編集性と局所的な作 業性
35. 宣伝
36. C# Kaigi 2026(9/19)
37. おしまい