ゲーム・エンタメ🤖 AI主導公開中
DBD パークスロット
Dead by Daylightのパークをスロットマシン形式でランダム選択。使用済みパーク除外・モバイル最適化のゲームツール
JavaScriptFirebaseFirebase Authenticationモバイル対応
// SCREENSHOT — 実際の画面
↗ https://dbd-perk-slots.web.app/
// VIBE CODING RATIO
💪 自力実装 25%🤖 AI担当 75%
■ 設計・判断・レビュー■ AI実装
スロットマシン形式という体験設計・モバイルファーストUI・使用済みパーク除外ロジックの設計を自分で決めた。動作確認・UX判断は自分が担当。
// BACKGROUND — なぜ作ったか
Dead by Daylightを普段からプレイしていて、毎回パーク選びに時間がかかる問題を感じていた。「どうせならランダムに決めてしまった方が楽だし、普段使わない組み合わせで遊べて面白い」と考え、スロットマシン形式でパークをランダム選択するツールを作った。
// WHAT I DID — 何をやったか
モバイルファーストのWebアプリとしてJavaScript + Firebaseで構築した。
主な機能：スロットマシン形式でサバイバー・キラーのパークをランダム選択。使用済みパークを自動除外して重複なし選択。パークのOn/Off切り替え・全一括切り替え・カテゴリ別フィルタ・優先度フィルタ。Firebase AuthenticationでユーザーごとにパークOn/Off設定を保存。JSONファイルからパークデータをアップロードして動的更新。
// MY DECISIONS — 自分が設計・判断した部分
「スロットマシン形式」という体験設計を自分で考えた。パークデータをJSONアップロードで更新できる設計にしたのは、ゲームのアップデートでパークが追加された際にコードを触らず対応できるようにするため。ゲストログインを実装してログイン不要で即使える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