プロンプト

送別会のためのメッセージウォールを、少し傾いた付箋のデザインで作ってください。インストール不要で、他のファイルも使わず、ブラウザで開ける単一のHTMLファイルにしてください。CSSとJavaScriptもそのファイル内にまとめて記述してください。画像ファイルや外部URLは一切使わず、アイコンや記号が必要な場合は絵文字や文字を使用してください。

短いメッセージとお名前を入力できるフォームを用意してください。追加すると、あらかじめ用意した数色のカラーパレットからランダムな色が選ばれ、ウォール上のランダムな位置にノートが貼られます。

⚠️ これは1台の端末をその場で回して使うものであり、他の人が各自の端末から投稿できるウェブサイトではありません。届くはずのないメッセージを誰かが待ち続けることがないよう、その旨を画面内に1行で明記してください。

ブラウザを閉じてもノートが消えずに残るようにしてください。また、誤って押してしまわないよう、少し目立たない場所にノートを個別に削除できる仕組みも用意してください。

会場のみんなにメッセージを見せるために、操作ボタンなどのUIを隠した全画面表示モードを追加してください。

完成したら、テスト用にノートを10個追加し、ノート同士が重なりすぎたり画面からはみ出したりしていないか確認してください。