モック作りのお供にGitHub Coding Agent

2025/6/21に開催された、GitHub Copilot Bootcamp in FukuokaでのLT資料です。
GitHub Coding Agentを使うと、モックシステムの構築が捗るという発表です。

・自分が明るくない業務のモックを作る時、AIはその業務に関する一般的な知識を持っているはずなのでそれに期待する
・実際の開発フェースでもそのモックが使えるように、アーキテクチャの設計についてはしっかり指示を出す

という2点に気をつけると良いという内容です。

https://connpass.com/event/352478/

Transcript

1. Copyright © 2015-2025 ALTERBOOTH inc. All Rights Reserved. モック作りのお供に GitHub Coding Agent 木村健一郎 2025年6月21日 GitHub Copilot Bootcamp in Fukuoka
2. Copyright © 2015-2025 ALTERBOOTH inc. All Rights Reserved. 名前 ：木村健一郎(しょーちゃん) 所属 ：株式会社オルターブース JAWS-UG福岡 SORACOM UG九州 AWS Community Builders(4年目) 娘ちゃんのパパ(7歳11ヶ月) お仕事：IoT番長 受賞歴：AWS Samurai 2019 APJ Commnity Award 2023(Ownership) SORACOM MVC 2021,2023 好きなAWSサービス ：Lambda、App Runner、IoT Core SNS ： @show_m001
3. Copyright © 2015-2025 ALTERBOOTH inc. All Rights Reserved. 本日のお題 【Q】あなたは優秀なソフトウェアエンジニアです。 今回、特定の業務のためのシステムを新規に作る、というタスク をアサインされました。 あなたはその業務のことをほとんど知らず、どこから手を付けて いいかが分かりません。 あなたならどうしますか？
4. Copyright © 2015-2025 ALTERBOOTH inc. All Rights Reserved. よくあるやり方 • 頑張って勉強する • 同様のシステムがあるならそれを触ってみる • 発注元の、その業務についてよく知っている人(ドメインエキスパー ト)にヒアリングする • 勉強したものに基づいて、発注元と意識のすりあわせをする • イベントストーミング(DDD)を行う • ワイヤーフレームやフロントエンドのモック(Figma便利ですよね)を 見せる
5. Copyright © 2015-2025 ALTERBOOTH inc. All Rights Reserved. とはいえ • 勉強もモック作成も時間かかる • モックはモックであり、実際の開発工程に生かせないことも多 い • なのにモックに時間割きがち もうちょい実際に動くもの見た らイメージ湧くんですけどねー このボタン押したときにこっち をグレーアウトできませんか？
6. Copyright © 2015-2025 ALTERBOOTH inc. All Rights Reserved. つまり僕たちが欲しいのは • あまり時間かからなくて • 知らない業務のこと勉強しないでもとりあえず作れて • ちゃんと動いて顧客にイメージが伝わって • その後の実際の開発でも使える そんなモックを作る方法
7. Copyright © 2015-2025 ALTERBOOTH inc. All Rights Reserved. そんなあなたにGitHub Coding Agent 雑に言うと、CopilotがバックグラウンドでIssueのタスクをこな してくれるような機能 • IssueにCopilotを割り当てる • CopilotがコードとIssueに書かれた内容からタスクを理解し、 実行計画を立てて実施する • できたものを作業ブランチにコミットして、Pull Requestを 作ってくれる • Pull Requestにコメントしたら、それもまたバックグラウンド で解決してくれる • パブリックプレビュー中(2025/6/21現在)
8. Copyright © 2015-2025 ALTERBOOTH inc. All Rights Reserved. AIへの指示は明確かつ具体的に ・・と言われますが、明確にならない場合もあります。 • タスクのゴールがあなたの頭の中にあることであれば、それを 正確にAIに伝える必要があります • ゴールがあなたの頭の中にないものはふわっとしか伝えられま せんが、まずはそれで十分なこともあります • AIはあなたより物知りです。あなたが知らない業務のことも 知ってます
9. Copyright © 2015-2025 ALTERBOOTH inc. All Rights Reserved. やってみた ここでは書店のバックヤード作業を例に取り、以下の2つの機能 のモックを作ってみます • 自店の在庫を検索する • 無い本を発注する
10. Copyright © 2015-2025 ALTERBOOTH inc. All Rights Reserved. やったこと 以下の手順で実装します • ベースとして、C#(ASP.NET Razor Pages)のテンプレートを使 う • リポジトリをGitHubにプッシュする • Issueを作ってcoding agentに依頼する https://github.com/kenichiro-kimura/sample- bookshop-by-coding-agent % dotnet new webapp -o SampleBookShop
11. Copyright © 2015-2025 ALTERBOOTH inc. All Rights Reserved. デモ
12. Copyright © 2015-2025 ALTERBOOTH inc. All Rights Reserved. 在庫検索画面のデモ。 入力項目もそれっぽいし、 ちゃんと検索が動く。
13. Copyright © 2015-2025 ALTERBOOTH inc. All Rights Reserved. 発注画面のデモ。 こちらもそれっぽい。
14. Copyright © 2015-2025 ALTERBOOTH inc. All Rights Reserved. Issueの指示のコツ • 「一般的な◦◦業務に必要と思われるものを入れて」と、AIの知識 に期待する • 「データアクセスはRepositoryパターンを用いて実装し、モックデー タを返すRepositoryの仮実装を行ってください」と、差し替え可能な アーキテクチャで設計し、それを伝える • 実装につかう言語やフレームワーク情報、コーディング規約を伝え る • 全てのIssueで共通のことはカスタムインストラクション(.github/copilot- instructions.md)に記載する • Coding Agentの環境をちゃんと整える • 現状デフォルトの環境では.NET9使えないので勝手に.NET8にコンバートされ た • 環境の依存関係は .github/copilot-dependencies.json に記載する
15. Copyright © 2015-2025 ALTERBOOTH inc. All Rights Reserved. 参考：.NET9の環境で動かす場合 { "dependencies": { "dotnet-sdk": "9.0" } } .github/copilot-dependencies.json
16. Copyright © 2015-2025 ALTERBOOTH inc. All Rights Reserved. まとめ • GitHub Coding Agentはいいぞ • 知らないことはAIに聞こう • モデルの知識量を有効活用する • 「一般的な◦◦について」という便利ワード • ドメインエキスパートにもちゃんと確認しましょう • 自分の知ってることはAIに伝える • アーキテクチャを設計するのがとても大事 • 以下のリポジトリにIssue/PullRequest/サンプルコードを置いてるの で参考にしてください • https://github.com/kenichiro-kimura/sample-bookshop-by-coding- agent • だいたい30分くらいでここまで完成してます(コードは書いてないです)
17. Copyright © 2015-2025 ALTERBOOTH inc. All Rights Reserved.