【メールとTrelloの融合】FLOW-e がオススメ

[FLOW-e](https://www.producthunt.com/posts/flow-e)とは、Slack等の登場で今や古臭いイメージが付いてしまったEメールに、有名なタスク管理ツールの[Trello](https://qiita.com/maimax/items/e81e7fa19b775fd817c0)を足したものです。今まで「未読 or 既読」(とあとフラグ)だけでしか管理できなかったメールが、

* INBOX
* *To do*
* *In progress*(取り組み中)
* *Done*

の様に分けて可視化できます。GmailまたはOffice365のメールアカウントを紐付けすることができます。

*日本語の記事が見つからなかったので執筆しました(2017/10/26現在)*

# 使ってみた感想

一言で言うと、とても良いです。


# 1. 基本機能

EメールとTrelloが融合した物と考えればOKです。

### 1-1. 受信メールが自動でタスクカード化

![1. Email to Task card.png](https://qiita-image-store.s3.amazonaws.com/0/207119/f5ca7e60-beaa-330a-fba5-98fbba1b70e6.png)

メールを受信すると左側の`INBOX`に表示され、既にタスクカード化されています。それをドラッグ&ドロップで…

![2. Inbox to ToDo.png](https://qiita-image-store.s3.amazonaws.com/0/207119/640444b5-753f-ae12-645e-16e7c712591d.png)

![3. To do.png](https://qiita-image-store.s3.amazonaws.com/0/207119/fdf8d1cf-69bd-22fe-4bd4-b8d701175272.png)

`To do`に移動できます。これでこのタスクカードはタスク管理のベルトコンベアー上に乗ったと見なされ、この時点よりこのタスクカードは`INBOX`に戻せなくなります。これはFLOW-e側が提唱する理想のタスク管理理念に沿った仕様です。「一度やると決めたら最後までやりなはれ」ってことでしょうね。

![3'. Delete an email.png](https://qiita-image-store.s3.amazonaws.com/0/207119/b5df49fe-c507-cf65-b3c2-bf192353eb89.png)

でもそもそもタスク管理する程でもないメールってありますよね、広告とか。そう言うのは直接`Delete`してしまいましょう。

### 1-2. タスク管理の流れ

![4. In progress.png](https://qiita-image-store.s3.amazonaws.com/0/207119/ca62514b-06cb-24f5-1e43-0145c609e038.png)

後は一目瞭然ですが、作業に取りかかり始めたら`In progress`にドラッグ&ドロップして、

![5. Done.png](https://qiita-image-store.s3.amazonaws.com/0/207119/8dea6e03-7a7b-df01-37e3-dbdfee777dd3.png)

作業が完了したら`Done`まで持ってくだけです。

![6. Mark done directly.png](https://qiita-image-store.s3.amazonaws.com/0/207119/d58f6b34-c7ad-ada9-2f03-cce3ee442ac7.png)

タスクカード右上の`Mark done`をクリックすることによっても、(どこからでも)`Done`欄に飛ばすことができます。
この`INBOX`から`To do` → `In progress`と経て`Done`にすることが一連の大まかな流れです。

![7. Read an email.png](https://qiita-image-store.s3.amazonaws.com/0/207119/f84ca55e-2bff-7dca-6994-063d9443a607.png)

もちろん普通のメールとして本文を読むこともできます。GmailのWebメーラーと同じ感じですね。右上の`×`ボタンで戻れますが、なぜかWebブラウザのサイズに自動で合わせてくれないため、画面を拡大しないと`×`ボタンが見つからないことがあります(2017/10/26現在)。まだ出たばかりなのでしょうがないですが、改善すべきところですね。

![8. Unread mark.png](https://qiita-image-store.s3.amazonaws.com/0/207119/70b276dc-4a8f-7113-5752-d9066b5a916d.png)

ちなみにこの青い縦線は未読マークです。以前までは「未読は未完了タスクで→完了したら既読にする」という管理方法をしていましたが、もうそういった必要がないですね。

### 1-3. タイムスケジュールバー

![9. Schedule bar.png](https://qiita-image-store.s3.amazonaws.com/0/207119/856259c4-6845-e1f5-8023-28dbb1e198be.png)

画面下には、メアドアカウントに登録されている本日のカレンダー予定が時系列で表示されます。メールとカレンダーが画面を切り替えることなく同時に見れるのは良いですね。

![10. Create a schedule.png](https://qiita-image-store.s3.amazonaws.com/0/207119/a5ea975a-cad5-68cb-bb07-2f78f70ea558.png)

左下の`+`マークから予定を作成することもでき、(当然ですが)ここで作成した予定はメアドアカウントのカレンダーに同期されます。僕の場合gmailを登録したので、FLOW-e上で予定を作成すると、googleカレンダーでも見れるようになります。というか、googleカレンダーへの予定作成をただFLOW-eのサイト上でやってるだけだと思いますが。

`ATTENDEES`にメアドを入力すれば、その人達に出席以来の通知が行きます。FLOW-eではその他にも、「タスクカードを他の人に割り当て、割り当てられた人がFLOW-e上で`done`にしたらタスクが無事終了したことを通知してくれる」等といったグループ作業を強く意識した機能が多くあります。昨今のトレンドを汲み取り、スタートアップ等で働く方たちをターゲットにしているのかもしれません。

![11. Detail schedule.png](https://qiita-image-store.s3.amazonaws.com/0/207119/fa6af466-944e-248f-8c6d-8390902a67b8.png)

タイムスケジュールバー上の予定をクリックすれば予定の詳細を確認できます。また、画面右下の`カレンダー`マークを押すとメアドアカウント本家のカレンダー(僕の場合はgoogleカレンダー)に飛びます。


# 2. カスタマイズ機能

![13. Power-ups.png](https://qiita-image-store.s3.amazonaws.com/0/207119/dd5a2ae2-a45d-cc39-3c1b-780cfce30d82.png)

画面右上のアイコン画像の隣に`Power - Ups`という炎マークのボタンがあり、そこから`ENABLE`をクリックする事でアドオンを追加できます。現在、

* `Card Due Date`：タスクカードに[締切期日を追加できます](https://qiita.com/Hotsuyuki/items/96dc12c5e0be984cfcb7#2-2-タスクの締切)。
* `Card To-Do's`：タスクカードに[チェックボックス付きのサブタスクを複数個追加できます](https://qiita.com/Hotsuyuki/items/96dc12c5e0be984cfcb7#2-3-サブタスク)。
* `Delegation`：タスクカードを他の人に割り当てる事ができます。さらに割り当てられた人もFLOW-eを使っていたら、タスクが`In progress`なのか`Done`なのか等がこちら側も把握できます。
* `Cards without email`：受信メールだけでなく、[純粋なタスクカードを単体で作成できます] (https://qiita.com/Hotsuyuki/items/96dc12c5e0be984cfcb7#2-1-タスクカード単体の作成)。
* `Group Cards`：タスクカードをグループ化できます。

を追加できます。とりあえず僕は全部有効にしています。

### 2-1. タスクカード単体の作成

`Cards without email`を有効にすると、純粋なタスクカードを単体で作成して、受信メールが自動でタスクカード化した時と同じ様に管理することもできます。もうこれTrelloですねただの。

![12. Create a standalone task card.png](https://qiita-image-store.s3.amazonaws.com/0/207119/63866392-3d95-892f-7d86-8f766af3956d.png)

`To do`欄や`In progress`欄などのタスクボードから、`+`ボタンを押して作成します。

### 2-2. タスクの締切

`Card Due Date`を有効にすると、各タスクカードに締切日時を設定する事ができます。

![14. Create due date.png](https://qiita-image-store.s3.amazonaws.com/0/207119/afb343d7-d589-c9f0-3ead-f3ec07c6dde1.png)

タスクカード右上の`炎`マークから、`Set due date`をクリックし、

![15. Set due date.png](https://qiita-image-store.s3.amazonaws.com/0/207119/1919f6df-494e-904a-1e9f-1ea6dd9ed934.png)

日時を指定するだけです。

![16. Update due date.png](https://qiita-image-store.s3.amazonaws.com/0/207119/c248cddb-0558-2c6a-bbae-b70e82bf6c17.png)

締切ラベルの色は、締切が近づくにつれて<font color="Green">緑</font>→<font color="Orange">オレンジ</font>→<font color="Red">赤</font>に変わっていきます。もちろん後から`Update due date`より締切日時を変更することも可能です。

### 2-3. サブタスク

`Card To-Do's`を有効にすると、各タスクカードにチェックボックス付きのサブタスクを複数個追加する事ができます。

![17. Add To-Do.png](https://qiita-image-store.s3.amazonaws.com/0/207119/f2dbb367-513d-f4ac-56ae-5ec9fdceeeb9.png)

タスクカード右上の`炎`マークから、`Add To Do`をクリックし、

![18. Add To-Do....png](https://qiita-image-store.s3.amazonaws.com/0/207119/ab2f900e-9f44-b548-a452-9397a5e8a6b2.png)

サブタスクの内容を付け加えていけばOKです。

![19. Edit To-Do.png](https://qiita-image-store.s3.amazonaws.com/0/207119/ac8efc69-4e80-fea3-0fd4-9b7e07fcd04d.png)

サブタスクにはチェックボックスが付いてくるので見やすいですね。ちなみにチェックボックスが全部チェックありじゃなくてもタスクカードを`Done`に飛ばせます。もちろん後からサブタスクを編集したり1個ずつ削除したりもできます。


# 3. その他の細かい機能

### 3-1. タスクボードを広げる/畳む

![20. Expand or collapse task board.png](https://qiita-image-store.s3.amazonaws.com/0/207119/4b432a70-00f6-af46-f1db-3913b154debc.png)

タスクボードの`Expand`を押せば、

![21. Collapse a task board.png](https://qiita-image-store.s3.amazonaws.com/0/207119/68f9d1bf-d7ae-922d-6052-d804eec222c4.png)

タスクボードが広がり、中にあるタスクカードを確認できます。また逆に、`Collapse`を押せば畳みます。これは`Done`だけでなく、`To do`や`In progress`など他の全てのタスクボードでもできます。

### 3-2. タスクボードの追加

![22. Create a new task board.png](https://qiita-image-store.s3.amazonaws.com/0/207119/66c19ab9-bca9-1334-da95-9439c844607f.png)

タスクボードの横にある`+`マークを押せば、

![23. Change the name and move a task board.png](https://qiita-image-store.s3.amazonaws.com/0/207119/a2942561-48ed-ae65-bf22-9cbc5437f0ad.png)

新しいタスクボードを作成できます。FLOW-e側は、"割り当て中のタスク"などのようなタスクボードを推奨しています。また、`Move`ボタンを押しながらタスクボード自体をドラッグすれば自由にタスクボードの順番を入れ替える事ができます。