【制作中】ソーシャルゲームの計算ツール

Next.jsを基盤とし、ソーシャルゲーム「ブルーアーカイブ」のレベル上げに必要な経験値の計算や、生徒（キャラクター）の特性を絞り込み検索することができるWebアプリケーション。

直感的な操作・確認をモットーに、コンポーネント単位で作成がしやすく、組み換えがしやすいところから、Next.jsを使用して作成している。

↑アプリケーションを開いた最初の画面
モーダルによって挨拶が表示される。
左のメニューで機能を選び、メインのコンポーネントが表示され、アプリケーションを使用できる。

ヘッダーには右から現在の時刻、イベント終了までの時間が表示される。できるだけ簡素な表示にしているため、直感的に確認ができ、イベント終了間近の追込中の焦りを削減する。
↓メイン画面（キャラクター検索）
キャラクターの所属、攻撃タイプ、役割を絞り込み、表示させることができる。
これによりプレイヤーは、ゲームでのロードやページ遷移を待たずに編成にかける時間を削減できる。

↓メイン画面（経験値計算・進行度確認）
現在のレベル、目標にしたいレベルを入力することで必要な経験値を計算することができる。また、レベル１から目標レベルまで進んだ場合、最大レベルまでの全体の経験値の中でどこまで進行したかを確認することができる。