ToDo List ✅

このプロジェクトは、JavaScriptを使用して構築されたシンプルなToDoリストアプリケーションです。

https://so-engineer.github.io/js_todo/

特徴

ToDo Listは、日々のタスク管理を効率的に行うためのWebアプリケーションです。シンプルな操作性を重視し、使いやすさを追求しています。

主な機能：

• タスクの作成、読込、更新、削除
• タスク数の表示（全てのタスク・完了済み・未完了）

技術スタック

• HTML
• CSS
• JavaScript(Vanilla JS)

セットアップ

1. リポジトリのクローン

git clone https://github.com/so-engineer/js_todo.git

2. プロジェクトディレクトリに移動

cd js_todo

3. Live Serverなどを使用して開発サーバーを起動

# VS Codeの場合、Live Server拡張機能を使用
# または他の静的ファイルサーバーを使用

プロジェクト構造

.
├── index.html                # メインのHTMLファイル
├── style.css          　　　  # スタイル定義
├── index.js                  # エントリーポイント
├── src/                      # ソースコードディレクトリ
│   ├── App.js                # メインアプリケーションロジック
│   ├── EventEmitter.js       # イベント管理クラス
│   ├── model/                # データモデル
│   │   ├── TodoListModel.js  # ToDoリスト管理
│   │   └── TodoItemModel.js  # ToDo項目定義
│   └── view/                 # ビュー関連
│       └── html-utils.js     # HTML操作ユーティリティ
├── LICENSE                   # ライセンスファイル
└── README.md                 # プロジェクトの説明

その他

セキュリティには十分注意してください。