この記事では無料で構築できる最強のタスク管理環境とその設定方法をご紹介します。
- Todoist(タスク作成、グループ分け、スケジューリング)
- TodoistChute(タスクの作業時間見積り。Todoistの拡張機能)
- Googleカレンダー(スケジュールの可視化)
- Toggl Track(タスクの作業時間記録、作業実績振り返り)
無料で使えるタスク管理ツールはいくつもあります。
しかし、無料プランでは使える機能が限られていたり、痒い所に手が届かない!
そんな経験をした方も多いのではないでしょうか。
そんな時に考えたいのは複数のアプリを連携すること。
個人のタスク管理においては、今回紹介するアプリを連携させて使うことで、イイ感じのタスク管理環境ができます。
この記事では、その設定方法を順を追って紹介していきます。
![](https://watalog.net/wp-content/uploads/2022/04/吹き出し_Icon_white_170x170-170x150.png)
一通りのタスク管理ツールを試してきた結果、個人タスクの管理はこの環境に落ち着いています。
- PCをメインで使います。
- ブラウザはGoogleChromeを使用します。
- チームでの管理ではなく、個人のタスク管理環境です。
タスク管理の実際の流れ、やり方を知りたい方はこちらの記事をご参考に!
![](https://watalog.net/wp-content/uploads/2021/07/アイキャッチ_タスク管理_1200x630.png)
![](https://watalog.net/wp-content/uploads/2021/07/アイキャッチ_タスク管理_1200x630.png)
Todoistのはじめかた
まずメインとなるアプリ「Todoist」のアカウント登録をしましょう。
![Todoist 始める](https://watalog.net/wp-content/uploads/2021/08/Todoist_01スクリーンショット-2021-07-31-111353.jpg)
![Todoist 始める](https://watalog.net/wp-content/uploads/2021/08/Todoist_01スクリーンショット-2021-07-31-111353.jpg)
登録はメールアドレスか、Google / Facebook / Appleのアカウントが使用できます。
今回紹介する環境においてはブラウザにGoogleChromeを使用、Googleカレンダーも連携させますので、Googleアカウントの使用をおすすめします。
使用するGoogleアカウントを選択したら、登録は一瞬です。
![Todoist アカウント登録](https://watalog.net/wp-content/uploads/2021/08/Todoist_02スクリーンショット-2021-07-31-111531.jpg)
![Todoist アカウント登録](https://watalog.net/wp-content/uploads/2021/08/Todoist_02スクリーンショット-2021-07-31-111531.jpg)
これで使用できるようになりました。
メインで使用しますので、左側の「プロジェクト」「ようこそ」から基本的な使い方を学んでみましょう。
![Todoist 開始準備](https://watalog.net/wp-content/uploads/2021/08/Todoist_03スクリーンショット-2021-07-31-134910.jpg)
![Todoist 開始準備](https://watalog.net/wp-content/uploads/2021/08/Todoist_03スクリーンショット-2021-07-31-134910.jpg)
拡張機能TodoistChuteをインストール
続いて、Todoistの拡張機能「TodoistChute」をインストールしていきます。
TodoistChuteを入れることで、タスクの作業時間を見積ることができるようになります。
右上の「Chromeに追加」からインストールします。
![TodoistChute インストール](https://watalog.net/wp-content/uploads/2021/08/TodoistChute_01スクリーンショット-2021-07-31-135716.jpg)
![TodoistChute インストール](https://watalog.net/wp-content/uploads/2021/08/TodoistChute_01スクリーンショット-2021-07-31-135716.jpg)
Chromeに追加して、Todoistの画面を更新すると、画面上部に集計表が表示されるようになります。
![TodoistChute](https://watalog.net/wp-content/uploads/2021/08/TodoistChute_02スクリーンショット-2021-07-31-135901.jpg)
![TodoistChute](https://watalog.net/wp-content/uploads/2021/08/TodoistChute_02スクリーンショット-2021-07-31-135901.jpg)
使用方法は、タスクのラベルに「 //時間」 と作業時間(分)を入力するだけ。
一度ラベルを作成すると、次からはドロップダウンで選択できます。
![Todoist Toggl Googleカレンダー 連携 方法](https://watalog.net/wp-content/uploads/2022/05/スクリーンショット-2022-05-21-131105-1.jpg)
![Todoist Toggl Googleカレンダー 連携 方法](https://watalog.net/wp-content/uploads/2022/05/スクリーンショット-2022-05-21-131105-1.jpg)
こうすることで、時間が集計されていきますので、今抱えている残タスク数と、あとどれぐらいの作業時間が必要か、が分かるようになります。
![Todoist Toggl Googleカレンダー 連携 方法](https://watalog.net/wp-content/uploads/2022/05/スクリーンショット-2022-05-21-131150-1.jpg)
![Todoist Toggl Googleカレンダー 連携 方法](https://watalog.net/wp-content/uploads/2022/05/スクリーンショット-2022-05-21-131150-1.jpg)
Googleカレンダーとの連携方法
次はTodoistとGoogleカレンダーを連携します。
連携することで、Todoistで作成したタスクをGoogleカレンダー上に表示できるようになります。
まず、Todoist右上のアカウントアイコンから「連携機能」をクリックします。
![Todoist Toggl Googleカレンダー 連携 方法](https://watalog.net/wp-content/uploads/2022/05/スクリーンショット-2022-05-21-131215-1.jpg)
![Todoist Toggl Googleカレンダー 連携 方法](https://watalog.net/wp-content/uploads/2022/05/スクリーンショット-2022-05-21-131215-1.jpg)
「カレンダーを接続」をクリック
![Todoist Toggl Googleカレンダー 連携 方法](https://watalog.net/wp-content/uploads/2022/05/スクリーンショット-2022-05-21-131245-1.jpg)
![Todoist Toggl Googleカレンダー 連携 方法](https://watalog.net/wp-content/uploads/2022/05/スクリーンショット-2022-05-21-131245-1.jpg)
連携するGoogleアカウントを選択して右下の「許可」、次の画面で「Agree」を選択します。
![Todoist Googleカレンダー](https://watalog.net/wp-content/uploads/2021/08/Googleカレンダー_04_02スクリーンショット-2021-07-31-141427.jpg)
![Todoist Googleカレンダー](https://watalog.net/wp-content/uploads/2021/08/Googleカレンダー_04_02スクリーンショット-2021-07-31-141427.jpg)
再度、Todoist設定の「連携機能」から「カレンダーを追加」をクリックします。
![Todoist Toggl Googleカレンダー 連携 方法](https://watalog.net/wp-content/uploads/2022/05/スクリーンショット-2022-05-21-131329-1.jpg)
![Todoist Toggl Googleカレンダー 連携 方法](https://watalog.net/wp-content/uploads/2022/05/スクリーンショット-2022-05-21-131329-1.jpg)
Googleカレンダーと連携するダイアログが出てくるので「連携する」をクリックします。
![Todoist Googleカレンダー](https://watalog.net/wp-content/uploads/2021/08/Googleカレンダー_07スクリーンショット-2021-07-31-153536.jpg)
![Todoist Googleカレンダー](https://watalog.net/wp-content/uploads/2021/08/Googleカレンダー_07スクリーンショット-2021-07-31-153536.jpg)
これでTodoistとGoogleカレンダーの連携が完了です。
試しに、Todoistのタスクに開始日時を設定してみましょう。
タスクの「スケジュール」から日付と時間を追加します。
![Todoist Toggl Googleカレンダー 連携 方法](https://watalog.net/wp-content/uploads/2022/05/スクリーンショット-2022-05-21-131358-1-657x600.jpg)
![Todoist Toggl Googleカレンダー 連携 方法](https://watalog.net/wp-content/uploads/2022/05/スクリーンショット-2022-05-21-131358-1-657x600.jpg)
Googleカレンダーを確認すると、表示されるようになりました。
表示色の設定はカスタマイズ可能です。
![Todoist Toggl Googleカレンダー 連携 方法](https://watalog.net/wp-content/uploads/2022/05/スクリーンショット-2022-05-21-131445-1.jpg)
![Todoist Toggl Googleカレンダー 連携 方法](https://watalog.net/wp-content/uploads/2022/05/スクリーンショット-2022-05-21-131445-1.jpg)
デフォルトでは1つのタスク=1時間の長さでGoogleカレンダーに登録されます。
ドラッグすることで移動、延長が可能です。
Toggl Trackのはじめかた
次にToggl Trackで作業時間を記録できるようにしましょう。
現時点では日本語対応していませんが、説明通りに進めていけば大丈夫です。
右上の「Try for free」か、中ほどにある「Get started for free」をクリック。
![Toggl Todoist](https://watalog.net/wp-content/uploads/2021/08/Toggl_01スクリーンショット-2021-08-01-060717.jpg)
![Toggl Todoist](https://watalog.net/wp-content/uploads/2021/08/Toggl_01スクリーンショット-2021-08-01-060717.jpg)
Googleアカウントを使用して開始します。
「I agree to the terms of service and privacy policy.」にチェックを入れて、「Sign up via Google」をクリック。
![Toggl Todoist](https://watalog.net/wp-content/uploads/2021/08/Toggl_02スクリーンショット-2021-08-01-060824.jpg)
![Toggl Todoist](https://watalog.net/wp-content/uploads/2021/08/Toggl_02スクリーンショット-2021-08-01-060824.jpg)
これでアカウント登録完了です。(簡単)
![Toggl Todoist](https://watalog.net/wp-content/uploads/2021/08/Toggl_03スクリーンショット-2021-08-01-060944.jpg)
![Toggl Todoist](https://watalog.net/wp-content/uploads/2021/08/Toggl_03スクリーンショット-2021-08-01-060944.jpg)
Toggl Trackとの連携方法
最後にToggl TrackとTodoist、Googleカレンダーを連携します。(もう少しです!)
GoogleChromeにTogglの拡張機能を追加します。
Togglの拡張機能インストールはこちら
右上の「Chromeに追加」をクリック。
![Toggl Todoist Googleカレンダー](https://watalog.net/wp-content/uploads/2021/08/Toggl_03スクリーンショット-2021-08-01-061607.jpg)
![Toggl Todoist Googleカレンダー](https://watalog.net/wp-content/uploads/2021/08/Toggl_03スクリーンショット-2021-08-01-061607.jpg)
GoogleChrome画面右上の三点リーダから、「その他のツール」→「拡張機能」と選択。
![Todoist Toggl Googleカレンダー 連携 方法](https://watalog.net/wp-content/uploads/2022/05/スクリーンショット-2022-05-21-131512-1.jpg)
![Todoist Toggl Googleカレンダー 連携 方法](https://watalog.net/wp-content/uploads/2022/05/スクリーンショット-2022-05-21-131512-1.jpg)
Toggl Trackの「詳細」をクリック。
![Todoist Toggl Googleカレンダー 連携 方法](https://watalog.net/wp-content/uploads/2022/05/スクリーンショット-2022-05-21-131538-1.jpg)
![Todoist Toggl Googleカレンダー 連携 方法](https://watalog.net/wp-content/uploads/2022/05/スクリーンショット-2022-05-21-131538-1.jpg)
「拡張機能のオプション」をクリック。
![Todoist Toggl Googleカレンダー 連携 方法](https://watalog.net/wp-content/uploads/2022/05/スクリーンショット-2022-05-21-131612-1-729x600.jpg)
![Todoist Toggl Googleカレンダー 連携 方法](https://watalog.net/wp-content/uploads/2022/05/スクリーンショット-2022-05-21-131612-1-729x600.jpg)
「Integrations」のアプリ一覧から「Google Calendar」「Todoist」をそれぞれ選択。
![Toggl Todoist Googleカレンダー](https://watalog.net/wp-content/uploads/2021/08/Toggl_08スクリーンショット-2021-08-01-062319.jpg)
![Toggl Todoist Googleカレンダー](https://watalog.net/wp-content/uploads/2021/08/Toggl_08スクリーンショット-2021-08-01-062319.jpg)
もし、画面左上に「Timezone mismatch」が出ている場合は、タイムゾーンを調整しましょう。
![Toggl Todoist Googleカレンダー](https://watalog.net/wp-content/uploads/2021/08/Toggl_10スクリーンショット-2021-08-01-062505.jpg)
![Toggl Todoist Googleカレンダー](https://watalog.net/wp-content/uploads/2021/08/Toggl_10スクリーンショット-2021-08-01-062505.jpg)
左下のアカウントをクリックして、「Profile settings」をクリック。
![Todoist Toggl Googleカレンダー 連携 方法](https://watalog.net/wp-content/uploads/2022/05/スクリーンショット-2022-05-21-131640-1.jpg)
![Todoist Toggl Googleカレンダー 連携 方法](https://watalog.net/wp-content/uploads/2022/05/スクリーンショット-2022-05-21-131640-1.jpg)
Time and dateの「TIME ZONE」の項目でAsia/Tokyoを選択する。
![Toggl Todoist Googleカレンダー](https://watalog.net/wp-content/uploads/2021/08/Toggl_11_02スクリーンショット-2021-08-01-062754.jpg)
![Toggl Todoist Googleカレンダー](https://watalog.net/wp-content/uploads/2021/08/Toggl_11_02スクリーンショット-2021-08-01-062754.jpg)
Googleカレンダーと繋いでいきます。
External calendarsから「GOOGLE CALENDAR」を選択。
![Todoist Toggl Googleカレンダー 連携 方法](https://watalog.net/wp-content/uploads/2022/05/スクリーンショット-2022-05-21-131704-1.jpg)
![Todoist Toggl Googleカレンダー 連携 方法](https://watalog.net/wp-content/uploads/2022/05/スクリーンショット-2022-05-21-131704-1.jpg)
連携するGoogleアカウントを選択し、「Googleカレンダーを使用して~」にチェックを入れて「Continue」をクリック。
![Todoist Toggl Googleカレンダー 連携 方法](https://watalog.net/wp-content/uploads/2022/05/スクリーンショット-2022-05-21-131722-1.jpg)
![Todoist Toggl Googleカレンダー 連携 方法](https://watalog.net/wp-content/uploads/2022/05/スクリーンショット-2022-05-21-131722-1.jpg)
Todoistのタスクが表示されるように有効にしましょう。
![Todoist Toggl Googleカレンダー 連携 方法](https://watalog.net/wp-content/uploads/2022/05/スクリーンショット-2022-05-21-131747-1.jpg)
![Todoist Toggl Googleカレンダー 連携 方法](https://watalog.net/wp-content/uploads/2022/05/スクリーンショット-2022-05-21-131747-1.jpg)
![](https://watalog.net/wp-content/uploads/2022/04/吹き出し_Icon_white_170x170-170x150.png)
![](https://watalog.net/wp-content/uploads/2022/04/吹き出し_Icon_white_170x170-170x150.png)
![](https://watalog.net/wp-content/uploads/2022/04/吹き出し_Icon_white_170x170-170x150.png)
以上でアプリの連携は完了です。
実際に連携されているか確認してみましょう!
Todoistのタスクを開くと、右側にTogglボタンが出現しています。
![Todoist Toggl Googleカレンダー 連携 方法](https://watalog.net/wp-content/uploads/2022/05/スクリーンショット-2022-05-21-131822-1.jpg)
![Todoist Toggl Googleカレンダー 連携 方法](https://watalog.net/wp-content/uploads/2022/05/スクリーンショット-2022-05-21-131822-1.jpg)
Togglボタンをクリックして、紫に変わると計測開始です。
![Toggl Todoist Googleカレンダー](https://watalog.net/wp-content/uploads/2021/08/Toggl_18スクリーンショット-2021-08-01-063939.jpg)
![Toggl Todoist Googleカレンダー](https://watalog.net/wp-content/uploads/2021/08/Toggl_18スクリーンショット-2021-08-01-063939.jpg)
作業完了して「Stop timer」をクリックすると、Toggl Trackに計測した時間が表示されます。
右上のList viewをCalendarに切り替えるとカレンダー表示ができます。
![Todoist Toggl Googleカレンダー 連携 方法](https://watalog.net/wp-content/uploads/2022/05/スクリーンショット-2022-05-21-131850-1.jpg)
![Todoist Toggl Googleカレンダー 連携 方法](https://watalog.net/wp-content/uploads/2022/05/スクリーンショット-2022-05-21-131850-1.jpg)
タスクに日時を設定していれば、列の右側に予定が表示され、左側が作業実績になります。
![Toggl Todoist Googleカレンダー](https://watalog.net/wp-content/uploads/2021/08/Toggl_20スクリーンショット-2021-08-01-070746.jpg)
![Toggl Todoist Googleカレンダー](https://watalog.net/wp-content/uploads/2021/08/Toggl_20スクリーンショット-2021-08-01-070746.jpg)
最強のタスク管理環境まとめ
4つのアプリを連携することで、タスク管理における以下の流れをつくることができます。
- タスクの作成・管理
- やるべきタスクをカレンダー上で見える化する
- タスクの実行と記録
- 完了したタスクを振り返る
つまり、未来と過去のタスクをカレンダー上で見える化できるわけです。
多忙な私たちに必要なのは時間の確保。
それには「やらないことの選択」と「やることの効率化」が欠かせません。
まずは日々、何に時間を使っているかを可視化する。
そして何をどの時間にやるか計画すること。
タスクと時間を管理をすることで、あなたの時間をつくっていきましょう。
![](https://watalog.net/wp-content/uploads/2022/04/吹き出し_Icon_white_170x170-170x150.png)
![](https://watalog.net/wp-content/uploads/2022/04/吹き出し_Icon_white_170x170-170x150.png)
![](https://watalog.net/wp-content/uploads/2022/04/吹き出し_Icon_white_170x170-170x150.png)
最後までご覧いただきまして、ありがとうございました。
今後も定期的に記事を追加していきます。
「参考になった!」という方は、ぜひブックマークをお願いしますm(__)m