SyncTimerのコードをいくつかのモジュールに分解した
これまで Main.elm
だけで作ってきた Elm のコードが増えて見通しが悪くなってきたので、いくつかのモジュールに分解した。
今回はリファクタリングなので機能の変更はなし。
これまで Main.elm
だけで作ってきた Elm のコードが増えて見通しが悪くなってきたので、いくつかのモジュールに分解した。
今回はリファクタリングなので機能の変更はなし。
エゴサーチしながらライブを拝見してたら、 とある方がタイマーを停止したときのコメントを話していたのでフィードバックとして受け取り、 簡単ながら「1秒戻る・1秒進める」ボタンを追加してみた。
カウントダウンの表示に追加要素として進み具合をバーで視覚化できるようにしてみた。
SyncTimerのリファクタリングを行った。今回のテーマは「どこまでをElmで管理すべきか?」ということ。
タイトルそのままなのだが、これまでモーダルとして表示していた使い方動画なども紹介ページへ移動してみた。
これはもともと存在していたのだが、Github Pages として公開しておりアプリケーションと同じドメインではなかったので、同じドメインに /about
として表示するようにした。
https://sync-timer.netlify.app/about/
モーダルのほうがわかりやすかっただろうか?という疑問もあるが、一旦公開することにした。
タイマーの利用状況をたまに観察していると、1時間未満(アニメなどはおおよそ30分未満)の動画再生などに使われるケースもそれなりに多いため、 「時・分・秒」ではなく「分・秒」の表示だけに切り詰めたほうがレイアウトとしても便利かもしれない、と思ったので機能を追加してみた。
リファクタリングとは、動作を変更させずにコードを整理する作業のことである。 繰り返している無駄な機能をまとめたり、わかりやすく整理することで保守しやすくすることができる。
開始・リセットボタンとタイマーの表示設定の配置を変更した。