Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
2025/09/18 AIコーディングで「保活手帳」を作ってみた
Search
Chiaki Okamoto
September 18, 2025
Programming
0
46
2025/09/18 AIコーディングで「保活手帳」を作ってみた
AIコーディング道場勉強会 #4 第2期成果発表会
Chiaki Okamoto
September 18, 2025
Tweet
Share
More Decks by Chiaki Okamoto
See All by Chiaki Okamoto
なんとなくわかった気になるブロックテーマ入門/contents.nagoya 2025 6.28
chiilog
1
340
私の推しはブロックエディター 〜デフォルトブロックに触れ合う〜
chiilog
0
360
この一年で身についた“マトモ”な WordPressテーマの作り方
chiilog
7
2k
WordPressテーマの作り方 2019 私のベストプラクティス
chiilog
24
14k
Google Optimizeで始めるA/Bテスト #wbkyoto
chiilog
1
3.4k
こんなCSSからはそろそろ卒業しよう
chiilog
18
17k
まだCSSで消耗したい?Sassを覚えて楽しちゃおう!
chiilog
4
2.1k
さいきょうのWordPressサイト構築フローとは
chiilog
2
1k
エンジニアから見た、すごくやりやすかった構築フローの話
chiilog
0
2.1k
Other Decks in Programming
See All in Programming
どの様にAIエージェントと 協業すべきだったのか?
takefumiyoshii
2
600
ててべんす独演会〜Flowの全てを語ります〜
tbsten
1
220
The Past, Present, and Future of Enterprise Java
ivargrimstad
0
130
メモリ不足との戦い〜大量データを扱うアプリでの実践例〜
kwzr
1
860
『毎日の移動』を支えるGoバックエンド内製開発
yutautsugi
2
180
ポスターセッション: 「まっすぐ行って、右!」って言ってラズパイカーを動かしたい 〜生成AI × Raspberry Pi Pico × Gradioの試作メモ〜
komofr
0
940
明日から始めるリファクタリング
ryounasso
0
110
SpecKitでどこまでできる? コストはどれくらい?
leveragestech
0
510
猫と暮らすネットワークカメラ生活🐈 ~Vision frameworkでペットを愛でよう~ / iOSDC Japan 2025
yutailang0119
0
220
プログラミングどうやる? ~テスト駆動開発から学ぶ達人の型~
a_okui
0
190
10年もののAPIサーバーにおけるCI/CDの改善の奮闘
mbook
0
770
ABEMAモバイルアプリが Kotlin Multiplatformと歩んだ5年 ─ 導入と運用、成功と課題 / iOSDC 2025
akkyie
0
320
Featured
See All Featured
GitHub's CSS Performance
jonrohan
1032
460k
The Power of CSS Pseudo Elements
geoffreycrofte
79
6k
Thoughts on Productivity
jonyablonski
70
4.9k
Producing Creativity
orderedlist
PRO
347
40k
Imperfection Machines: The Place of Print at Facebook
scottboms
269
13k
A Tale of Four Properties
chriscoyier
160
23k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
2.6k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.7k
We Have a Design System, Now What?
morganepeng
53
7.8k
Mobile First: as difficult as doing things right
swwweet
224
10k
The Language of Interfaces
destraynor
162
25k
Transcript
AIコーディングで「保活手帳」をつくってみた @AIコーディング道場勉強会 第4回 成果発表 1
プロダクト: 保活手帳 保育園の見学のための質問リストを 用意しておけるWebアプリ。 1.5ヶ月弱で初版を公開 URL: https://hokatsu-techo.com/ 2
園の追加 園の名前と見学日が決まっていれば 入力 3
質問の追加 別途、質問するまでもないけど見学 中に気づいたことをサッとタグ形式 でメモできる機能も 4
質問への回答 見学中や質問タイム中に回答を入 力。 回答を入力したら回答済みであると 視覚的にわかるように 5
Why? (表向き) 娘が今年小規模保育園を卒園するので、ふたたびの保活スタート。 「スプレッドシートで管理すればいっか 」って最初はスプレッドシートにしていた けど、実際に見学に行ってスマホでスプレッドシートを開いたら落ちるわちっさいわ 書きにくいわの三重苦 「小さいアプリ」のネタを探していたのもあって、作成してみることに 6
Why? (裏目的) 自分のスキル的に偏りすぎているのをひしひし感じるようになり、もっと視野を 広げたかった 要件定義やテストなど、普段やってない領域も一貫して行ってみる 「これ好きかも」 「もっとやってみたいかも」を新しい軸として見つけるのが 目的 7
体制と稼働 開発体制: ほぼAIコーディング (Claude Code) 稼働: 平日約1h + 道場日約2h +
日々の隙間時間 技術スタック: React + TypeScript + Chakra UI v3 8
進め方 リリースすることを優先(途中で無駄に凝って想定以上に時間かかってしまったけど) エラーなく動くという最低限の品質でリリース(今困ってる) 9
困りごと CLAUDE.mdが無視されがち(シンプルにきれそう) 関数・クラスコンポーネントが混在 設計書に書いておかないといけなかったなーと反省 修正のはずが新規ファイルで作成して機能重複(は???) 設計原則とかテストについてとか、根本的に自分の知識不足が目立つ 10
やってみたこと CLAUDE.md は「読まれたらラッキー」と捉える。期待しない 代わりに、守りたいラインを守れているかチェックするスラッシュコマンドやサ ブエージェントを追加 公式ドキュメントに沿ってるかチェックするサブエージェント TypeScriptとReactのレビューで真逆なこと言うことがある 妥当な方を選択(例: useEffectとかuseMemoの有無とか) よくわからなかったらチャットのClaudeで学習モードでお勉強
https://zenn.dev/hamworks/articles/45053f7c0efef7 11
リリース後に自分で使ってみて改善ポイントを洗い出し 質問追加前にアコーディオン挟むけど、アコーディオン自体が邪魔じゃない? 保活はたくさん行くからとりあえず何かしらのテンプレートがあった方がいいん じゃない? → 機能自体の追加から細かい調整まで気になるところをIssue化 12
質問入力時のアコーディオ ン削除 13
システム提供のテンプレー ト機能の追加 元々自分でテンプレート作る機能は 課金提供しようと思ってたけど、そ れっぽいテンプレートをひとまず提 供しておく必要があるなと感じて優 先度アップ 14
成果と学び ちょっとプロトタイプ!ならいいけど、プロトタイプからプロダクトを作るならその まま使うはダメだなと再認識。 とはいえ、公開したい時期までに公開できたのはよかった 多分、自力だけだったらアプリ作ろうとも思ってなかった AIコーディングの自分なりの原型は見えてきた感じ 「QA」 「UX、特にIA」がすごく興味深く感じたので、この分野を第二・第三の軸 として伸ばしていきたい 15
今後やること コードのリファクタリング 早速やっていきたいけど、設計原則とかもうちょっとしっかり頭に入れてか らじゃないと同じ轍を踏むことになりそう テスト書き直し 書き方はわかるけどテストケースの出し方がわからない モックが多すぎてテストできてるのか謎 DB実装・ソーシャルログイン・課金 NO 知識なのでまずは自分で理解するところから
UX改善 まだ改善できるところはありそう。見学日本当にいる?は今考え中 16
ありがとうございました! がんばって勉強します 17