kintoneでレコード登録したらLINEに通知する【ノンコーディング】

前回の”[【ノンコーディング】kintoneからSlackに条件を設けて通知を行う](https://qiita.com/SHIMOMONOHU/items/1972031935b74e35d4a7)”の第二弾。

https://qiita.com/SHIMOMONOHU/items/1972031935b74e35d4a7


今回はLINEに通知してみるぜ！

今はLINEも仕事で使っている人も多く、メールよりLINEのほうが馴染みがあるそうなので、LINEにも”ノンコーディング”で通知出せるのか！？とやってみた。

#利用するツール
* [kintone](https://kintone.cybozu.co.jp/)
* [integromat](https://www.integromat.com/)<br>
integromatにつては、[こちら](https://qiita.com/SHIMOMONOHU/items/1972031935b74e35d4a7)をご参考に！
* LINE<br>
[LINE Notify](https://notify-bot.line.me/ja/)ってのを利用すると、LINEでサービス通知を受け取れるみたい！

https://notify-bot.line.me/ja/

>Webサービスと連携すると、LINEが提供する公式アカウント"LINE Notify"から通知が届きます。
>複数のサービスと連携でき、グループでも通知を受信することが可能です。

#実装方法
さっそく実装してみようぞ。

##①LINE Notifyの準備
LINE Notifyの[ログイン画面](https://access.line.me/dialog/oauth/weblogin?response_type=code&client_id=1476232700&redirect_uri=https%3A%2F%2Fnotify-bot.line.me%2Flogin%2Fcallback&state=NCJQcsYt1ihNK2C7xnnwzo)からメールアドレスとパスワードを入力して、ログイン画面からログイン。
※個人でもビジネスでも、既に利用しているLINEアカウントが利用できる！

右上のログイン名の▽から、マイページへ遷移
マイページ画面から「トークンを発行する」ボタンを押す。
![kintoneとLINE連携_LINE設定1](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/129605/60962b49-ee79-a6bf-3f12-dbe0744b4b14.png "kintoneとLINE連携_LINE設定1")


トークン名を記入してください：好きな名前を入力
通知を送信するトークルームを選択してください：通知を出したい所を選択。
ビジネス利用なら、通知受ける専用のグループ作っておくといいかも！
![kintoneとLINE連携_LINE設定2](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/129605/0c92bad1-089d-0532-794c-08e8eacf6156.png "kintoneとLINE連携_LINE設定2")

発行されたトークンを、メモ帳とかにコピぺっておく！
💡後で使うよ～超大事！！
![kintoneとLINE連携_LINE設定3](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/129605/c951a7ec-ab0f-97bb-ad39-32620d13ecef.png "kintoneとLINE連携_LINE設定3")


LINEの設定は一旦これでOK

##②integromatの設定
###１）kintoneの通知を受け取るwebhookの設定
integromatにログインし、画面にある［Create a new scenario］をクリック。
今回使うパーツはwebhookとHTTPだぜ。
検索ボックスに「webhook」と入力して、出てきたアイコンをクリック。
同様にHTTPと入力して、slackアイコンをクリックしたら[Continue]をクリックして次に進む。
![inte1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/129605/6078aedf-1d27-6608-e150-92f8266b54c5.png)


シナリオ作成画面が開くので、最初に[Webhook]を選択。
どのwebhookを利用するか選択肢が出てくるので、[Custom webhook]を選択。
![kintoneとLINE通知連携_連携設定1](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/129605/bb4366e9-bcee-76a7-a1e7-bcbb6c786ea7.png "kintoneとLINE通知連携_連携設定1")


webhookの設定が開くので、[Add]をクリック。
【Add a hook】の画面が開くので、"Webhook name"の部分に任意のテキストを入力。
（kintoneからのwebhookを受けるので、kintoneとの名前にしたよ、なんでもいいよ）
![kintoneとLINE通知連携_連携設定2](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/129605/084f69c3-b2ff-0441-5b83-c55b3aa1545b.png "kintoneとLINE通知連携_連携設定2")


[Save]ボタンを押すと、webhooks画面に戻ります。
戻った画面にURLが発行されいているので、そのURLをコピーして[OK]ボタンをクリック。
![kintoneとLINE通知連携_連携設定3](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/129605/91bf56b8-e2d0-e28d-605f-f3ad3ce893f9.png "kintoneとLINE通知連携_連携設定3")



###２）kintoneでwebhookの設定を行う
１）でwebhookのシナリオを作成したら、**kintone**に移動。
通知を飛ばしたいkintoneアプリから、[アプリ管理画面→設定→webhook]を開く
![kintoneとLINE通知連携_kintone設定1](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/129605/6d1f3bd1-b6e1-bba6-d565-fe26ddd53939.png "kintoneとLINE通知連携_kintone設定1")

webhook設定画面で[＋]をクリックし、"Webhook URL"部分にさっきintegromatでコピーしたURLを張り付ける。
💡先頭に「https://」が既にあるので、貼り付けしたURLでは「https://」を削除しておくこと

通知を送信する条件を選択。
💡保存→アプリを更新するのをお忘れなく！
![kintoneとLINE通知連携_kintone設定2](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/129605/8f50c54d-8112-9984-aa48-0a097740b65a.png "kintoneとLINE通知連携_kintone設定2")


integromatの画面に戻り、[Run once]をクリックし、kintoneからテストレコードを１件追加。
kintoneからの通知を問題なく受け取れると、webhookにチェックマークがついて成功!!
![kintoneとLINE通知連携_kintone設定3](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/129605/699222c7-7755-6dfe-aa58-d94c8f813bee.png "kintoneとLINE通知連携_kintone設定3")


###３）LINEに通知を渡す設定
webhookのマークの右端の半円をクリック。
次のシナリオを選択する画面が出てくるので、[HTTP]を選択。
![kintoneとLINE連携_LINE設定4](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/129605/2c046be6-f0e7-e9e2-c51e-e5a03e4c527e.png "kintoneとLINE連携_LINE設定4")


[Make a request]を選択
以下設定していくぜ！
-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-
URL：https://notify-api.line.me/api/notify
Method：POST
Headers
　Name：Content-Type
　Value：application/x-www-form-urlencoded
　-　-
　Name：Authorization
　Value：Bearer ①で発行したトークンを入力
Body type：Application/x-www-form-urlencoded
Fields
　Key：message
　Value：通知させたい内容
![kintoneとLINE連携_LINE設定5](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/129605/54fa4ca9-9cf5-4390-e51c-637532b25b67.png "kintoneとLINE連携_LINE設定5")
-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-

設定を完了すると「OK」をクリック。

これで設定は完了～～～👏
SAVEボタンを押して、画面下部の【SCHEDULLING】を「OK」に変更し、シナリオを有効にしておく。
![kintoneとLINE連携_LINE設定6](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/129605/6281ebf6-fa05-85fa-d5d8-d8d2d75f9510.png "kintoneとLINE連携_LINE設定6")



##確認してみる
kintoneで案件を登録すると、LINEにも無事通知されました！わ～いうれしい！
一番下のメッセージが、kintoneで登録した際、案件名を通知してくれています。
今回はテストだったからシンプルにしたけど、ここは工夫次第かな。
![kintoneとLINE連携_確認](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/129605/6ecad541-727a-50dc-eda1-3a5b8c347c24.jpeg "kintoneとLINE連携_確認")


LINE Notifyをつかえば、LINEに書き込み→kintoneレコード登録もできそう～。作業者の簡単な日報報告とかで使えそう？なんてふと思いながら気が向いたらやってみよう。

おやすみ～