高機能ToDoリスト【タスク管理】
高機能ToDoリスト【タスク管理】 – 機能説明書
基本機能
タスクの追加
テキストエリアにタスクを入力し、「タスクを追加」ボタンをクリックするとタスクが追加されます。改行で区切ることで、複数のタスクを一度に追加できます。
優先度の設定
タスク追加時に「高」「中」「低」の3段階で優先度を設定できます。優先度に応じてタスクの左端に色付きのラインが表示されます。赤は高優先度、黄色は中優先度、緑は低優先度を示します。
タスクの完了
タスク左側のチェックボックスをクリックすると、タスクを完了状態に切り替えられます。完了したタスクは取り消し線が引かれ、薄く表示されます。
タスクの編集
タスクにカーソルを合わせると表示される鉛筆アイコンをクリックすると、タスクの内容と優先度を編集できます。
タスクの削除
タスクにカーソルを合わせると表示される×アイコンをクリックすると、そのタスクを削除できます。
コピーして完了
タスクにカーソルを合わせると表示されるコピーアイコンをクリックすると、タスク内容がクリップボードにコピーされ、同時にタスクが完了状態になります。設定で定型文を登録している場合は、タスク内容の後に定型文が追加されてコピーされます。
タブ機能
タブの追加
タブ一覧の右端にある「+」ボタンをクリックすると、新しいタブを作成できます。タブ名を入力するダイアログが表示されます。
タブの切り替え
タブをクリックすると、そのタブに切り替わります。各タブは独立したタスクリストを持っています。
タブ名の変更
タブ名をダブルクリックすると、タブ名を変更するダイアログが表示されます。
タブの削除
タブにカーソルを合わせると表示される×ボタンをクリックすると、そのタブを削除できます。タブ内のすべてのタスクも一緒に削除されます。タブが1つしかない場合は削除できません。
タブの並び替え
タブをドラッグ&ドロップすることで、タブの順序を変更できます。
未完了タスク数の表示
各タブには、そのタブ内の未完了タスク数がバッジとして表示されます。
検索・フィルター・ソート機能
タスクの検索
検索ボックスにキーワードを入力すると、タスク内容に一致するタスクのみが表示されます。×ボタンをクリックすると検索をクリアできます。
フィルター機能
「すべて」「未完了」「完了」の3つのフィルターでタスクを絞り込めます。
| フィルター | 表示内容 |
|---|---|
| すべて | 全タスクを表示 |
| 未完了 | 未完了のタスクのみ表示 |
| 完了 | 完了済みのタスクのみ表示 |
ソート機能
「作成日順」「優先度順」「名前順」の3種類でタスクを並び替えられます。
| ソート | 並び順 |
|---|---|
| 作成日順 | 新しいタスクが上に表示 |
| 優先度順 | 高→中→低の順に表示 |
| 名前順 | あいうえお順(アルファベット順)に表示 |
タスクの並び替え
タスクの左端にあるドラッグハンドル(横線のアイコン)をつかんでドラッグすることで、タスクの順序を自由に変更できます。
統計情報
画面下部に4つの統計情報が表示されます。
| 項目 | 説明 |
|---|---|
| 全タスク | 現在のタブ内のタスク総数 |
| 完了 | 完了済みのタスク数 |
| 残り | 未完了のタスク数 |
| 連続完了 | リスト上部から連続して完了しているタスク数 |
プログレスバー
タスクの完了率がビジュアルで表示されます。完了率が上がるとバーが伸びていきます。
エクスポート機能
上向き矢印のアイコンをクリックすると、現在のタブ内のすべてのタスクがMarkdown形式でクリップボードにコピーされます。
出力例:
# メイン
☑ 完了したタスク
☐ 未完了のタスク
全削除機能
ゴミ箱アイコンをクリックすると、現在のタブ内のすべてのタスクを一括削除できます。確認ダイアログが表示されるので、誤操作を防げます。
設定機能
歯車アイコンをクリックすると設定画面が開きます。
定型文テンプレート
コピー機能を使用した際に、タスク内容の後に自動で追加される定型文を設定できます。メールやチャットでタスク完了報告をする際に便利です。
使用例: 定型文に「ご確認のほど、よろしくお願いいたします。」と設定すると、「資料作成」というタスクをコピーした際に以下のようにコピーされます。
資料作成
ご確認のほど、よろしくお願いいたします。
テーマ切り替え
太陽/月アイコンをクリックすると、ライトモードとダークモードを切り替えられます。設定は自動的に保存され、次回アクセス時にも維持されます。
キーボードショートカット
?アイコンをクリックするとショートカット一覧が表示されます。
| ショートカット | 機能 |
|---|---|
| Ctrl + Enter | タスクを追加(入力欄にフォーカス時) |
| Ctrl + K | 検索欄にフォーカス |
| Ctrl + T | 新しいタブを作成 |
| Ctrl + D | テーマを切り替え |
| Esc | モーダル(ダイアログ)を閉じる |
※ Macの場合は Ctrl の代わりに Cmd キーを使用します。
データの保存
すべてのデータ(タスク、タブ、設定、テーマ)はブラウザのローカルストレージに自動保存されます。ブラウザを閉じても、次回アクセス時にデータが復元されます。
注意: ブラウザのデータを削除すると、保存されたタスクも消去されます。
通知(トースト)
操作を行うと、画面右下に通知メッセージが表示されます。数秒後に自動で消えますが、×ボタンで即座に閉じることもできます。
| 通知の色 | 意味 |
|---|---|
| 緑(左線) | 成功(タスク追加、保存完了など) |
| 青(左線) | 情報(削除完了、テーマ変更など) |
| 赤(左線) | エラー(コピー失敗など) |
