次はYoomと各アプリを連携しましょう。
これを「マイアプリ連携」と言います。マイアプリ連携はとても簡単です！
Chatworkとkintoneのマイアプリ連携
テンプレートのバナーをクリックすると、画面の下に「このテンプレートを試してみる」というボタンがあるので押します。
そうすると「マイプロジェクト」というページに飛ぶので、画面左側のメニューから「マイアプリ」を選択！
↓
右上の新規作成をクリック！検索窓に「Chatwork」と入力するとChatworkのアイコンが出てくるのでクリックしましょう。
↓
そうすると上記のような画面に移行するのでアカウント情報を入力します。
入力を終えてログインを押すと…
↓
このような画面になるので許可を押しましょう！
許可を押すとYoomの画面に移行します。これでChatworkとYoomの連携は終了です。
次はkintoneのマイアプリ連携ですが、ここから先はヘルプページがあるのでぜひご覧ください。
各アプリとYoomの連携について、このようなヘルプページが用意されている場合があります。
画像付きで詳しく解説してあるので要チェックです！
マイアプリ連携が終わったら次はフローボットの中身を作っていきましょう。
kintoneのトリガーの設定
まず、設定の最中にkintoneのアプリ情報が必要になります。
今回のフローで実際に使用したい内容のアプリを作成し、レコードを追加しておきましょう。
↓
画面左側にあるマイプロジェクトをクリックして「【コピー】kintoneにレコードが追加されたら、Chatworkに通知する」を押します。
そして右上の編集をクリックしましょう！
↓
次にkintoneのアイコンの「レコードが登録されたら」のページに入ります。
そうすると、アプリトリガーのタイトルやトリガーアクションを設定するページに移行しますが、既に入力がされていますね！
テンプレートは既におおまかな設定がされているため、入力作業は必要最低限になっています。とても便利なんです。
↓
次へを押すと以下のような画面が表示されるので、赤枠の内容にそってサブドメイン名とアプリIDを入力します。
入力を終えたらすぐ下にあるテストを押してアウトプットを設定ていきましょう。
↓
上記の画像の「取得する値を追加」をクリック！
そうすると下記のような画面になります。
たくさんの文字列が表示されますが、これらははじめにkintoneに追加したレコードの内容に依存しています。
その中からChatworkに通知したい内容をクリックしアウトプットとして設定していきましょう。アウトプットは、valueと書かれている横の青い+マークをクリックすると追加できます。
↓
アウトプットをクリックしていくと画面左側にvalueが追加され赤い！マークが表示されるので、直していきましょう！
valueと表示されている部分にカーソルを合わせると右側にペンマークが出てくるのでクリック！
上記のような画面が表示されるので、項目名を任意のものに変更していきましょう。変更が終わったら保存を忘れずに…！
今回は以下のような感じにしました。
このアウトプットに追加した項目をChatworkで送信できるようになります。
この後Chatworkの設定をするのですが、その際に追加したアウトプットが何なのか即座にわかるように、項目名は明確にしておくのがおすすめです。
項目名を変更したら保存！トリガーの設定はこれにて完了です！
Chatworkの設定
Chatworkのアイコンの「Chatworkに通知する」のページに入りましょう。
先ほどに同じく既に入力がされているため、次へを押します。テンプレートは本当に便利ですね…！
↓
この設定が最後になります！kintoneの情報を通知するルームIDを決めましょう。
ボックス内をクリックするとChatworkのチャンネルが全て表示されるので、kintoneの情報を通知したいルームをクリックでチョイスしてくださいね。
↓
ルームを選び終えたら今度は内容を決めていきます。今回は下記のようにしてみました。
やり方は簡単！メッセージボックス内をクリックすると先ほど追加したアウトプットが一覧表示されるのでチョイスすればいいだけです。
見やすくなるように改行や記号をはさむのがコツでもあります。
↓
入力し終えたら下にあるテストをクリック！
そうすると実際にChatworkに送信されるので、送信された内容を見ながら微調整をし、任意の内容に変えてくださいね。設定が終わったら保存を忘れずに。
これでフローボットの作成は終了です。お疲れ様でした！
【Chatworkとkintone】フローボット応用編
Chatworkとkintoneを連携するフローボットは他にもあるので、少しだけご紹介しましょう。
下記は今回のフローに、オリジナルの問い合わせフォームをからめたテンプレートです。
.png)
.webp)
.webp)
