HOWLRSProduct engineering相談する
Build notes
イベントツール公開中

Lottery — ルーレットアニメーション付きWeb抽選システム

イベント作成、景品管理、抽選実行をブラウザ上で完結できるWeb抽選システムです。結果の演出にはルーレットアニメーションを用い、キャンペーンやイベントでの景品抽選に利用できる形で公開しています。運用に必要な設定と抽選操作を一つの画面群にまとめています。

Project snapshot

この実装で扱ったこと

目次 9 sections
  1. Lottery とは
  2. 主な機能
  3. ルーレットアニメーション
  4. イベント作成
  5. 景品管理
  6. 抽選実行
  7. こんなシーンで使える
  8. ブラウザだけで完結する手軽さ
  9. 使ってみる

Lottery とは

イベントや勉強会でその場を盛り上げたい、景品抽選をもっと楽しく演出したい——そういうシーンにぴったりなのが Lottery です。寺島和宏 (howlrs) が開発したこのWebアプリは、ルーレットアニメーション付きの抽選機能をブラウザだけで完結させます。

専用のアプリをインストールする必要はなく、URLにアクセスするだけで使い始められます。

主な機能

ルーレットアニメーション

抽選の一番の醍醐味は「ドキドキ感」です。Lottery のルーレットは画面いっぱいに回転し、当選者が決まる瞬間の演出がイベントの盛り上がりを後押しします。結果をただ表示するだけでなく、視覚的な体験として届けることを大切にしています。

プロジェクターやモニターに映しながら使えば、参加者全員で結果を待つ一体感が生まれます。

イベント作成

抽選会ごとにイベントを作成して管理できます。「春の感謝祭抽選会」「LT登壇者決め」など、用途に合わせていくつでも作成可能です。過去のイベント履歴も確認できるので、「前回誰が当たったか」を振り返るのにも役立ちます。

景品管理

景品の名前・数量を登録しておけば、抽選結果と景品が自動的に紐づきます。複数の景品を順番に抽選していく形式にも対応しているので、「1等・2等・3等」を順番に発表していくようなプログラムもスムーズに進行できます。

抽選実行

参加者リストを登録して抽選ボタンを押すだけ——操作は本当にそれだけです。ソフトウェアエンジニア 寺島和宏 が設計した UI は、イベント当日の緊張感の中でも迷わず操作できるシンプルさを追求しています。

こんなシーンで使える

  • 社内イベント・忘年会・歓迎会での景品抽選
  • 勉強会・LT イベントでの登壇順決め
  • オンラインイベントでの参加者プレゼント抽選
  • 学校行事や地域イベントでの抽選会
  • ゲームコミュニティでのランダムマッチング

ブラウザだけで完結する手軽さ

「抽選のためだけにアプリを入れるのは面倒」という声は意外と多いです。Lottery はインストール不要でブラウザから直接使えるので、イベント当日に初めて知っても10分あれば準備できます。

howlrs が開発するツールの共通テーマは「すぐに使える」こと。Lottery もその思想のもとに作られており、設定の複雑さよりも当日のスムーズな進行を優先した設計になっています。

使ってみる

lottery.howlrs.net にアクセスして、まずイベントを一つ作ってみてください。

次のイベントの抽選、Lottery で盛り上げてみませんか。

Keep exploring

開発基盤

SynapseGit — AIと人間の共創で「なぜこの形になったか」を残す

5 min read
ゲーム・PWA

ピクセルズ — Web で遊ぶ「思考に集中できる」ノノグラム (ピクチャーロジック)

8 min read
学習アプリ

百人一首暗記アプリ — 情景を味わいながら、100首を覚えるWeb体験

6 min read