GitHub Copilot App入門/aadojo13_20260930

Transcript

1. GitHub Copilot App入門 株式会社オルターブース 馬場 ひろの
2. GitHub Copilot App入門 GitHub Copilot Appでつながる開発フロー 株式会社オルターブース 馬場 ひろの Copyright © Alterbooth Inc. All Rights Reserved. 2
3. 自己紹介 馬場 ひろの 株式会社オルターブース • 最近育休から復帰しました • Microsoft MVP（Developper Technologies） • GitHub、.NET、Azure • トレーニングやコンサル、開発やってます • 認定スクラムマスター Copyright © Alterbooth Inc. All Rights Reserved. 3
4. 今日お話しすること 対象者 GitHub Copilotを利用中で、GitHub Copilot Appは初めての方 ✓ お話しすること × 話さないこと 1. GitHub Copilot Appについて • インストール・初期設定 2. SDLCについて • Skills / MCP / Canvas / Automations 3. GitHub Copilot Appの基本操作 4. アプリ改修の操作デモ Copyright © Alterbooth Inc. All Rights Reserved. 4
5. GitHub Copilot Appとは GitHubとAIエージェントをつなぎ、開発作業をまとめて進めるデスクトップアプリ Copyright © Alterbooth Inc. All Rights Reserved. 5
6. 開発体験はここが変わる①：始まる場所 リポジトリではなく「やること」から開発を始める これまで GitHub Copilot App リポジトリを開き、Codeタブやエディタで 該当ファイルを探してから作業を始める My workでIssue・PR・レビュー依頼を一覧し、 選んだ作業からそのままセッションを始める Copyright © Alterbooth Inc. All Rights Reserved. 6
7. 開発体験はここが変わる②：作業の進め方 1つずつ順番に → 作業ごとのセッションで並行して これまで GitHub Copilot App 1つの作業フォルダでブランチを 切り替えながら、作業を1つずつ進める 作業ごとにセッションを分け、それぞれ別の ブランチ・worktreeで並行して進められる Copyright © Alterbooth Inc. All Rights Reserved. 7
8. 開発体験はここが変わる③：レビューやPR ブラウザを開かずに、PRを仕上げられる これまで GitHub Copilot App ブラウザで指摘やエラーを確認し、 エディタに戻って自分で直す レビューの指摘もCIのエラーも、 アプリの中でエージェントに直してもらえる Copyright © Alterbooth Inc. All Rights Reserved. 8
9. SDLCとは ソフトウェア開発ライフサイクル Software Development Life Cycle Plan Plan Monitor Operate SDLC Develop Operate Code SDLC Deploy Deliver Build Test Release DevOpsとは：https://learn.microsoft.com/ja-jp/devops/what-is-devops Copyright © Alterbooth Inc. All Rights Reserved. 9
10. SDLCの各工程でGitHub Copilot Appができること 工程 GitHub Copilot Appができること 主な機能 動画 Plan 仕様と既存コードを読み込み、実装計画を立てる Plan/ Interactive / Autopilot • Code 作業ごとに分かれたセッションで実装し、差分を確認する Autopilot / Changes / Files • Build Terminalでビルドを実行 Terminal Test テストを追加・実行し、失敗したら修正して再実行する Autopilot / Terminal • Release デプロイできる状態に整える Pull Request / Checks • Deploy 環境への展開はGitHub Actionsなどで実施 － － Operate 運用は運用基盤で実施 － － Monitor 監視は監視基盤で実施 － － Copyright © Alterbooth Inc. All Rights Reserved. Test内 10
11. デモを通してGitHub Copilot Appの機能を紹介 小さな機能改修を題材に、操作と画面遷移を見ていく デモの題材 既存のToDoアプリ ✓ タスクを登録 ✓ タスクを編集 ✓ タスクを完了 × 期限日の管理 今日の改修 タスクに期限日を 追加する Copyright © Alterbooth Inc. All Rights Reserved. 11
12. Plan｜Planモードで実装計画、Issueにする Plan Code Build Test Release Deploy Operate Monitor デモ動画 ［動画ファイルの挿入位置］ Copyright © Alterbooth Inc. All Rights Reserved. 12
13. Code, Test｜Autopilotで一気に実装 Plan Code Build Test Release Deploy Operate Monitor デモ動画 ［動画ファイルの挿入位置］ Copyright © Alterbooth Inc. All Rights Reserved. 13
14. Release｜デプロイできる状態に整える Plan Code Build Test Release Deploy Operate Monitor デモ動画 ［動画ファイルの挿入位置］ Copyright © Alterbooth Inc. All Rights Reserved. 14
15. まとめ 今日のデモで体験した流れ Plan Autopilot Release モードを選び、 計画をIssueにする Issueをもとに、 実装・テスト・PR作成まで進める デプロイに向けた 準備を整える Interactive / Plan Autopilot / Cloud Agent デプロイワークフローの準備 実装方針の整理 Changes / Files / Terminal README・ドキュメント整理 Issue作成 実装・テスト・Pull Request作成 リリース可能な状態へ Issueからリリース準備まで、GitHub Copilot Appで進められる 計画・実装・テスト・リリース準備を、ひとつの作業環境でつなぐ Copyright © Alterbooth Inc. All Rights Reserved. 15