JavaScriptの学習においてもはや定番であり、必須の練習とも言えるTo Doリストを作ってみました。

今後私が開発予定の『toki no tools』におけるtoki no logの素案にもなるであろう、追加・削除機能を持った学習支援ツールです。

また、これを機に『CodePen』を導入してみました。

See the Pen Untitled by t.tokihara (@t-tokihara) on CodePen.

今回特に重要視したのは、以下の通り

• 追加と削除ができる
• 課題番号の更新ができる

To Doリストは構成こそシンプルですが、本来であればデータ保存ができることも重要です。

しかし、今回はJavaScriptの練習ということでフロントのみの実装にしました。

私はエンジニア側の仕事を本業としてはやっていないので、この程度の実装でもかなり試行錯誤しました。

特に、追加機能は比較的簡単だったのですが、削除機能までの概念を考えた途端に急につまずいてしまいました。

結局一からコードを書き直すことにもなり、必要なDOMとメソッドの理解を深めるところからやり直しました。

ここからさらに派生してバックエンド側もやるとなると相当大変な道になりそうですね。。