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

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

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

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

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

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

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

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

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

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

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

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

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

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

下記項目は初期設定済みです。
- アプリトリガーのタイトル
- アプリ
- トリガーアクション
下記は設定を行なってください。
- LINEと連携するアカウント情報
- プルダウンを開き、+連携アカウントを追加をクリック。LINEのアカウント情報を入力する画面に遷移します。

>ヘルプ:LINEのマイアプリ連携方法
アカウントの連携が完了したら次に進みます。
→次へをクリック
(2/2)API接続設定

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

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

トリガーを【ON】にすると、設定完了です。LINEのトークで通知が確認できました。

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