Upgrade to Pro — share decks privately, control downloads, hide ads and more …

LT first

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for kishimin kishimin
July 24, 2026
Programming
1
0

LT first

Avatar for kishimin

kishimin

July 24, 2026

Other Decks in Programming

See All in Programming
【SRE NEXT 2026 Lunch Session】一人目専任SREの立ち上げを加速する ― AIと進めたオンボーディングで2分を0.04秒にした話
Avatar for PKSHA Technology（パークシャテクノロジー） pkshadeck
PRO
0
2.9k
AI がコードを書く時代における新卒エンジニアの仕事風景 (2026) / New Graduate Engineers in the Era of AI Coding (2026)
Avatar for sushichan044 sushichan044
0
230
自作OSでスライド発表する
Avatar for uyuki uyuki234
1
3.9k
SREの積み重ねがAI駆動開発のガードレールになった ― 7つの実践/SRE Guardrails The 7
Avatar for TomoyaKitaura tomoyakitaura
8
5.3k
Augmenting AI with the Power of Jakarta EE
Avatar for ivargrimstad ivargrimstad
0
140
はてなアカウント基盤 State of the Union
Avatar for cockscomb cockscomb
1
1.3k
Laravelで学ぶ Webアプリケーションチューニング入門/web_application_tuning_101
Avatar for Ryo Tomidokoro hanhan1978
4
1.2k
信頼性について考えてみる（SRE NEXT 2026 miniLT）
Avatar for hayama hayama17
0
210
使用 Meilisearch 建立新聞搜尋工具
Avatar for johnroyer johnroyer
0
170
生成AI導入の「期待外れ」を乗り越える ー 開発フロー改革が目指す、真の組織変革
Avatar for starfish719 starfish719
0
1.7k
変わらないものが、変わるものを決める — 意図駆動開発 × イベントソーシング × イミュータブル | What Doesn't Change Decides What Can — IDD × Event Sourcing × Immutability
Avatar for Tomohisa Takaoka tomohisa
0
120
琵琶湖の水は止められてもNet--HTTPのリトライは止められない / You might be able to stop the water flow of Lake Biwa but you can't stop Net::HTTP retries
Avatar for luccafort luccafort
PRO
0
430

Featured

See All Featured
How Software Deployment tools have changed in the past 20 years
Avatar for Geshan Manandhar geshan
0
34k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
360
30k
Sam Torres - BigQuery for SEOs
Avatar for Tech SEO Connect techseoconnect
PRO
0
440
From Legacy to Launchpad: Building Startup-Ready Communities
Avatar for Dug Song dugsong
0
270
<Decoding/> the Language of Devs - We Love SEO 2024
Avatar for Nikki Halliwell nikkihalliwell
1
280
Tell your own story through comics
Avatar for letsgokoyo letsgokoyo
1
1k
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
Avatar for Sara Fernández Carmona sarafernandez
0
220
HDC tutorial
Avatar for Michiel Stock michielstock
2
750
Why Mistakes Are the Best Teachers: Turning Failure into a Pathway for Growth
Avatar for Umar Saidu Auna auna
0
190
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
Avatar for soudai sone soudai
PRO
67
56k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
201
75k
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
Avatar for konakalab konakalab
0
490

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. 実装以外でもテストファーストで、修正などを行わせるように修正 用のエージェントなどに指示を書いた
  8. None
  9. None
  10. None

  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. ご清聴ありがとうございました。