サルでもわかるWEBプログラミング

おみくじアプリ、電卓アプリの次は、だいぶ難しくなってきますが、ToDoアプリ(することリスト)を作成します。

デザインはBulmaを利用します。

今回作成するToDoアプリは、

1. 『すること』の追加
2. 『すること』のリスト表示
3. 『すること』の削除

の3つの機能を持ち、

1. データはブラウザ上の『localStorage』という場所に保存(異なるスマホ・パソコン間では共有しない)

ものとします。なお、異なるパソコン間でデータを共有するためには、サーバー関連の知識が必要になります。当サイトでもこの次の回で、Firebase(一部無料のサーバーサービス)を用いたToDoアプリの解説を行いたいと思います。

今回は、こちらのサイトのソースコードを利用させていただこうと思います。

ソースコード

これから作るもの

参考サイト

https://code-maven.com/todo-in-html-and-javascript