メール受信したらtrelloカードが自動追加されるシナリオをFlowで作る

ある条件のメールを受信したらタスク管理ツールtrelloに自動で追加されるFlow作ってみました。

#必要なもの
- [microsoft Flow](https://japan.flow.microsoft.com/ja-jp/)
- [Trello](https://trello.com/)
- メール（OutlookでもGMAILでもFlowにコネクタが存在してればなんでもOKだと思う）

FlowはOffice365使っている方なら無料で使えますしMSアカウント持っている方は個人で無料でも使えるっぽい。プランは[ここ](https://japan.flow.microsoft.com/ja-jp/pricing/)参照です。
![image.png](https://qiita-image-store.s3.amazonaws.com/0/178016/ea11b498-2019-d8fa-72e6-889c8a7949c8.png)

Trelloは無料でも使えるみたいです。私使ったことなかったですが。簡単に操作できて見た目も素敵。
![image.png](https://qiita-image-store.s3.amazonaws.com/0/178016/6bc7c37f-dc24-b939-8451-724915d34f67.png)

#要件
- 送信元がexample@hogehoge.jp　かつ件名が"trello test mail"であるメールを受信したら
- trelloの"メールエラー（テスト）"というリストの中にカードを追加する
- 追加するカードは、受信メールの件名をタイトルとし、詳細説明欄にメール本文を挿入
- trelloの追加カードにはラベルIDとして黄色ラベルを付与する

#手順
##マイフローの新規作成
右上の[＋一から作成]をクリックして
![image.png](https://qiita-image-store.s3.amazonaws.com/0/178016/717d90e5-7d89-7795-328d-8666b6d80e0d.png)
[一から作成]で新規作成します。
![image.png](https://qiita-image-store.s3.amazonaws.com/0/178016/35e3fbf8-f90c-aaa6-9ec6-99eb65350742.png)

##トリガーの追加
トリガー（何をきっかけとして動くのか）として受信するメールソフトを検索。私はOffice365のOUTLOOKを選択します。
![image.png](https://qiita-image-store.s3.amazonaws.com/0/178016/9e373b34-bdc6-5b7f-f102-42a03e9945e5.png)
新しいメールが届いた時を選択してトリガー追加します
![image.png](https://qiita-image-store.s3.amazonaws.com/0/178016/cf90f7c5-4613-8711-b2c2-040a73993ee9.png)
受信したいアカウントでサインインします。
![image.png](https://qiita-image-store.s3.amazonaws.com/0/178016/03a56d92-4255-5386-9a5d-4ec5fc408370.png)
条件追加するので[詳細オプションを表示する]をクリック
![image.png](https://qiita-image-store.s3.amazonaws.com/0/178016/b87e5b92-d6a7-2d5c-cc59-fbd7b9b97677.png)
受信メールの条件を入力して[新しいステップ]をクリック
![image.png](https://qiita-image-store.s3.amazonaws.com/0/178016/4ee1316b-f5d9-2295-e3fd-0ed06d9ea0f4.png)
##アクションを追加
アクションの追加
![image.png](https://qiita-image-store.s3.amazonaws.com/0/178016/7834016c-297b-ad65-2262-92a8e478b91b.png)
trelloを検索して選択し
![image.png](https://qiita-image-store.s3.amazonaws.com/0/178016/ff9200f4-aa18-2247-22a4-84a07501184b.png)
[カードを作成する]を選択（めっちゃコネクタあるなTrelloすげぇ。）
![image.png](https://qiita-image-store.s3.amazonaws.com/0/178016/9c0e366f-b68d-b41f-ab09-26402380e8fa.png)
Trelloのアカウントでサインイン
![image.png](https://qiita-image-store.s3.amazonaws.com/0/178016/f2db0a6a-9630-44ed-7305-998833931ac6.png)
ログインします。（中ではPowerAppsが使われてるのね。）
![image.png](https://qiita-image-store.s3.amazonaws.com/0/178016/ffd5c557-7c6d-7756-60c2-c45986fa038d.png)
コネクタのボードIDと親リストIDをクリックして追加したいTrelloのボードとリストを選択して
![image.png](https://qiita-image-store.s3.amazonaws.com/0/178016/f81a7fd5-5a7d-e771-d5b0-70b961ae48a6.png)
![image.png](https://qiita-image-store.s3.amazonaws.com/0/178016/cdab6dcb-81b2-250e-f08e-76ab4a255074.png)
カード名をクリックすると右側にコンテンツの追加画面が表示されるので、[件名]を選択
![image.png](https://qiita-image-store.s3.amazonaws.com/0/178016/7270f6fe-83af-d42d-5ca9-65ba4b222173.png)
で、Trelloのカード説明欄の中に表示させたい情報を入力して
![image.png](https://qiita-image-store.s3.amazonaws.com/0/178016/ad98765d-3a5a-3742-3712-c0a4061a3245.png)

>ラベルIDって何入れるんだ。
TrelloAPIドキュメント読んでみたのですがイマイチどの色がどのIDなのかって書いてなくてよくわかんなかったですが。別のFlowでTrelloのカードが作られたらメール送るっていうFlow作って、その本文にラベルIDをApply to Eachで繰り返してすべてのラベルを送るように作ってみた所、なぞの文字列が出力されたのでそれ使ってみたらラベル付与することができました。これTrelloのボードごとで異なるのか規則性があるのかおわかりな方いらっしゃったら教えて頂けるとありがたいです。
![image.png](https://qiita-image-store.s3.amazonaws.com/0/178016/e9cd9fdb-a744-796e-aea7-b229c5f44a25.png)
※MicrosoftのサポートにこのラベルIDを確認する方法丁寧に教えて頂きました。感謝感激です。

##Flowを保存
右上の保存をクリック
![image.png](https://qiita-image-store.s3.amazonaws.com/0/178016/bb99024f-f871-e01f-cf02-f76cf6b25201.png)
←ボタンで戻ると
![image.png](https://qiita-image-store.s3.amazonaws.com/0/178016/c924b638-57ac-7ffd-ee6b-ac4661f9ca02.png)
こんな画面になります。実行結果見るためこの画面の状態にしてテストします。
![image.png](https://qiita-image-store.s3.amazonaws.com/0/178016/04dd80a0-e8c4-e11f-74c6-d37373eb79f7.png)

##テスト
はい。メール送信してみます。
![image.png](https://qiita-image-store.s3.amazonaws.com/0/178016/fa4c941a-1376-1cbb-4b9d-18ad4103938a.png)

はい。履歴に表示されます。
![image.png](https://qiita-image-store.s3.amazonaws.com/0/178016/8eb61f86-41af-6dce-6202-e3876f35eb86.png)

Trelloにカードが追加されました。
![image.png](https://qiita-image-store.s3.amazonaws.com/0/178016/ca784eea-f074-305c-907d-fa2ee9e3297f.png)
はい。
![image.png](https://qiita-image-store.s3.amazonaws.com/0/178016/659a27d6-eea0-6220-92b0-aed6cc639025.png)

##タイムゾーンの変更
あれ？でも受信日時がずれてます。これはコネクタによって使われるタイムゾーンが違うからなのでFlowでタイムゾーンの変換することで修正できます。
![image.png](https://qiita-image-store.s3.amazonaws.com/0/178016/d3bc005d-4710-b9e3-03fb-d35c41ccec73.png)
こうですね。
![image.png](https://qiita-image-store.s3.amazonaws.com/0/178016/8f451018-9f30-ddf6-3f96-dd46133aba58.png)

##再テスト
もっかいテストします。一度実行した同じ条件でテストするには、編集画面の[テスト]機能が便利です。
![image.png](https://qiita-image-store.s3.amazonaws.com/0/178016/2aae7607-b904-b98a-a60f-b7ffb5db7067.png)
テストクリックすると
![image.png](https://qiita-image-store.s3.amazonaws.com/0/178016/8ec1cbff-d2d4-eaed-6b19-b4edbcc31274.png)
成功して
![image.png](https://qiita-image-store.s3.amazonaws.com/0/178016/401965e2-f72f-1e23-037d-a8126c361780.png)
Trello見ると、受信日時の時間が正しく表示されたかと思います。表示形式変えたい場合にはFlowの書式を変えればよいかと。
![image.png](https://qiita-image-store.s3.amazonaws.com/0/178016/9edfe22f-cfbc-a146-e326-584f02471a31.png)

タイムゾーンはコネクタによって時間違う気がするので毎回一度作ってテストしてから追加してました。
これでどなたかの仕事の生産性があがればいいな～♪
またこんな方法もあるよ！とかここ間違ってるよ！って思った方コメント頂けるとありがたいです！