React 習作 第02回 ラグマス スキルシミュレータα版

Reactの勉強用としてラグマスのスキルシミュレータを作っているのですが、改良が進んでとりあえずアークビショップのスキル取りを再現できるところまで来たので公開します。

ラグマス スキルシミュレータα版 - アークビショップ

※α版につき各自の責任でお使いください。

作ってみた感想とか

とりあえず最低限の形にはなったのかなと思います。あまり変わってなさそうに見える部分にもちょいちょい手を入れてあり、後から楽をできるようになってます。なってるはずです。

ToDoにも書きますがReact Routerを使えば職業の切り替えが思っていたよりずっと低コストで実装できそうな気がしました。気がしただけかも知れません。

むしろデータのセーブとロードをどうするかが迷い所になってて、先人様のシミュレータを見て回ったりしています。どうやってるんだコレ?となってるオチがついてますけど。

あとアイコンの件も含めてUIをどうするか決めかねています。無いなりのUIで作っちゃうのが良いのかも知れませんね。

ToDo

  • Reactのお作法がまだまだ分かってないので勉強する
  • Reactのチュートリアルで最初から入ってる要素をカスタマイズしたい(faviconとか
  • React Routerを使えば職業ごとのページに遷移するのも案外簡単に実装できるかも?
  • 上位2次職からの上限突破スキルへの対応をする(実装した
  • 3次職への対応をする(実装した
  • 合法的に画像が手に入るならスキルアイコンを付けたい
  • アイコンの件と合わせてUI関係の調整をする(無いなら無いなりの表示に
  • 入力データの保存・復元をできるようにする
  • 入力データのURL出力・入力をできるようにする
  • スキルレベル減少ボタンを付ける(要るよね…

まとめ

というわけで、引き続き習作ですがコツコツやってます。感想とか要望とかアイデアとか何かありましたらコンタクトTwitter辺りに気軽にコメントしてやってください。大変励みになるので、よろしくお願いします。

それでは。