ToDo Always

このアプリは何？

デスクトップに常駐させられる ToDo アプリです。

• タスクが 締め切り順 に表示される
• 残り時間 が表示される
• 超過時間 も表示される
• デスクトップに 最前面 で置いておける

という、締め切りを忘れがちの人間にはとても嬉しい機能を詰め込んでます！

スクリーンショット

使い方

タスク追加

1. タスクの下にマウスホバーすると 横線 が出てくるので、クリックします。

2. モーダルウィンドウが出てくるので、 タスク名 と 締め切り日時 を入力します。

締め切り日時は、横の カレンダーマーク をクリックし、カレンダーから設定することもできます。

3. 入力したらチェックマークをクリックします。

4. タスクが追加されます。

タスク編集

1. 既存のタスクにマウスホバーすると右側に 編集ボタン が出てくるので、クリックします。

2. 新しいタスク名を入力し、チェックマークをクリックします。

3. タスクが編集されます。

タスク削除

1. 既存のタスクにマウスホバーすると右側に ゴミ箱ボタン が出てくるので、クリックします。

2. タスクが削除されます。

完了ステータス変更

1. 既存のタスクにマウスホバーし、クリックします。

2. 打ち消し線が表示され、チェックボックスにチェックが入ります。 再びタスク上でクリックすると、打ち消し線が解除され、チェックボックスのチェックが外れます。

※タスクが複数ある時、完了したタスクは下部に移動します。

常に最前面に表示

上部バーの 画鋲アイコン をクリックすると、常に最前面に表示するかどうかを切り替えることができます。

アイコンが薄い とき、 他のウィンドウの下に隠れる 状態になり、

アイコンが濃い とき、 常に最前面に表示する 状態になります

アプリ最小化

2通りの方法があります。

• 上部バーの ＿ボタン をクリック

• 上部バーを右クリック して 最小化 をクリック

アプリ終了

3通りの方法があります。

• 上部バーの ×ボタン をクリック

• 上部バーを右クリック して 閉じる をクリック

• タスクトレイアイコンを右クリック して 終了 をクリック

アプリ再表示

2通りの方法があります。

• タスクトレイアイコンを左クリック
• タスクトレイアイコンを右クリック して 表示 をクリック

カスタマイズ

実行ファイルと同じ場所にある config.json を編集することで、表示をカスタマイズすることができます。 パラメータは以下の通りです。

• hideDeletedTask: 削除されたタスクを非表示にするかどうか (初期値: true)
• hideDoneTask: 完了したタスクを非表示にするかどうか (初期値: false)
• sortByDeadline: 締め切り日時の昇順で並び替えるかどうか (初期値: true)
• sortByStatus: 未完了タスク→完了タスク の順で並び替えるかどうか (初期値: true)
• appearances: 見た目に関する設定
  • main.background.color: アプリ背景のRGB値 (初期値: 16, 16, 16)
  • main.background.alpha: アプリ背景の不透明度 (初期値: 0.9)
  • main.foreground.color: メインの文字のRGB値 (初期値: 255, 255, 255)
  • main.foreground.alpha: メインの文字の不透明度 (初期値: 0.8)
  • quiet.foreground.color: 完了したタスクなどの文字のRGB値 (初期値: 255, 255, 255)
  • quiet.foreground.alpha: 完了したタスクなどの文字の不透明度 (初期値: 0.3)
  • highlighted.foreground.color: 締切超過タスクの文字のRGB値 (初期値: 255, 32, 32)
  • highlighted.foreground.alpha: 締切超過タスクの文字の不透明度 (初期値: 0.9)
  • modal.background.color: モーダルウィンドウ背景のRGB値 (初期値: 32, 32, 32)
  • modal.background.alpha: モーダルウィンドウ背景の不透明度 (初期値: 0.9)
  • theme.color: テーマカラーRGB値 (初期値: 108, 192, 228)
  • theme.alpha: テーマカラー不透明度 (初期値: 0.8)
  • bar.background.color: タイトルバー背景のRGB値 (初期値: 32, 64, 80)
  • bar.background.alpha: タイトルバー背景の不透明度 (初期値: 0.9)
  • bar.foreground.color: タイトルバー上のボタンのRGB値 (初期値: 255, 255, 255)
  • bar.foreground.alpha: タイトルバー上のボタンの不透明度 (初期値: 0.5)
• localize:
  • taskNamePlaceholder: タスク名入力欄のプレースホルダー (初期値: タスクを入力しよう！)
  • taskNameNotSet: タスクの名前が設定されていない時に代わりに表示される文字列 (初期値: タスク未設定)
  • deadlineNotSet: タスクの締切が設定されていない時に代わりに表示される文字列 (初期値: 締切なし)
  • dateFormat: 締切のフォーマット 詳細はこちらを参照 (初期値: M/D(dd) HH:mm)
  • day: 日の単位 (初期値: 日)
  • hour: 時間の単位 (初期値: 時間)
  • min: 分の単位 (初期値: 分)
  • sec: 秒の単位 (初期値: 秒)
  • remainingFormat: 残り時間表示のフォーマット %sの部分が残り時間に置換される (初期値: あと %s)
  • overFormat: 超過時間表示のフォーマット %sの部分が超過時間に置換される (初期値: %s 超過)

ビルド

npm run electron:build

更新履歴

1.1.0 (2021/2/18)

• タイトルバーにピン留め、最小化、閉じるボタンを追加
• アプリ終了時のウィンドウサイズ、位置を保存する機能を追加
• 締め切り日時に曜日が表示されるように変更
• 完了済みのタスクが下部に移動するように変更
• config.json により色や並び替えの設定ができるように変更
• タスク編集画面のカレンダーマークの色を変更

1.0.0 (2021/2/17)

• 公開