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

LT first

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for kishimin kishimin
July 24, 2026
Programming
12
0

LT first

Avatar for kishimin

kishimin

July 24, 2026

Other Decks in Programming

See All in Programming
AI時代に学ぶ 好きなルール 嫌いなルール Linter編
Avatar for Shota Nemoto shorty5121
0
720
LLMは4年分のCompose移行を再現できるのか？実プロダクト279件のXMLで探る自動化の境界線
Avatar for makun makun
0
250
【デモ】Kiroで体験する仕様駆動開発｜設計からコーディングまでAIと進める開発フロー
Avatar for 工藤皓夢 cmkudo
0
540
いまどきの Codex で開発する visionOS アプリの開発スタイルについて
Avatar for kazuhiro hara karad
0
180
AIエージェント時代のコードレビューを設計する
Avatar for nogu nogu66
5
1.1k
楽しそうなつよつよエンジニアと目が死んでる僕/A brilliant engineer having a blast, and dead-eyed me.
Avatar for Ryusei Ohkura 3l4l5
2
270
新人はどこまで自力でやり、どこからAIに頼るべきか／エンジニア育成に向き合う_先輩たちの悩みと知見共有会
Avatar for TOPPAN ict toppan_digital_dev
1
400
S3 を使うアプリケーションをローカル完結で動かすことに全力を注いでみた / Running S3 Apps Offline
Avatar for Daisuke Garaike contour_gara
0
730
高専、大学編入、そして未踏へ〜プロダクト開発とキャリアの歩み - Technical College, University Transfer, and On to “Mitou” / My Journey in Product Development and Career
Avatar for __pkmiya pkmiya
0
120
PyO3 で既存 Python 評価器を Rust core 化する ー wasm-bindgen でブラウザにも配るための設計
Avatar for 𝕂' kdash
1
100
承認済みなのに差戻しできてしまうバグ、型で潰せます
Avatar for SHINCHI Takahiro shinchit
0
130
How I Won Prize Money at a Hackathon Using Codex and Symphony Alpha
Avatar for yasei no otoko yasei_no_otoko
0
130

Featured

See All Featured
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
35
2.6k
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
Avatar for Mine Cetinkaya-Rundel minecr
1
370
ラッコキーワード サービス紹介資料
Avatar for ラッコ株式会社 rakko
1
4.7M
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
72
12k
Stewardship and Sustainability of Urban and Community Forests
Avatar for Eric Wiseman pwiseman
0
500
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
47
8.3k
Visual Storytelling: How to be a Superhuman Communicator
Avatar for David Neal reverentgeek
2
640
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
82
6.5k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
128
56k
The Mindset for Success: Future Career Progression
Avatar for Greg Gifford greggifford
PRO
0
490
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
430
エンジニアに許された特別な時間の終わり
Avatar for watany watany
108
250k

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