原神シミュ2 Active
web
『原神』のダメージ計算。聖遺物の最適な組み合わせで、あなたのキャラクターの火力を最大化する Web アプリです。
原神シミュ 2 は入力操作の簡略化と、編成単位での聖遺物の最適化を目指して開発しました！
原神シミュ の後継です。
技術スタック
- SolidJS
- SolidStart
- TailwindCSS
- DaisyUI
- Kobalte
- Cloudflare Pages
UI コンポーネントにアクセシビリティを意識した Kobalte を使用して、DaisyUI のスタイルを適用しています。
移行
原神シミュ（以降、旧シミュ）からどのように原神シミュ 2 に移行するか悩みました。
- 旧シミュのドメインをそのまま使う。
- 別のドメインにする。
- 旧シミュのドメインをリダイレクトする。
私は旧シミュを残したかったので 2 を選びました。原神シミュ 2 をリリースしてからも、旧シミュはある程度更新する予定だったので、もし原神シミュ 2 が不具合で使い物にならなくても、ユーザーが旧シミュにアクセスできるようにしたかったからです。
結果としては、検索結果が分散してアクセスが旧シミュに集まってしまっているので失敗だったかもです。第 4 の選択肢、「旧シミュを別のドメインに移して、旧シミュのドメインを使う」を選択できていたらあるいは…
v1 → v2
こちらがリリースしたときのサイト（v1）です。機能ごとのタイルを横並びにして、ページを遷移せずに入力と出力の確認ができて最強だと思いました。
しかし、使っていると画面の情報量と横スクロールが負担に感じました。ユーザーが旧シミュから移行してよかったと思ってほしかったので、UI の改善を決意しました。
こちらが現在のサイト（v2）です。v1 の反省を活かして、開閉式のサイドパネルでどこからでもステータスとダメージを確認できるようにしました。
技術力不足で何回作り直してるんだって話なんですが、これで落ち着きました。 サ終まで更新を続けていきますので、よろしくお願いします！
