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でなんか作ってみたい欲 8 Claude Codeがすごいらしい（2025年6月時点D 8 Cursor上で使えるらしV 8 Vibe CodingとかいうことができるらしV 8 今までは独学で挫折してたけど…これならできる！？ Developing an App with Claude Code
6. こういうものほしい欲 Developing an App with Claude Code q 音楽が大好D q Spotify課金8年目ユーザー、最近CD買ってなR q 昔はジャケ買いして思わぬ出会いがあったり、噛むほ どに味が出るみたいな体験できて楽しかったS q そういうの作れないかな〜〜〜
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作成 D 記事ではv0でやっていたとこ% D もしかしてCursor上でもできたのか…？（わからぬ） Developing an App with Claude Code
11. ClaudeでUI作成 D ジャケが主役なので大きく表示できるよう 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. v いろいろ脇が甘いけど、とりあえず動くものを出せT v 所要時間：約3時‚ v 作りたいと思ったものを自分で作れるのは原始的な喜び がある（粘土こねてる感ˆ v Spotify API使えて嬉しかった（こんな値あるんだーˆ v 新しいツールやモデルが出てきても、なんとなく「こう いう風に使えそう」のイメージが湧くように 正直な感想（うれしみ） Developing an App with Claude Code
17. 正直な感想（つらみ） ” 途中、何をしているのかよくわからな„ ” 勝手に　　　　　　 された話なども聞くので、最低限の 知識は持っておかないといざという時に困t ” 対処P ” 何が起きているか都度日本語で説明してもらd ” 言葉で説明しづらい時はスクショをぶん投げて解決し てもらd ” 一周回って基本情報の勉強をしたいと思うのであった… Developing an App with Claude Code rm -rf ~/
18. 誰でもデベロッパーや クリエイターになれる時代
19. なぜ・何のために作るのか が、より重要になりそうだ なぜ・何のために作るのか が、より重要になりそうだ
20. ……わりと重要な余談 € というLTを社内で行ったら、社内のエンジニア氏がDMで 「環境変数が全部ブラウザのdevtoolで出てます！」と教 えてくれƒ € 肝が冷えた（慌てて修正Y € 無知なVibe Coderがいる限り、本職エンジニアの皆さん の仕事は無くならない・なんなら増えるのではと思いまし た（デザイナーでも同じことが起きそうY € 世の中に何かしら出すならちゃんと勉強しましょう！！ Developing an App with Claude Code