アーティストの全国ツアーのライブ演出として、来場者がスマートフォンから一斉に参加できるリアルタイムクイズシステムを開発しました。
運営用の管理画面からステージ進行に合わせて問題の出題・正解発表を制御し、数千人規模の同時アクセスでも遅延なく出題同期・回答集計ができるよう、SSE(Server-Sent Events)とRedisキャッシュを組み合わせた構成としています。
正答率に応じた称号判定や認定証の受け取り機能、参加状況をリアルタイムに可視化する統計ダッシュボードも備え、初回打ち合わせから約2週間でリリースし、ツアー期間中の複数公演で稼働しました。

主要機能

参加者側(スマートフォン)

• QRコードからアクセスし、整理番号+ニックネームで簡単参加
• 問題のリアルタイム配信(○×・二択・三択、画像問題対応)
• 回答送信 → 正解発表の同期表示、正解数のスコア表示
• 正答率に応じた称号判定と認定証受け取り機能

運営側(管理画面)

• クイズグループ/問題の作成・並び替え・複製(複数公演での使い回し)
• 1問ずつの「問題公開 → 正解発表」のライブ進行制御
• 参加人数・回答数・選択肢別集計・正解率のリアルタイム統計、ランキング表示

使用技術

• フロント/バック: Next.js 14(React 18・TypeScript)、Tailwind CSS
• リアルタイム通信: SSE(Server-Sent Events)+ ポーリングフォールバック
• DB/キャッシュ: MySQL 8.0(Prisma ORM)、Redis 7(セッション・出題状態キャッシュ)
• 認証: NextAuth.js(管理画面)
• インフラ: AWS EC2 + Docker Compose(Nginx / Next.js / MySQL / Redis)、Let’s Encrypt SSL
• 負荷設計: 千人規模の同時接続を想定(Redisファーストの回答検証、規模別AWS構成の設計込み)

開発期間

2026年2月〜3月