JavaScript + React のそろばんシミュレーター
React の習作として、そろばんのシミュレーターを作成しました。
珠もそろばんの枠もアニメーションも CSS のみで表現していて、アプリ自体は 300 行ほどのコードで書けました。作ってはみたものの、React の習作の題材としては微妙だったかなと思います。こういうのだと Canvas を使ってフルで描画したほうが自分としては作りやすかったですね。
ソースコード
ソースコードは以下です。
React の習作として、そろばんのシミュレーターを作成しました。
珠もそろばんの枠もアニメーションも CSS のみで表現していて、アプリ自体は 300 行ほどのコードで書けました。作ってはみたものの、React の習作の題材としては微妙だったかなと思います。こういうのだと Canvas を使ってフルで描画したほうが自分としては作りやすかったですね。
ソースコードは以下です。
コメント