.avif)
次はfreee会計とChatworkをYoomと連携させましょう。これを「マイアプリ連携」と言います。
マイアプリ連携
テンプレートのバナーをクリックすると、画面の下に「このテンプレートを試してみる」というボタンがあるので押します。
そうすると「マイプロジェクト」というページに飛ぶので、画面左側のメニューから「マイアプリ」を選択！
↓
まずはfreee会計のマイアプリ連携からいきましょう！右上の新規作成を押します。
検索窓に「freee会計」と入力するとfreee会計のアイコンが出てくるのでクリック！
↓
連携するfreee会計のIDを入力すると上記のようなページに移行します。
画面1番下の「許可する」を押しましょう。そうするとマイアプリが登録されたYooｍの画面に戻ります！
これでfreee会計とYoomの連携は完了できたので、次はChatworkとYoomを連携させましょう。
検索窓に「Chatwork」と入力するとChatworkのアイコンが出てくるのでクリック！
↓
そうすると上記のような画面に移行するのでアカウント情報を入力します。
入力を終えてログインを押すと…
このような画面になるので許可を押しましょう！
許可を押すとYoomの画面に移行します。これでChatworkとYoomの連携は終了です。
freee会計とChatworkの2つのアプリがYoomと連携できたので、次はフローボットの中身を設定していきましょう。フローボットの工程は全部で2つです！
freee会計のトリガー設定
画面左側のマイプロジェクトから「【コピー】freee会計で経費申請が承認されたら、Chatworkに通知する」をクリック！
右上の編集するを押しましょう。
↓
freee会計のアイコンの「経費申請・各種申請・支払い依頼が承認されたら」を押します。
テンプレートを利用したことによりあらかじめ必要項目は入力されているので、freee会計と連携するアカウント情報が正しいか確認してから次へをクリック！
↓
次はWebhookの設定をしましょう。
画像の赤枠内のfreeeのWebhookイベント設定に詳しい説明があるので、そのページを確認しながら設定してくださいね！
↓
Webhookの設定が完了したら、実際にfreee会計のデータを受信できているのか確認するためにテストをします。
そのため、freee会計でテスト用の申請＆承認をしましょう。申請＆承認が完了したらYoomの画面に戻ります。
画面下に「テスト」というボタンがあるので押しましょう。青く「テスト成功」と表示されたのが確認できたら保存をしてくださいね。
↓
freee会計の設定は以上です！次はChatworkの設定に進みましょう！
Chatworkの設定
Chatworkのアイコンの「メッセージを送る」を押します。
こちらに関してもテンプレートを利用したことによりあらかじめ必要項目は入力されているので、Chatworkと連携するアカウント情報が正しいか確認してから次へをクリックしてくださいね。
↓
freee会計の情報を通知するルームIDを決めましょう。
ボックス内をクリックするとChatworkのチャンネルが全て表示されるので、freee会計の通知を送信したいルームをクリックでチョイスしてくださいね。
↓
ルームを選び終えたら今度は内容を決めていきます。
やり方は簡単！メッセージボックス内をクリックすると画像のように取得した情報が一覧表示されるので、Chatworkに通知したい内容をチョイスすればいいだけです。
見やすくなるように改行や記号をはさむのがコツでもあります。
↓
画像のように入力し終えたら下にあるテストをクリック！
そうすると実際にChatworkに送信されるので、送信された内容を見ながら微調整をし、任意の内容に変えてくださいね。
ここまで設定できたら画面下のテストを押しましょう。
青く「テスト成功」と表示され、Chatworkにメッセージが送信されれば完了です。
これにてfreee会計とChatworkの連携は完了です。お疲れ様でした！
テンプレートを使用したことにより時短でフローボットの作成ができました！
Yoomにはこれ以外にもたくさんのフローボットテンプレートが用意されているので、ぜひご覧ください。
.png)
.png)
.webp)
.webp)
