Skip to content

Mainlst/web-todo-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

ToDoアプリ ユーザーガイド

image

概要

このToDoアプリは、タスクを追加し、その進捗状況を管理するためのシンプルで直感的なツールです。タスクには締め切り日と色を設定することができ、カレンダーと連携して視覚的にタスクを管理することができます。

アプリの機能

  1. タスクの追加
  2. タスクの編集
  3. タスクの削除
  4. タスクの完了
  5. 完了したタスクの表示/非表示
  6. タスクの保存と読み込み
  7. カレンダーでのタスク管理

各機能の使い方

1. タスクの追加

image

  1. タスクを入力フィールドにタスクの内容を入力します。
  2. 締め切り日フィールドでタスクの締め切り日を選択します。
  3. 色選択メニューでタスクに関連する色を選択します。
  4. 追加ボタンをクリックすると、タスクがリストに追加されます。

2. タスクの編集

  • タスクリスト内のタスクのテキスト、締め切り日、色をクリックすると編集できます。編集後、自動的に保存され、カレンダーも更新されます。

3. タスクの完了

  • タスクリスト内のタスクの左側にあるチェックボックスをクリックすると、タスクが完了済みとしてマークされます。完了したタスクは別のリストに移動します。

4. タスクの削除

image

  • タスクリスト内のタスクの右側にある削除ボタンをクリックすると、タスクが削除されます。

5. 完了したタスクの表示/非表示

  • 完了したタスクセクションの表示ボタンをクリックすると、完了したタスクのリストが表示されます。再度クリックすると非表示になります。

6. タスクの保存と読み込み

  • タスクは自動的にローカルストレージに保存されます。ページを再読み込みしても、保存されたタスクは保持されます。

7. カレンダーでのタスク管理

  • カレンダーは月ごとにタスクを表示します。
  • カレンダーの前月、次月ボタンを使用して月を切り替えることができます。
  • 締め切り日にタスクがある場合、その日に色付きのハイライトが表示されます。今日のタスクは特に強調表示されます。

スタイルとデザイン

  • 全体のスタイルはシンプルで清潔感があります。
  • タスクリストやカレンダーのデザインは直感的で使いやすく設計されています。
  • 色選択により、タスクの視覚的な優先順位付けが可能です。

よくある質問 (FAQ)

Q1: タスクが保存されません。どうすればよいですか?

  • ブラウザのローカルストレージが有効になっているか確認してください。設定でローカルストレージを許可してください。

Q2: タスクの締め切り日を変更してもカレンダーが更新されません。

  • タスクの締め切り日を変更した後、自動的に保存されカレンダーが更新されますが、反映されない場合はページを再読み込みしてください。

Q3: 完了したタスクを再度未完了に戻せますか?

  • 完了したタスクのチェックボックスを再度クリックすると、未完了のタスクとしてリストに戻ります。

このアプリを使用することで、タスク管理が簡単になり、締め切りを見逃すことなく効率的に作業を進めることができます。ぜひお試しください。

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published