LoginSignup
5
6

More than 5 years have passed since last update.

@taketakekaho(たけだ)

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

Last updated at Posted at 2018-04-26

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

必要なもの

  • microsoft Flow
  • Trello
  • メール（OutlookでもGMAILでもFlowにコネクタが存在してればなんでもOKだと思う）

FlowはOffice365使っている方なら無料で使えますしMSアカウント持っている方は個人で無料でも使えるっぽい。プランはここ参照です。
image.png

Trelloは無料でも使えるみたいです。私使ったことなかったですが。簡単に操作できて見た目も素敵。
image.png

要件

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

手順

マイフローの新規作成

右上の[＋一から作成]をクリックして
image.png
[一から作成]で新規作成します。
image.png

トリガーの追加

トリガー（何をきっかけとして動くのか）として受信するメールソフトを検索。私はOffice365のOUTLOOKを選択します。
image.png
新しいメールが届いた時を選択してトリガー追加します
image.png
受信したいアカウントでサインインします。
image.png
条件追加するので[詳細オプションを表示する]をクリック
image.png
受信メールの条件を入力して[新しいステップ]をクリック
image.png

アクションを追加

アクションの追加
image.png
trelloを検索して選択し
image.png
[カードを作成する]を選択（めっちゃコネクタあるなTrelloすげぇ。）
image.png
Trelloのアカウントでサインイン
image.png
ログインします。（中ではPowerAppsが使われてるのね。）
image.png
コネクタのボードIDと親リストIDをクリックして追加したいTrelloのボードとリストを選択して
image.png
image.png
カード名をクリックすると右側にコンテンツの追加画面が表示されるので、[件名]を選択
image.png
で、Trelloのカード説明欄の中に表示させたい情報を入力して
image.png

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

Flowを保存

右上の保存をクリック
image.png
←ボタンで戻ると
image.png
こんな画面になります。実行結果見るためこの画面の状態にしてテストします。
image.png

テスト

はい。メール送信してみます。
image.png

はい。履歴に表示されます。
image.png

Trelloにカードが追加されました。
image.png
はい。
image.png

タイムゾーンの変更

あれ？でも受信日時がずれてます。これはコネクタによって使われるタイムゾーンが違うからなのでFlowでタイムゾーンの変換することで修正できます。
image.png
こうですね。
image.png

再テスト

もっかいテストします。一度実行した同じ条件でテストするには、編集画面の[テスト]機能が便利です。
image.png
テストクリックすると
image.png
成功して
image.png
Trello見ると、受信日時の時間が正しく表示されたかと思います。表示形式変えたい場合にはFlowの書式を変えればよいかと。
image.png

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

5
6
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
Sign upLogin
5
6