LT first

Transcript

1. AIにフロントエンドの テスト駆動開発を 行わせてみた 2026/07/24 FE Yatai Talks vol.2 kishimin
2. 自己紹介 石峰 和真 @kishimin_test 応研株式会社 UIエンジニア 最近『円周率』にはまっています。
3. 内容 なぜAIに任せたか 使用した AI 作ったもの 工夫したこと 良かったところ 良くなかったところ 改善・次に試したいこと
4. なぜAIに任せたか AIがどこまで開発を進められるのか試すため AIがTDDを行えるかを試すため
5. 使用した AI Codex (主) GitHub Copilot
6. 作ったもの 日記を公開閲覧できる フルスタックのWebアプリ 『つづる日記(Daybook)』 フロントエンド: Next.js
7. 工夫したこと 1. Orchestrator Agentの作成 Red Agent→Green Agent→Refactor Agentの順に呼び出す 2. GitHub Copilot用のTDDに関するInstructionsを作成 3. 実装以外でもテストファーストで、修正などを行わせるように修正 用のエージェントなどに指示を書いた
11. 参考にしたもの https://t-wada.hatenablog.jp/entry/canon-tdd-by-kent-beck https://speakerdeck.com/twada/tdd-live-in-50-minutes
12. 良かったところ 1. Red Agent→Green Agent→Refactor Agent の順で動作していたこと 2. テストファーストで修正や実装をしていたこと 3. リリースしても問題ないアプリを早く開発できたこと
13. 良くなかったところ (AI) 1. スモールステップではなかった。 2. コミットが大きかった 3. サンプルデータの日付がハードコードされていた
14. 良くなかったところ (自分) 1. Codex用のTDDに関するSkillsを用意しなかった。 2. リファクタリング方針が曖昧だった。
15. 改善・次に試したいこと 1. Codex用のTDDのSkillsを作成して、 スモールステップで実装を行わせる 2. リファクタリングの時に コードの質が改善されるようにする
16. ご清聴ありがとうございました。