最初の70人同時接続は、結婚式当日でした

Transcript

1. 最初の70人同時接続は 結婚式当日でした ケイタMAX (二瓶啓太)
2. 自己紹介 名前 ケイタMAX (二瓶啓太) 会社 JCOM株式会社 趣味 競技ダンス (社交ダンス) ＼ フォローしてね ／ クレーンゲーム X(@keita__Max) Qiita(@keitaMax)
3. 今日話すこと 人生で一番失敗できない場面で本番投入した話 自分の結婚式の二次会で 自作のクイズシステムを使い 約70人がスマホから参加するリアルタイムクイズ大会 開催！
4. なぜ作ろうと思ったのか 二次会の余興はよくあるビンゴやクイズではなく 自分たちらしさ を出したかった！ 市販のだと実現できないものがあった ➡ だったら自分で作っちゃおう！
5. 開発スケジュール 結婚式の準備に追われていたため本番7日前からの START!! ❏ ❏ 7日前 4日前 本番 開発スタート 司会・幹事の友人たち と打合わせ 結婚式 本番！ クイズシステムの 要件整理・設計 実装・開発 ❏ ❏ もっと盛り上げるため のアイデア！ ブラッシュアップ！ ❏ ❏ 稼働初日で本番 賞を取った人に 景品をプレゼント！
6. 作ったもの 全員参加の リアルタイムクイズアプリ ❏ 前のスクリーンに問題投影 ❏ 手元のスマホで回答 最後に集計してランキング発表！
8. 工夫① リアルタイムで外れた回答を流す 選択式ではなく、自由記述問題 を多くした みんなが出す珍回答などで盛り上がれる様に 不正解の回答がスクリーンにリアルタイム で流れる！ ゆうき グリードアイランド にへー ネバーランド
9. 工夫② 様々なプレイデータを集計！ 点数が高い人だけではなく 最後まで楽しめるように 高得点賞 様々な賞 を用意！ 最多回答賞 それらを集計できる仕組みに！ 正誤問わず 一番多く 回答した人 点数関係なく 完全ランダム抽選 完全ランダム賞 勇気あるで賞 正誤関係なく 一番早く回答を 送った人
10. システム構成 Xserver 参加者70人 保存 Laravel クイズ画面 回答を送信 MySQL 回答を採点 イベントをPush スクリーン 全ブラウザに イベントを配信 Supabase Realtime fanout Xserverは回答POST・採点・DB保存に集中 Supabaseは70人分の常時接続と配信を担当
11. 一番怖かったこと 本当に70人同時接続に耐えられるのか！？？ 本番１週間前からの開発だったので 負荷試験 リハーサル 最初の70人同時接続は・・・本番！
12. そして当日 クイズは順調に進んだ 突然画面が止まる あれ？？？ ざわざわ
13. そして当日 あれ？システムがバグったか？ しかし、万が一に備えて システムなしでも進行できる様に スライド形式のクイズも準備していた ため 心は穏やかでした😄
14. 結局・・ ➡ 原因はHDMIケーブル の接触不良ですぐ復旧 その後は何事もなく 無事、結婚式の二次会を完遂！！
15. まわりの反応 めちゃくちゃ楽しかった！！ 自作だとは思わないくらいクオリティー高い！！ 最高の二次会になってよかったけど 結婚式の準備もっと手伝って欲しかったな😛 みんな楽しんでくれました！
16. 学び 1) 一番の安心材料は、準備しておいた保険 万が一に備えてスライド版 「最悪これがある」と思えるだけで気持ちが楽 2) 一人ではできなかった 司会・幹事との打ち合わせで生まれたアイデア 当日の参加者のリアクション みんなの力が合わさって、イベントは完成した
17. 人生で一番失敗できない本番で学んだのは 技術以上に 「準備」 と「仲間」 の大切さでした
18. ご清聴ありがとうございました！！ ＼ フォローしてね ／ X(@keita__Max) Qiita(@keitaMax)