📝ハッカソン振り返り

アプリが完成し、公開できましたので、振り替りをしようと思います。

＜スタディスロット＞

アプリURL：https://slot-study-app.vercel.app/

【Week1 題材選定】

この期間はかなり悩みました。

もともと、作りたいアプリはありましたが、いざ自分をペルソナにし、使い続けるだろうかと考えた時、使っているイメージがフワッとしていました。

そこで、いろいろ模索し、悩んだ末、今回のアプリを思いつきました。

【Week2 開発準備、Week3 開発】

この期間に関しては、他のアプリも開発しているため、Next.jsやSupabase、Vercelなどの環境構築済みで、特に時間を掛けることなく、スムーズに完了させることができました。

Claude Codeもさほど、時間を掛けずに環境構築することができました。

その上で環境構築が早く完了したため、実際にアプリの開発も始めていきました。

自分の場合、かなりアナログではありますが、作成したいアプリの全体像的なものを紙に書き、まとめ、それをChatGPTに要件定義プロンプトとして作成してもらいました。

その際にChatGPTに投げたプロンプトは下記になります。

上記だけでかなり詳細な要件定義書ができたため、Claude Codeに投げて試作品のアプリができました。

試作品のUIや動作を確認し、改善したい箇所が出てきたため、都度ChatGPTにプロンプトを作成してもらい、これを繰り返していきながら、デプロイまでやり切ることができました。

【Week4 運用】

まだ、公開したばかりで発信できていませんが、これからnoteにて発信したいと思います。

※開発に時間を掛けていたため、公開が遅れてしまい、発信までできませんでした💦

【今回のハッカソン参加での気づき・感想】

今回ハッカソンに初参加し、初めてAIを使って、バイブコーディングをしました。

他のSNSやネット記事で、バイブコーディングのことは知っていましたが、いざやってみると自然言語だけでも想定したアプリが出来上がり、達成感がありました。

しかし、曖昧なプロンプトの場合だと、想定とは別の動作になることもあり、改めて、自分でも「どのような機能を想定しているのか」などを考えた上でプロンプトをしっかり作成することの重要性を再確認することができました。

また、RLSについても、自分のアプリの場合、誰にどのようなアクセス権限を付与するかというポリシーをRLSにて作成することの重要性も学びました。

【これからのこと】

Vercelにはデプロイしましたが、まだまだ改善の余地がかなりあるため、これからも継続的に改善していこうと思います。

また、スマホアプリ開発にも挑戦したいため、このアプリを皮切りにスマホアプリ化していきたいです。