ゲーム・エンタメ🤖 AI主導公開中
DBD パークスロット
Dead by Daylightのパークをスロットマシン形式でランダム選択。固定化しがちなビルドに幅を持たせるゲームツール
JavaScriptFirebaseFirebase Authenticationモバイル対応
// SCREENSHOT — 実際の画面
↗ https://dbd-perk-slots.web.app/
// VIBE CODING RATIO
💪 自力実装 5%🤖 AI担当 95%
■ 設計・判断・レビュー■ AI実装
「パーク選択をランダム化して遊びに幅を持たせたい」というテーマをAIに持ち込み、スロットマシン形式のUX・設計・実装をAIと壁打ちしながら進めた。動作確認とUX判断は自分が行っている。
// BACKGROUND — なぜ作ったか
Dead by Daylightを続けているとパーク構成がある程度固定化してくる。完全にランダムで選んで遊びに幅を持たせることを目的に、スロットマシン形式でパークをランダム選択するツールをAIと壁打ちしながら作った。
// WHAT I DID — 何をやったか
モバイルファーストのWebアプリとしてJavaScript + Firebaseで構築した。
主な機能：スロットマシン形式でサバイバー・キラーのパークをランダム選択。使用済みパークを自動除外して重複なし選択。パークのOn/Off切り替え・全一括切り替え・カテゴリ別フィルタ・優先度フィルタ。Firebase AuthenticationでユーザーごとにパークOn/Off設定を保存。JSONファイルからパークデータをアップロードして動的更新。
// MY DECISIONS — 自分が設計・判断した部分
「ランダムでパークを選んで遊びに幅を持たせたい」というテーマを持ち込み、スロットマシン形式のUX・JSON管理方式・ゲストログインの導入はAIと壁打ちしながら一緒に固めた。動作確認とUX判断は自分が行っている。
// TECH DETAIL — 技術的な工夫
- **Firebase Realtime Database**：ユーザーごとのパーク設定・使用済み状態をリアルタイム同期
- **Firebase Authentication**：メール認証とゲストログインの2方式
- **モジュール型JavaScript**：フレームワーク不使用・タッチデバイス最適化
- **JSONアップロード**：パークデータをJSONで管理し、ゲームアップデート対応をコード変更なしで実現
// RELEASE NOTES
v1.22024-10
カテゴリ別フィルタ・優先度フィルタ・全一括On/Off・ゲストログイン実装
v1.02024-05
スロットマシン選択・使用済み除外・Firebase連携MVP
開発開始: 2024-05最終更新: 2024-10