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

2025/7/18に開催された、Azure OpenAI Service Dev Day 2025での懇親会LTです。
6月のLTの内容ほぼそのままですが、ドメインエキスパートと共同で開発をすると良さそうという内容を追記しています。

https://azureai.connpass.com/event/354972/

Transcript

1. Copyright © 2015-2025 ALTERBOOTH inc. All Rights Reserved. モック作りのお供に GitHub Coding Agent 木村健一郎 2025年7月18日 Azure OpenAI Service Dev Day 2025 懇親会LT
2. Copyright © 2015-2025 ALTERBOOTH inc. All Rights Reserved. 名前 ：木村健一郎(しょーちゃん) 所属 ：株式会社オルターブース JAWS-UG福岡 SORACOM UG九州 AWS Community Builders(4年目) 娘ちゃんのパパ(8歳0ヶ月) お仕事：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/7/18現在)
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に聞こう • モデルの知識量を有効活用する • 「一般的な◦◦について」という便利ワード • ドメインエキスパート「に」指示してもらう • 業務知識に基づいた、モックから本番システムへの変更依頼はドメインエキスパートに直接 Coding Agentに指示してもらうと良いかもしれない • Coding Agentをハブとして、ドメインエキスパートの知識とエンジニアの知識を集結させる • 自分の知ってることはAIに伝える • アーキテクチャを設計するのがとても大事 • 以下のリポジトリにIssue/PullRequest/サンプルコードを置いてるので参 考にしてください • https://github.com/kenichiro-kimura/sample-bookshop-by-coding-agent • だいたい30分くらいでここまで完成してます(コードは書いてないです)
17. Copyright © 2015-2025 ALTERBOOTH inc. All Rights Reserved.