原神シミュ2 Active
web
原神シミュ 2 は、聖遺物の最適な組み合わせで、火力を最大化する『原神』のダメージ計算ツール。
入力操作の簡略化と、編成単位での聖遺物最適化を目標に開発した。
原神シミュ の後継サイトにあたる。
技術スタック
- SolidJS
- SolidStart
- TailwindCSS
- DaisyUI
- Kobalte
- Cloudflare Pages
UI コンポーネントには、アクセシビリティに配慮した Kobalte を採用し、DaisyUI のスタイルを適用している。
移行プロセス
原神シミュ（以降、旧シミュ）から原神シミュ 2 への移行にあたり、以下の選択肢を検討した。
- 旧シミュのドメインをそのまま使う。
- 別のドメインにする。
- 旧シミュのドメインからリダイレクトを設定する。
旧シミュを残したかったので、2 を選択した。 原神シミュ 2 のリリース後も旧シミュを一定期間更新する予定だったので、深刻な不具合発生時などのリスクヘッジとして、ユーザーが旧シミュへアクセスできるようにしたかったからだ。
結果として、検索エンジンからの評価が分散し、アクセスが旧シミュに集中し続ける状況となった。 今思えば、旧シミュを別ドメインに移動させた上で、原神シミュ 2 を元のドメインで運用する方法がより適切だったかもしれない。
v1 から v2 への刷新
リリース当初（v1）の UI だ。 機能ごとのタイルを横並びに配置し、ページ遷移なしで入力と出力を同時に確認できる構成が効率的だと考えた。
しかし、実際に運用してみると、画面上の情報量の多さや横スクロールが負担となった。 ユーザーの利便性を最優先に考え、UI の再設計を決断した。
現在の UI（v2）だ。 v1 の反省を活かして、開閉式のサイドパネルを採用した。これにより、どの画面からでもステータスやダメージを確認できるようになった。
技術力不足で何回作り直してるんだって話だが、これで落ち着いたと思う。