KONAMIの音楽ゲーム「REFLEC BEAT Plus」における、Lv11の難易度表&クリアランク管理サイトをUIデザイン・開発しました。

概要

「かつてのプレイヤーのモチベーションを再燃させたい！」という思いから、
UIデザインからバックエンドまでフルスタックで開発しました。

最高レベルのLv11の楽曲を独自に10段階に分類し、クリアランクやフルコンボ状態を管理できます。
カードが光ったり、フルコン演出が出たりと「遊び心のあるUI」も特徴です。

技術スタック：Vue3 + TypeScript / Laravel 12/ PostgreSQL

サイトURL：https://rbplus-rank-manager.site

詳細はこちら → GitHubリポジトリ

制作期間

• 企画・要件定義：1週間
• デザイン(Figma)・設計：2週間
• 開発：2週間
• リリース後も機能追加を継続中！

使用ツール / 環境

開発環境

VSCode（フロント・バック両方で利用）
GitHub（バージョン管理・チケット駆動開発）

デザイン・設計

Figma（UI設計・ワイヤーフレーム・プロトタイプ作成、ER図作成）
Google スプレッドシート（ガントチャート、要件定義書、設計書作成）

DB管理

🗄️ TablePlus（DB操作・管理）

デプロイ / インフラ

Vercel（フロントエンドデプロイ）
🚀 Render（バックエンドデプロイ）
PostgreSQL（本番）
SQLite（ローカル）