リアルタイムイベント体験基盤

40人規模イベントでAI顔認識・即時報酬・P2P送金を実現

Next.js 15 React 19 TypeScript Supabase AWS Rekognition Framer Motion Tailwind CSS QR/NFC Playwright E2E
リアルタイムイベント体験基盤
Overview

プロジェクト概要

結婚式の二次会イベントに特化した、リアルタイム体験プラットフォームです。受付モードとカジノモードの2つのモードを持ち、40人規模のゲストが同時に参加する高トラフィック環境で安定稼働するよう設計しました。

写真をアップロードすると AWS Rekognition がリアルタイムで顔を認識し、ゲストに自動タグ付け。カジノゲームでチップを獲得し、PayPay風のP2P送金でゲスト間の受け渡しも可能。リーダーボードがリアルタイムに更新され、会場全体の一体感を演出します。

Supabaseを中心としたサーバーレスアーキテクチャで、PostgreSQLのRow Level Security(RLS)によるセキュアなデータアクセス、12本のEdge Functionsによるビジネスロジック処理、Realtimeチャネルによるライブ更新を実現しています。

Features

主な機能

AI顔認識による自動タグ付け

AWS Rekognitionで写真内のゲストを自動検出し、即座にタグ付け。手動操作なしで思い出を整理。

リアルタイムリーダーボード

Supabase Realtimeで順位をライブ更新。ゲーム中の会場全体の盛り上がりを最大化。

P2P送金(PayPay風)

ゲスト同士がQRコードでチップを送り合える。Edge Functionでトランザクション整合性を保証。

QR/NFC連携

受付でQRコード、ゲーム中はNFCタップで瞬時にアクション。複数の入力方式に対応。

匿名認証 + PIN検証 + レート制限

ゲストはアカウント不要で匿名参加。PIN検証とレート制限でセキュリティを確保し、不正アクセスを防止。

Admin

充実した管理画面

イベント運営者向けに、7つの管理セクションを備えた包括的な管理パネルを実装。受付からカジノ運営、AI分析結果の確認まで、すべてをブラウザ上で一元管理できます。

顔認識管理

顔コレクションの作成・検索、認識結果の管理

写真管理

イベント写真のアップロード・AI分析・スライドショー管理

分析ログ

AI顔認識の検出結果・信頼度スコアの詳細確認

ユーザー管理

ゲストアカウント・チップ残高・グループの管理

システム設定

受付モード・カジノモードの切替、イベント設定の変更

ゲーム管理

コロシアム(ベッティング)・テーブルゲームの運営管理

Architecture

技術構成

Frontend

  • Next.js 15 App Router + React 19 Server Components
  • Framer Motion によるリッチアニメーション
  • Tailwind CSS v4 + レスポンシブデザイン
  • 28ページ構成の大規模SPA

Backend / Infrastructure

  • Supabase(PostgreSQL + RLS + Realtime)
  • 12本の Edge Functions でビジネスロジック処理
  • AWS Rekognition による顔認識パイプライン
  • Playwright E2E テスト(4スイート)
Results

実績数値

28+
ページ数
12
Edge Functions
158+
タスク完了
4
E2Eテストスイート

このようなシステムを構築しませんか?

イベント体験基盤やリアルタイムシステムの開発について、お気軽にご相談ください。