Upgrade to Pro — share decks privately, control downloads, hide ads and more …

kintone × LINE Bot で餃子検定Botを作った話

9452778272d5d1a19e897f4b75204fb2?s=47 naberina
August 01, 2022

kintone × LINE Bot で餃子検定Botを作った話

devCamp@福岡のランチLT

9452778272d5d1a19e897f4b75204fb2?s=128

naberina

August 01, 2022
Tweet

Other Decks in Programming

Transcript

  1. 2022年5月ステップで学ぶ kintoneカスタマイズ勉強会@福岡 ランチLT 2022@naberina  サイボウズ株式会社 なべりな(渡邉里菜)

  2. ⾃⼰紹介 l 経歴 l 2018年4⽉〜2020年8⽉ l 株式会社インフラトップ 開発部 Webエンジニア l

    2020年9⽉〜現在 l サイボウズ株式会社 エンジニアリレーション部 エンジニアマーケ/DevRel l 好きなもの l 餃⼦ l モノづくり・⼯作・ハンダ付け l 漫画・アニメ 2022@naberina  なべりな @nabeerina
  3. 午前中の勉強会、お疲れ様でした! 2022@naberina  l JavaScriptの基本 l kintone上でのカスタマイズ⽅法 l kintone上でJavaScriptを使⽤したカ スタマイズ

    l kintone JavaScript API
  4. 2022@naberina  kintone上での カスタマイズもしたいし、 ゆくゆくは他のサービスとも 連携したいな〜(できるのかな?)

  5. できます!🎉 2022@naberina 

  6. kintone × LINE BOT 餃子検定Botをつくったはなし 2022@naberina  なべりな

  7. もくじ 2022@naberina  完成形(デモ)紹介 1 必要なもの 2 仕組み解説 3 まとめ

    4
  8. 完成形 2022@naberina 

  9. 完成形 2022@naberina  l これは何 l 餃⼦検定(クイズBot)です l できること l

    餃⼦に関する問題が出題され、 10問回答することで 餃⼦レベルをチェックできます。 l 使い⽅ l 友達登録 l メニューの「餃⼦検定を受験する」から 検定が開始します。 l なぜ作ったのか l 餃⼦が好き l LINE連携をしたかった(興味本位) https://lin.ee/znPnwXn ★ 友達登録はこちら
  10. 必要なもの 2022@naberina 

  11. 必要なもの 2022@naberina  l LINEアカウント l LINE BOTを作成する l (LINE

    Messaging APIを使⽤する) l kintoneアカウント l アプリを作成する l 餃⼦検定問題集アプリ l 餃⼦検定挑戦者アプリ l 餃⼦検定ランクアプリ l Herokuアカウント l kintoneカスタマイズコードをサーバー上で動かす
  12. 各種kintoneアプリの解説 2022@naberina  餃⼦検定問題集アプリ l 検定の問題を登録するアプリ l 問題 l 選択肢

    l 正答 テーブルに 選択肢データを登録
  13. 各種kintoneアプリの解説 2022@naberina  餃⼦検定挑戦者アプリ l 誰が何点かデータを貯めるアプリ l ユーザーID l 問題&回答の正誤データ

    l 得点 テーブルに誰がどの問 題を回答したか登録
  14. 各種kintoneアプリの解説 2022@naberina  餃⼦検定ランクアプリ l 餃⼦検定のマスタデータ l 得点 l Botメッセージ

    得点によって、返信さ れるメッセージ内容を 変えています
  15. 仕組み解説 2022@naberina 

  16. 仕組み 2022@naberina  餃⼦検定を受験する Q: 餃⼦はいつ誕⽣ した? A B C

    Botが動く 仕組み(ブラックボックスになっている部分)を お伝えします!
  17. 仕組み 2022@naberina  餃⼦検定を受験する ① LINE BOTが受け取った メッセージがLINE Platformに送信される

  18. 仕組み 2022@naberina  餃⼦検定を受験する ① ② Webhookイベントが送信される 意味:Botが受け取ったメッセージを サーバー(Heroku)に送信する

  19. 仕組み 2022@naberina  餃⼦検定を受験する ① ② ③ Botが受け取ったメッセージに 合わせて処理を分岐する (例)

    「餃⼦検定を受験する」 ⽂字列を受け取ったの場合
  20. 仕組み 2022@naberina  餃⼦検定を受験する ① ② ③ ④ kintone RESTAPIを使って

    餃⼦検定問題アプリから 1問データを取得する && 餃⼦受験者アプリに データを登録する
  21. 仕組み 2022@naberina  餃⼦検定を受験する ① ② ③ ④ ⑤ 餃⼦検定の問題

    データを1件返す
  22. 仕組み 2022@naberina  餃⼦検定を受験する ① ② ③ ④ ⑤ ⑥

    ⑤のデータを整形して Botの返信メッセージを作る && LINE側にメッセージを送り返す
  23. 仕組み 2022@naberina  餃⼦検定を受験する ① ② ③ ④ ⑤ ⑥

    ⑦ 返信メッセージを LINE側に送り返す
  24. 仕組み 2022@naberina  餃⼦検定を受験する ① ② ③ ④ ⑤ ⑥

    ⑦ Q: 餃⼦はいつ誕⽣ した? A B C ⑧ 返信メッセージが 表⽰される
  25. 仕組み 2022@naberina  餃⼦検定を受験する ① ② ③ ④ ⑤ ⑥

    ⑦ Q: 餃⼦はいつ誕⽣ した? A B C ⑧
  26. 詳細はQiita&Githubをチェック 2022@naberina  https://qiita.com/naberina/items/cf45b5e4996c3bc911dc Qiita URL ちなみに、 応用すると 出勤管理BotやTODO管理Botなど 業務や個人でも使えるBotを作ること

    もできます ! 夢が広がりますね(^o^)
  27. まとめ 2022@naberina 

  28. まとめ l kintone REST APIを使うと、 kintoneの操作ができる l レコード登録 l レコード取得

    l レコード更新 l レコード削除 など l kinotne REST APIを使うと、 様々なサービスとも連携できる l Tipsにもたくさんの連携記事が掲載 されています! l kintone×サービスを組み合わせ るとできることが広がる 2022@naberina 
  29. 午後からの勉強会も お楽しみに 2022@naberina 

  30. ご清聴ありがとうございました! 2022@naberina