アプリの概要
オンライン飲み会の時などに、発言の順番をルーレットで決めるアプリです。
私がオンライン飲み会に参加するにあたり、発言の順番をルーレットのようなもので決めたいなと思い、HTML／CSS／JavaScriptの勉強も兼ねて作ってみました。
アプリのイメージ
発言者登録画面
ルーレット画面
アプリの使い方
- ステップ１：発言者の登録
- 発言者登録画面で、発言者を入力して、「登録」ボタンをクリックもしくはEnterキーを押して、発言者を登録してください。
- すべての発言者を登録したら、「登録完了」ボタンをクリックしてください。
- ステップ２：ルーレットで発言の順番を決める
- ルーレット画面で、「ルーレットを回す」ボタンを押すと、ルーレットが回り始めます。
- 「ストップ」ボタンを押すと、ルーレットが止まり、発言者が決まります。（そして、発言者は、発言を始めてください。）
- 発言が終わったら、「次の人は？」ボタンを押して、ルーレットを再開して、次の発言者を決めてください。一度、決まった発言者はルーレットに表示されなくなります。
- すべての発言者が決まると、「もう一回」ボタンが表示されます。「もう一回」ボタンをクリックすると、再度、ルーレットを回すことができます。
- 入力したデータは保存されません。画面をリロードすると入力したデータは消えます。
使用した技術
- HTML
- CSS
- JavaScript
- Firebase(v9) Hosting