.avif)
次はYoomと各アプリを連携させましょう。これを「マイアプリ連携」と言います。
マイアプリ連携
テンプレートのバナーをクリックすると、画面の下に「このテンプレートを試してみる」というボタンがあるので押します。
そうすると「マイプロジェクト」というページに飛ぶので、画面左側のメニューから「マイアプリ」を選択！
↓
まずはTrelloのマイアプリ連携からいきましょう！
右上の新規作成をクリック。検索窓に「Trello」と入力するとTrelloのアイコンが出てくるのでクリック！
上記の画面が表示されます。マイアプリ連携について別ページが用意されているので、赤枠のTrelloのマイアプリ連携方法をクリックし、内容に沿って進めてくださいね！
↓
Trelloのマイアプリ連携が完了したら、次はDiscordとYoomを連携させましょう。
検索窓に「Discord」と入力するとDiscordのアイコンが出てくるのでクリック！
そうすると上記のような画面に移行するので、赤枠の承認を押します。
これでTrelloとDiscordの2つのアプリがYoomと連携できたので、次はフローボットの中身を設定していきましょう。
Trelloのトリガー設定
画面左側のマイプロジェクトから「【コピー】TrelloでSNS投稿スケジュールカードが登録されたらDiscordに通知する」をクリック！右上の編集するを押しましょう。
↓
Trelloのアイコンの「カードが新たに作成されたら（Webhook）」を押します。
テンプレートを利用したことによりあらかじめ必要項目は入力されているので、Trelloと連携するアカウント情報が正しいか確認してから次へをクリック！
↓
APIキーとAPIトークンを入力しましょう。これは先ほどマイアプリ連携をした時と同じ手順で取得できます！
↓
続けてユーザー名とボードIDを入力します。
ボードIDはユーザー名を入力することで画像のように一覧表示されるようになります。そのため、まずはユーザー名を登録しましょう。
↓
ユーザー名の確認はTrelloの右上にある丸いアイコンをクリックし、表示されたリストからプロフィールと公開範囲を選択。
そうするとこのような画面になるので、ユーザー名をそのままYoomの画面にコピペすればOKです！
コピペができたら画面下に移動するとテストというボタンがあるので押しましょう。青く「テスト成功」と表示されればOKなので、次へを押します。
↓
次のページに移動したら、Trelloにタスクを追加しましょう。
今回は「SNS」という文字列を自動認識してDiscordに通知が行くフローボットを作成しているため、カードには画像のように「SNS」という文字列を記載してくださいね。
カードが追加出来たら再び画面下のテストボタンを押して、青く「テスト成功」と表示されれば保存をしましょう。
コマンドオペレーションの設定
矢印のアイコンの「コマンドオペレーション」を押します。
「コマンドオペレーションなんて響きだけでもう難しそう…」と思っても大丈夫です。なんと、テンプレートを利用しているため既に設定は完了しています！
赤枠の分岐条件がSNSになっているかチェックできたら、すぐ下にある保存を押せばこの設定は終了です。
この分岐条件があることによりSNS投稿予約のカードだけを認識してDiscordに即時通知が行くようになります！
Discordの設定
Discordのアイコンの「Discordに通知する」を押します。
こちらに関しても先ほどと同じく、テンプレートを利用したことによりあらかじめ必要項目は入力されているので、Discordと連携するアカウント情報が正しいか確認してから次へをクリックしてくださいね。
↓
WebhookURLを取得してコピペしましょう。赤枠のWebhookURL取得方法から取得できます。
初めて聞くワードでも大丈夫です。Discordを開いて2アクション程で完了するのですぐに終わります！
↓
次が最後の設定です！Discordに通知する内容を細かく決めていきましょう。
メッセージボックス内をクリックすると先ほどTrelloの設定でテスト送信した内容が一覧表示されるので、Discordに通知したい内容をチョイスするだけです。
画像のように項目名や記号を挿入するのがコツだったりします。これにより、Discordに送信されるメッセージが格段に見やすくなります！
↓
メッセージの内容を決めたら画面下のテストを押して、青く「テスト成功」と表示されればOKです。テストと同時にDiscordにも通知が行きましたよね！
ここまでできたら保存を押しましょう。
これにてTrelloとDiscordの連携は終了です。お疲れ様でした！
Yoomではこのように時短でフローボットの作成ができるテンプレートが豊富に取り揃えられているので、ぜひ一度ご覧ください！
.png)
.webp)
.webp)
