進捗管理タスクリスト
制作ページURL
制作期間
2日間
制作範囲
デザイン / コーディング / 機能実装
使用ツール
HTML / CSS / JavaScript
目的
様々なプログラムのロジックに挑戦し、システム開発の基礎を理解したいと考え、CRUD操作の学習に初歩的なToDoリストを作成しました。
概要
データの作成・更新・削除を担うJavaScriptの基本ロジックを実装。特に、Local Storageを活用し、ブラウザを閉じてもデータが残る永続的な仕組みを構築しました。タスクの状態に応じ絞り込み機能で、利用者の操作効率を高めました。
情報設計
各タスクにIDと状態を割り当てて管理し、そのタスクの追加・削除・変更といった処理を実行するコードを構築しました。
今後課題
Local Storage（今の保存場所）をやめ、Firebase（クラウド）とつなぐことで、どのスマホやパソコンからでも同じタスクを確認でき、安全に使えるようにしたいです。