プログラマーへの道 #104 の補足説明

こんにちは、プログラマーVTuberの衣亥栖ティオです。
今回は以下の動画の補足説明をします。 動画内で実装したソースコードも載せています。

今回の動画で実装したソースコード

今回の実装は以下です。
https://github.com/tio-iis/memo-server/pull/30/files

現時点でのソースコード全体は以下です。
https://github.com/tio-iis/memo-server/tree/15a8acaeda1bde2a4e7145f2acbd17a2e059ff1d

チェックボックス操作のリファクタリングについて

前回の動画ではモーダルを閉じたり、モーダル上にエラーを表示する実装をイベントリスナーに実装しました。 今回のチェックボックス操作も同じようにチェックボックス操作の部分のみイベントリスナーに残しています。 https://github.com/tio-iis/memo-server/blob/15a8acaeda1bde2a4e7145f2acbd17a2e059ff1d/index.html#L392-L401

リファクタリング前後の差分について

リファクタリング前後の差分は以下になります。 差分を見ても、いまいちピンとこないかもしれませんね。
https://github.com/tio-iis/memo-server/compare/6765a2a..15a8aca