マイプロジェクトにコピーされると、赤枠内のタイトルをクリックで連携オペレーションに進めます。

ステップ2 アプリトリガー「コメントが追加されたら」

テンプレートの1つ目のプロセスをクリックします。ここではNotePMのマイアプリ登録とWebhook設定、NotePMから抽出できるアウトプットの操作を行います。
(1/2)連携アカウントとアクションを選択

下記項目は初期設定済みです。
- アプリトリガーのタイトル
- アプリ
- トリガーアクション
「NotePM連携するアカウント情報」は、設定が必要です。
- NotePMと連携するアカウント情報
- +連携アカウントを追加をクリック。こちらがポップアップされます。

- アカウント名
- 任意の文字列を入力(メールアドレスなど)
- アクセストークン
- NotePMの管理画面/個人設定/APIアクセストークン/右上の新規作成をクリックします。

- APIアクセストークン詳細ページで、トークン名を入力し(任意の文字列)、スコープのチェックをつけ新規作成ボタンをクリックします。

- APIアクセストークンがポップアップされます。その文字列をコピーし、再びYoomの設定画面へ。アクセストークンにペーストして追加ボタンをクリック連携完了です。
>公式サイトヘルプ:APIアクセストークン作成方法
マイアプリ連携が完了したら、次に進みます。
→次へをクリック
(2/2)アプリトリガーのWebhookイベント受信設定

表示されたWebhookURLをコピーします。NotePMの管理画面から該当のノートを開きます。ノート設定をクリック

スクロールして下に進み、「サービス連携」の項目へ。

追加ボタンをクリックし、Webhookを選択。

この画面で、Yoomの画面からコピーしたWebhookURLをペーストします。Secretは設定しなくてもOKです。通知条件にチェックを入れ、テスト接続と登録するをクリックします。登録できたら、同じノートにテスト用コメントを追加します。これがトリガーに該当します。

NotePMのコメントの追加が終わったら、Yoomの画面に戻ります。
→テストをクリック →成功 アウトプットにはコメントの内容等が抽出されていました。

※もしエラーになったら
NotePM管理画面のWebhookURLの設定後に、イベント(コメントの追加)発生が登録できていない可能性があります。追加後に再度テストを行ってください。
→保存するをクリック
ステップ3 アプリと連携する「スレッドにメッセージを投稿」

プロセスの2つ目をクリックします。ここではTalknoteのマイアプリ登録とスレッドに通知する内容を設定します。
(1/2)連携アカウントとアクションを選択

以下はあらかじめ設定済みのため操作は不要です。
- タイトル
- データベースのアプリ
- 実行アクション
以下は設定が必要です。
- Talknoteと連携するアカウント情報
- プルダウンを開いて、+連携アカウントを追加をクリック。こちらの画面がポップアップされます。

- クライアントIDとクライアントシークレットをそれぞれ入力し、追加ボタンをクリックで、連携完了です。
>詳しくはこちら(Talknote公式サイト):Talknote API
→次へをクリック
(1/2)API接続設定

- スレッドID
- 編集欄をクリックで、先ほど連携したアカウントから候補のスレッドが表示されます。選択するとIDが自動で引用されます。

- メッセージ内容
- 編集欄をクリックでプルダウンが開き、NotePMのアウトプットが表示されます。Talknoteに掲出する内藤をクリックすると引用コードが埋め込まれます。画像のように項目名を入力すると、よりわかりやすく通知できます。
→テストをクリックします。 →成功
→保存するをクリックします。今回の設定はここまでです。
ステップ3 アプリトリガーを【ON】にする
全てのプロセスが設定済みになると、コンプリート画面がポップアップされます。

トリガーを【ON】にすると、設定完了です。<span class="mark-yellow">プログラミングを使わずに連携を実現できました</span>今回のテンプレートはこちらです。