Claude Codeに介抱されながらアプリ作ってみた

Transcript

1. アプリ作ってみた 介抱されながら に 2025/07/28 千社内LT会 @moco_megane Developing an App with Claude Code
2. moco @moco_megane 千株式会社 プロダクトデザイナー 小学生の学童のお弁当作りが大変 Developing an App with Claude Code
3. 3時間で Webサービス 作ったよ！ SLEEVE Developing an App with Claude Code アルバムのジャケット（アートワーク）で 知らない音楽と出会える https://sleeve-spotify-gallery- mocomegane.vercel.app/
4. × 生成AIで なんか 作ってみたい欲 なぜ作ったか こういうもの ほしい欲 Developing an App with Claude Code
5. 生成AIでなんか作ってみたい欲 c Claude Codeがすごいらしい（2025年6月時点b c Cursor上で使えるらし6 c Vibe Codingとかいうことができるらし6 c 今までは独学で挫折してたけど…これならできる！？ Developing an App with Claude Code
6. こういうものほしい欲 Developing an App with Claude Code E 音楽が大好‚ E Spotify課金8年目ユーザー、最近CD買ってなQ E 昔はジャケ買いして思わぬ出会いがあったり、噛むほ どに味が出るみたいな体験できて楽しかったX E そういうの作れないかな〜〜〜
7. 神記事と出会う https://zenn.dev/dely_jp/articles/5715965001b440 Developing an App with Claude Code
8. やってみよー！
9. Chat GPTでアイデアの壁打ち・ 　要件定義 Developing an App with Claude Code 以前にOAuth認証も 要件に含めたら 手に負えなかった経験あり とりあえず出してもらって ちょいちょい軌道修正
10. ClaudeでUI作成 記事ではv0でやっていたとこ( もしかしてCursor上でもできたのか…？（わからぬ） Developing an App with Claude Code
11. ClaudeでUI作成 D ジャケが主役なので大きく表示できるよう8 D タップするまでなるべくジャケ以外の情報を見せない こだわり ポイント Developing an App with Claude Code
12. htmlにしてCursor 　（Claude Code）にぶん投げる Developing an App with Claude Code （過去のチャット消えちゃった…）
13. 調べながら微調整 Developing an App with Claude Code 出てくるアーティストが小粒すぎるので
 Spotify APIの「popularity」を調整 さすがに除外させて いただきたく… こだわり ポイント
15. デプロイできた…！？ 一応全世界に公開されたぞ…！バグだらけなのは許して！ Developing an App with Claude Code
16. 5 いろいろ脇が甘いけど、とりあえず動くものを出せC 5 所要時間：約3時… 5 作りたいと思ったものを自分で作れるのは原始的な喜び がある（粘土こねてる感T 5 Spotify API使えて嬉しかった（こんな値あるんだーT 5 新しいツールやモデルが出てきても、なんとなく「こう いう風に使えそう」のイメージが湧くように 正直な感想（うれしみ） Developing an App with Claude Code
17. 正直な感想（つらみ） ” 途中、何をしているのかよくわからなx ” 勝手に　　　　　　 された話なども聞くので、最低限の 知識は持っておかないといざという時に困X ” 対処) ” 何が起きているか都度日本語で説明してもら0 ” 言葉で説明しづらい時はスクショをぶん投げて解決し てもら0 ” 一周回って基本情報の勉強をしたいと思うのであった… Developing an App with Claude Code rm -rf ~/
18. 誰でもデベロッパーや クリエイターになれる時代
19. なぜ・何のために作るのか が、より重要になりそうだ なぜ・何のために作るのか が、より重要になりそうだ