AIと一緒に七夕短冊アプリをつくってみた
今日は七夕ですね。
ふと思い立って、短冊を投稿できるだけのアプリならすぐに作れるのでは、とあさはかにも思い立ってしまって Raycast AI で 七夕アプリをつくってみました。
これです。
最初に準備した要望と言うか仕様は次の通り。
投稿した内容を、そのサイトにアクセスしたユーザが閲覧できるWebアプリケーションです。
## 投稿者の仕様
- 投稿先へアクセスすると、投稿可能なフォームが表示されます
- 投稿する際に、"名前"と"願い事"を投稿することができます。"願い事"は必須ですが、"名前"は必須ではありません
- 投稿すると自動的に UUID が割り当てられて、ユニークIDとしてDBへ登録されます
- 投稿時に自動的に Session Cookie が発行されます
- Session Cookie がすでに発行されている投稿者は新規の投稿はできません
- Session Cookie と紐付けられた過去の投稿の編集は、該当する投稿者が編集可能です
- すでに投稿したユーザが登校画面に入ると、過去の投稿した内容の編集画面となります
## 閲覧者の仕様
- ユーザがアクセスすると閲覧者の画面になります
- 最新の投稿が最大20表示されます
- 投稿内容は、"願い事" と "名前" が表示されます
- 投稿内容は、一つずつランダムな配色のボックスに表示されます
## 技術的な仕様
- ドメイン駆動設計をベースとしてください
- 投稿内容は "UUID"、"名前"、"願い事" で一つのエンティティであり、集約として考慮してください
- ヘキサゴナルアーキテクチャを採用してください
- SPA アプリケーションとして設計してください
- フロントの画面は HTML5, CSS, JavaScript で構成します
- バックエンドアプリケーションは TypeScript でコーディングしてください
- データベースは PostgreSQL へアクセスする想定としてください
驚いたことに、これでほとんどでき上がりました。すごいっすね。
ただ、これだけではどうしてもうまくいかないことがあったり、エラーが発生したりしましたけれど、それらも全部生成AIへぶん投げて全てコードを生成させました。
最初に生み出されかコードを元に、次のようなやり取りをして更新していきました。
エラーが発生したら、その都度エラー内容をコメントしてコードを修正させる
開発用に SQLite3 でも実行できるようにしてもらう
Heroku でも動作できるように Heroku Postgres の DB用環境変数や PORT 番号の対応をさせる
閲覧用と投稿用の画面を分離させる
過去の投稿も見られるようにさせる
その都度、コードをコピペしてみたりするだけで、まぁホントに動いてしまう。ちょっと感激。
ここのサイトでアプリも動かしているので、テキトーにいじってみてくださいませ。
ほんの思いつきでも、DDD でヘキサゴナルアーキテクチャのアプリのベースつくれちゃうんですね。これはヤバイ。
全部で 2時間くらい。お仕事の合間にちょいちょいとやってたらできました。気分転換にちょうどいいですね。楽しかった。html や css は苦手なので勝手に生成してくれるのはホントにありがたい。
そして、ほんの思いつきなのに七夕に間に合って良かった。
いいなと思ったら応援しよう！
あなたの支えが、私の心の糧になります。
note の収益はガジェットのレビューや、自費出版に使わせていただきます。