React 習作 第08回 ラグマス スキルシミュレータβ版
今回はReactに関係がある更新ですよ。URL出力画面にコピーボタンを付けました。react-copy-to-clipboardを使って楽々実装でした。実際今回コードは5行くらいしか書いてないです。
※β版につき各自の責任でお使いください。
作ってみた感想とか
便利なコンポーネントを発見したので10分くらいでコピーボタンが実装できてしまいました。こんなの欲しいな…と思ったら検索したほうが早いことが多そうですね。
前回にいじれる部分無くなってきたとか言った先からのこれあって当然だなって機能の実装でした。そりゃコピーボタン欲しいですわ。
流石にこのネタでどこまで引っ張れるかそろそろ不安になってきたので何か別の作るモノを考えないとですね。
ToDo
- Reactのお作法がまだまだ分かってないので勉強する(便利なコンポーネントをいろいろ知りたい
- そもそもJavaScriptの勉強が足りてないのでは？
- いっそTypeScriptでリファクタリングすればTypeScriptの勉強になるのでは？
- 合法的に画像が手に入るならスキルアイコンを付けたい
- 入力データの保存・復元をできるようにする(これ要る？
- URL入出力のチェックを厳しくする(放置してしまった
まとめ
今度こそ必要な機能そろったでしょう(節穴)。というわけでご意見など募集中です。感想とか要望とかアイデアとか何かありましたらコンタクトかTwitter辺りに気軽にコメントしてやってください。大変励みになるので、よろしくお願いします。
それでは。