URｌ:
シンプルで使いやすいタスク管理アプリです。スマホ・タブレット・PCのブラウザで動作します。インストール不要で、HTMLファイルをブラウザで開くだけで使えます。
HTMLファイルをブラウザで開くだけです。データはブラウザに自動保存されます。
スマホのホーム画面に追加するとアプリのように使えます（PWA対応）。
- 右上の「＋」ボタンをタップ
- タスク・カテゴリ・期日を入力
- 「追加」ボタンをタップ
- 検索欄に文字を入力してからEnterキーを押すと、その文字がタスク欄にコピーされた状態でフォームが開きます
- カテゴリ欄は入力中に既存のカテゴリが候補として表示されます
- カードをタップ、または鉛筆アイコン（✏️）をタップで編集モードになります
- 編集中のカードは緑の枠で表示されます
- 「更新」ボタンで保存、「戻る」ボタンでキャンセルします
- 編集モードまたは通常表示のゴミ箱アイコン（🗑️）をタップ
- 確認ダイアログが表示されます
- コピーアイコン（📋）をタップ
- タスク名とカテゴリがコピーされた状態で追加フォームが開きます
- 期日はコピーされません
- カードのチェックボックスをタップするとテキストに取り消し線が入り、カードが薄く表示されます
- もう一度タップすると未完了に戻ります
- 上部の検索欄にキーワードを入力するとリアルタイムで絞り込まれます
- タスク名・カテゴリで検索できます
- 以下の自然言語でも期日検索ができます
| 入力例 | 検索結果 |
|---|---|
| 今日・today | 今日まで |
| 明日・tomorrow | 明日まで |
| 今週・this week | 今週の日曜まで |
| 来週・next week | 来週の日曜まで |
| 今月・this month | 今月末まで |
| 来月・next month | 来月末まで |
| 月曜・monday | 次の月曜まで |
| 4月・apr | 4月末まで |
| 4/ | 4月末まで |
画面下部のボタンで切り替えます。
| モード | 説明 | 並び順 |
|---|---|---|
| 一覧 | 全タスクを1列表示 | 新しい順 |
| カテゴリ | カテゴリでグループ化 | カテゴリ名前順 → 期日が近い順 → 登録が古い順 |
| 期日 | 期日でグループ化 | 期日が早い順 → カテゴリ名前順 → 登録が古い順 |
- グループ名をタップすると開閉できます
- 期限切れのタスクは期日タグとカード枠が赤色で表示されます
- 上部の「CSV」ボタンをタップ
- 確認ダイアログでOKをタップ
todos.csvがダウンロードされます
CSVの列順
- 上部の「JSON」ボタンをタップ
- 確認ダイアログでOKをタップ
todos.jsonがダウンロードされます
- 上部の「取込」ボタンをタップ
- フォーマット説明を確認してOKをタップ
- ファイルを選択
- 上書きモード（既存データを消して取込）か追加モード（既存データに追加）を選択
インポート時の注意
- タスクが空白の行はスキップされます
- 期日は
yyyy-mm-dd形式以外は空白扱いになります - 完了は
true以外はfalse扱いになります
- 上部の「ja」「en」ボタンで日本語・英語を切り替えられます
タスク管理
- タスクの追加・編集・削除
- カテゴリ・期日の設定
- 完了チェックボックス（完了済みは薄く表示）
- タスクをコピーして新規作成
表示・検索
- 一覧 / カテゴリ / 期日 の3種類の表示モード
- テキスト・カテゴリでの検索
- 自然言語での期日検索
- 期限切れタスクの赤色表示（期日タグ・カード枠）
データ管理
- CSV・JSONでのエクスポート・インポート
- データはブラウザに自動保存（localStorage）
その他
- 日本語・英語の切替
- ブラウザ翻訳機能に対応
- スマホ対応（レスポンシブデザイン）
- ホーム画面への追加対応（PWA）
| 技術 | 用途 |
|---|---|
| HTML / CSS / JavaScript | アプリ本体 |
| Vue.js 3.5.13 | UI構築・データ管理 |
| Material Symbols | アイコン |
| localStorage | データの自動保存 |
| PWA（Service Worker） | ホーム画面への追加対応 |
外部サーバーへのデータ送信は一切ありません。
- Windows 11 / Chrome・Edge
- iPhone / Safari・Chrome
- Android / Chrome