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

投稿日

約5ヶ月ぶりの更新になるReact習作です。今回はソースをJavaScriptからTypeScriptに移行しました。移行のためにいろいろ書きましたが、機能的にはほとんど変わっていません。

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

作ってみた感想とか

TypeScriptに移行する最中にいくつかヤバめのバグが見つかったので、かなり意味のある移行だったのではないでしょうか。今更ですけど型とnullとundefinedのチェックは重要ですね。実行時にいろいろチェックしてくれるので潜在的バグを潰せて良い感じでした。

あと最後までポイントを振り切った場合の表示が少し見やすくなりました。以前は全部グレーアウトしていたんですけど、今回からポイントを振ったスキルには色がつくようにしました。どのスキルを取ったか分かるので良いかと思います。

ToDo

  • Reactのお作法がまだまだ分かってないので勉強する
  • そもそもJavaScriptの勉強が足りてないのでは？
  • いっそTypeScriptでリファクタリングすればTypeScriptの勉強になるのでは？(移行した
  • 合法的に画像が手に入るならスキルアイコンを付けたい(望み薄
  • 入力データの保存・復元をできるようにする(要らなそう
  • URL入出力のチェックを厳しくする(どうしようかな…

まとめ

というわけで久々の更新でした。割と簡単にTypeScriptへの移行ができてしまいました。感想とか要望とかアイデアとかありましたらコンタクトかTwitter辺りに何でもコメントしてやってください。リアクションが明日への活力になります。

それでは。