ToDoアプリ開発ハンズオン、やりきった話

こんにちは！今回は初バイブコーディング、ToDoアプリをゼロから作ってデプロイするまでやってみました。

作ったもの

• ログイン・サインアップ機能（Supabase Auth）

• Todoの追加・完了・削除

• 日記の記録機能

• 過去7日間のアクティビティグラフ

• ダッシュボードのテーマカラーをカスタマイズできるSettings画面

技術スタックは Next.js + TypeScript + TailwindCSS + Supabase + Vercel です。

学んだこと

Claude Code、本当にすごい

自分がやりたいことを伝えるだけでこんなにも早くものができたのは本当にすごい体験でした。自分がIT業界へ転職したときとはくらべものにならないくらい技術が進化しているのを実感しました。。。

詰まったところ

Gitのコミッターが別人になってた

GitHubにpushしたら、コミットしたのが実名になってて焦りました。グローバルのgit設定のメールアドレスがGitHubに登録してるものと違ったのが原因で、過去のコミット履歴ごと書き直す羽目に…。最初に設定しておけばよかった反省です。

感想

最初は「30分くらいでできるかな？」とか思ってたんですが、全然甘かったです笑

でも詰まるたびに調べて解決していくのが楽しくて、最終的にVercelで公開URLが発行されたときは本当にテンション上がりました。転職したころは学ぶだけでリリースまではできなかったので・・・！

ゼロから自分で触ったものがURLで動いてるのって、なんかいいですよね。

次にやること

ハンズオンが一段落したので、次は自分のオリジナルアプリの開発に着手したいと思っています。設計書はすでに書き終わっていて（SumaiSync というアプリです）、いよいよ今回のハッカソンで作成する題材を形にしていくフェーズ。わくわくがとまらないですね！