sche

タスク & スケジュール管理アプリ

簡易タスク管理 + ガントチャート表示

このプロジェクトは、ブラウザ上で動作する軽量なタスク管理ツールです。

1. タスクの追加・編集・削除
2. 完了状態の切り替え
3. スケジュール表（ガントチャート）で期間を可視化
4. ローカルストレージに永続保存

📦 ディレクトリ構成

├─ index.html        # UI と基本レイアウト (Tailwind CSS CDN)
├─ script.js         # タスクロジックとレンダリング
└─ README.md         # このファイル（更新中）

🚀 使い方

https://kan-taro.github.io/sche/

または

1. index.html をブラウザで開く。
2. タスクを追加：タイトル・開始日・終了日を入力し「保存」ボタン。
   
3. タスクリストのチェックボックスで完了状態を切り替え。
4. 完了済みタスクはスケジュール表から除外されます。
5. スケジュール表上ではドラッグ＆ドロップで行順序を変更可能です（ローカルストレージに反映）。

注意：データは localStorage に保存されるため、同一ブラウザ内の同一ドメインでのみ共有できます。

📚 技術スタック

• HTML5 + Tailwind CSS（CDN）
• Vanilla JavaScript（ES6+）
• LocalStorage API
• いくつかの簡易ユーティリティ関数（日付フォーマット、ローデータ管理など）

🔧 開発フロー

1. ファイル構造を確認：index.html, script.js
2. タスクデータは次の形で保存されます。

   {
     "id": "1638451234",
     "title": "例: 調査",
     "start": "2025-01-01",
     "end": "2025-01-05",
     "completed": false
   }

3. script.js では以下の主要関数があります。
   • loadTasks() / saveTasks(tasks)：ローカルストレージ操作
   • renderTaskList()：タスク一覧をテーブルへ描画
   • renderSchedule()：ガントチャートを生成
   • editTask(id), deleteTask(id), toggleComplete(e, id)：CRUD 操作
4. スケジュール表は <table> に動的に <thead> と <tbody> を挿入し、ドラッグ＆ドロップで行順序を更新。

📦 ビルド／デプロイ

このプロジェクトはビルドステップが不要です。index.html をそのままサーバーに配置すれば即利用可能です。

• GitHub Pages：リポジトリの main ブランチを GitHub Pages に設定すると、ブラウザから直接アクセスできます。

🤝 コントリビュート

1. フィーチャー追加やバグ修正は Pull Request を作成してください。
2. 変更点に関する簡単な説明とテストコード（必要なら）を添えてください。
3. README の内容も合わせて更新すると助かります。

📄 ライセンス

MIT License