コピーされたら、赤枠内のタイトルをクリックし連携操作に進みます。

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

テンプレートの1番目のプロセスをクリックします。
(1/2)連携アカウントとアクションを選択

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

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

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

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

WebhookURLをコピーし、NotePMの該当のノートと紐付けします。NotePMのノート設定をクリック

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

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

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

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

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

テンプレートの2番目のプロセスをクリックします。
(1/2)連携アカウントとアクションを選択

下記は設定を行なってください。
- Discord(v2)と連携するアカウント情報
- プルダウンを開き、+連携アカウントを追加をクリック。Discordと連携する情報を入力する画面がポップアップされます。

- アカウント名
- 任意の名称でOKです。
- アクセストークン
- Botトークンを入力します。
>ヘルプ:Discord Botのマイアプリ連携方法
- Botトークンを入力します。
アカウントの連携が完了したら次に進みます。
→次へをクリック
(2/2)API接続設定

- チャンネルID
- 編集欄をクリックすると、連携済みのルームがピックアップされます。該当のチャンネルを選択すると、IDが引用されます。
- メッセージ

- 編集欄をクリックで、先ほどアウトプットで抽出されたコメント内容などが表示されます。選択すると、編集欄に引用されます。今回は、タイトルの引用の後にコメントが追加されたと文言を足しました。他に表示したい項目の名称と、引用コードを埋め込みました。

→テストをクリック →成功
→保存するをクリックします。今回の設定はここまでです。
ステップ4 アプリトリガーを【ON】にする
全てのプロセスが設定済みになると、コンプリート画面がポップアップされます。

トリガーを【ON】にすると、設定完了です。

こちらで連携作業は完了です。<span class="mark-yellow">プログラミングを使わず、連携が実現できました</span>今回のテンプレートはこちらです。