ゲーム・エンタメ🤖 AI主導公開中
TRIAL FORGE
Dead by Daylightのビルドをスロット形式でランダム生成するWebツール。旧DBDパークスロットから構成・技術スタックを全面刷新
Next.jsTypeScriptVercelTailwind CSS
// SCREENSHOT — 実際の画面
↗ https://dbdps2.vercel.app/plans
// VIBE CODING RATIO
💪 自力実装 5%🤖 AI担当 95%
■ 設計・判断・レビュー■ AI実装
「既存のDBDパークスロットをゼロから作り直したい」というテーマをAIに持ち込み、UI設計・機能設計・実装をAIと壁打ちしながら進めた。動作確認とUX判断は自分が行っている。
// BACKGROUND — なぜ作ったか
既存のDBDパークスロット（Firebase + JavaScript）は機能追加のたびに複雑になっていた。Next.js + TypeScriptで構成・技術スタックを全面刷新し、「TRIAL FORGE」として新たに作り直した。
// WHAT I DID — 何をやったか
Dead by Daylightのパークをスロット形式でランダム生成するWebツールをNext.js + TypeScriptで構築・Vercelにデプロイした。旧サイト（dbd-park-select）から構成・技術スタックを全面刷新した新バージョン。
// MY DECISIONS — 自分が設計・判断した部分
「旧サイトをNext.js + TypeScriptで作り直したい」というテーマを持ち込み、UI設計・機能設計・実装はAIと壁打ちしながら一緒に進めた。動作確認とUX判断は自分が行っている。
// TECH DETAIL — 技術的な工夫
- **Next.js + TypeScript**：旧サイトのVanilla JS + Firebaseから全面移行
- **Vercel**：自動デプロイ
- **Tailwind CSS**：UIスタイリング
// RELEASE NOTES
v1.02026-08
Next.js + TypeScriptで全面刷新・TRIAL FORGEとして新規公開
開発開始: 2026-08最終更新: 2026-08