プログラマー VTuber 衣亥栖ティオのちょっとした話

Youtubeに投稿したプログラミング学習動画の補足説明をするためのブログです。

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

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


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

前回との差分は以下です。

https://github.com/tio-iis/memo-server/pull/16/files

動画時点の全体ソースコードは以下です。

https://github.com/tio-iis/memo-server/tree/722c1ba5db4b9c79e337d3ca78c4ed53ab915ed7

HTMLタグ作成部分の実装の重複について

動画内ではHTMLタグ作成部分の実装が重複していたことで、予期せぬ不具合が発生していました。 重複している実装は以下です。

https://github.com/tio-iis/memo-server/pull/16/files#diff-0eb547304658805aad788d320f10bf1f292797b5e6d745a3bf617584da017051R173

https://github.com/tio-iis/memo-server/pull/16/files#diff-0eb547304658805aad788d320f10bf1f292797b5e6d745a3bf617584da017051R261

本来であれば、こういった重複は1つの関数にまとめるべきです。 関数にまとめることで、1箇所だけ修正すれば済む実装になります。 一旦機能を一通り作りきりたいので、このままにしますが、今後の動画でリファクタリング予定です。

StringからIntへの変換について

動画では Number() を利用することで文字列をintに変換しましたが、parseInt() という関数を利用することもできます。

https://qiita.com/gp333/items/8bfa34979da64f15035c