OgoRoulette（おごルーレット）
さかした飲み会・ランチ・社内イベントで「誰がおごるか」をリアルタイムルーレットで決めるWebアプリです。
背景
「じゃあ誰が払う？」の一瞬の気まずさを、笑いに変えたくて作りました。
スマホを出してQRを読み込むだけで、その場にいる全員が同じルーレットを見ながら盛り上がれます。
主な機能
ログイン不要で即スタート — QRコード1タップで誰でも参加
リアルタイム同期 — 全員が同じルーレットをリアルタイムで見られる
3段階の当選演出 — スローダウン → 名前ズームイン → Confetti爆発で盛り上がりを最大化
絵文字リアクション — 当選の瞬間に全員がリアクションを送れる
動画録画・SNSシェア — 当選の瞬間を録画してそのままシェア
お会計計算 — 合計金額・奢り金額を入力して割り勘を自動計算
技術スタック
Next.js 16 / React 19 / TypeScript / Supabase Realtime / Prisma / Tailwind CSS v4 / Framer Motion / Vercel
URL
シェア！
関連するブログ記事
【Week 1】題材選定の振り返り
2026年03月21日
🤖 Claude Codeを最大限活かすためにChatGPTを使った話
2026年04月05日
Next.js × Supabase セキュリティの押さえどころの振り返り
2026年04月19日
【ShiftB vibe codingハッカソン】プロンプト設計とコンテキスト圧迫問題
2026年03月26日
【ShiftB vibe codingハッカソン】同時参加の色衝突を Prisma トランザクションで解決した話
2026年03月28日
🤖 AI駆動開発で気づいた「本当の完成」はユーザーの手の中にある
2026年04月05日
「誰が奢るか」を決めるアプリの競合分析と、OgoRouletteの差別化戦略 AIで分析した結果
2026年03月21日
Claude Code活用の進化
2026年03月24日
【ShiftB vibe codingハッカソン】本名がUIに出続けた理由：名前フィールドの責務設計
2026年03月30日
🤖 Claude Codeに投げている「指示テンプレ」を全部公開します
2026年04月05日
