BlockStorm - グローバルランキングとリアルタイムリーダーボードを備えたWebベースのミニゲーム

BlockStorm - ブラウザで遊べるミニゲーム

9歳と6歳の息子たちと一緒に遊ぶために作ったミニゲームです。

なぜ作ったのか？

• 子どもたちがテトリス好きで、アプリをインストールせずにブラウザですぐ遊べるようにしたかった
• 「パパより点数が高い！」と競い合う様子を見て、グローバル順位システムを入れたくなりました
• すき間時間にバイブコーディングで作っていたら、思った以上にいいゲームになりました

どんな機能がありますか？

• グローバルリーダーボード: 日次/週次/月次/総合ランキングを確認可能
• 不正行為防止: Supabaseでサーバー検証を行い、スコア改ざん不可
• ログイン不要ですぐプレイ: デバイスベースの自動認証

技術的には

• Vanilla JS + CSS3でシンプルに実装（フレームワークなし）
• Supabase（PostgreSQL + RLS）でバックエンドを構成
• PostgreSQL Functionsでスコアを検証
• モバイル/タブレット/デスクトップをすべてサポート

バイブコーディングで少しずつ作っているうちに、子どもの学習用として始めたものが、なかなか本格的なゲームになりました。

今すぐプレイしてみてください: [ゲーム URL]