- カテゴリ
- Creator / Streaming
- クライアント
- 非公開（守秘義務のため）
- 公開日
- 担当範囲
- 要件定義画面設計デザイン実装インフラ構築テストマニュアル制作
- 主な技術
- Next.jsReactTypeScriptFirebase
Challenge
課題
参加者全員が配信者でもある企画のため、全員が配信画面のURLを持ち、正答や他人の回答が事前に見えてしまう構造的なネタバレのリスクがありました。また生配信は録り直しがきかず、通信の遅延や誤操作がそのまま本番事故につながります。
Approach
判断・設計
正答や未公開の回答を「公開フェーズになるまでブラウザに届かない場所」に置く設計で、ネタバレを構造から防ぎました。締切ぎわの通信遅延への猶予、再読み込みからの状態復帰、判定忘れのまま先へ進めない進行ボタンなど、当日を止めないための作り込みを重ねています。デザインは企画の世界観に合わせ、金の罫と菱形をあしらった意匠を3画面共通のデザイントークンで実装しました。
Result
成果
本番と同条件のリハーサル環境、参加者・主催向けの操作マニュアル、なりすましや覗き見を想定した23項目のアクセス制御テストまで含めて納品。イベントの複製はコマンド一つででき、同型の視聴者参加企画にそのまま展開できます。掲載している画面はすべてデモデータです。
