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

kintoneとMakeを使用したワークショップ U22プログラミングコンテスト2022

kintoneGeeks
September 08, 2022

kintoneとMakeを使用したワークショップ U22プログラミングコンテスト2022

U22プログラミングコンテスト2022のワークショップで使用した資料です。
ノーコードツールMakeを使用して、kintoneとLINEの連携ワークショップを紹介しています。

kintoneGeeks

September 08, 2022
Tweet

More Decks by kintoneGeeks

Other Decks in Programming

Transcript

  1. もくじ ©2022 Cybozu Inc.  サイボウズ会社紹介 1 5min kintoneとは? 2

    5min kintoneハンズオン - 基本機能を使ってみよう!- 3 10min Make × kintoneを使って連携してみよう 4 20min ワークショップ 6 60min 発表 7 20min 発展編 - kintone連携紹介 - 5 10min 先⽣からのコメント・まとめ 8 10min 休憩(10min) 休憩(10min)
  2. サイボウズ株式会社とは 名称 サイボウズ株式会社(東証⼀部上場 4776) 事業内容 チームの情報共有サービス 「グループウェア」 の開発・販売・運⽤ チームワーク強化メソッドの開発・普及 創業

    1997年8⽉(創業:愛媛県松⼭市) 所在地 東京都中央区⽇本橋2-7-1 東京⽇本橋タワー 拠点 東京, ⼤阪, 松⼭, 名古屋, 福岡, 仙台, 広島、札幌 上海, 深圳, 台北, ホーチミン, サンフランシスコ, シドニー, バンコク 資本⾦ 613百万円 業績 連結売上 15,642百万円 ※2020年12⽉期:業績予想 従業員数 連結 1,012名 (有期契約149名含む) ※2020年12⽉末時点 平均年齢 34.5歳 (単体・無期雇⽤) ©2022 Cybozu Inc. 
  3. APIが豊富 l REST API l kintoneのデータ連携をすることができる l kintoneにデータが登録されたらLINEに通知する l Alexa(⾳声認識デバイス)からkintoneにデータを

    登録する l JavaScript API l kintoneの画⾯の動作や、 ⾒た⽬を変えるカスタマイズができる l ⼀覧画⾯が表⽰されたときにボタンを表⽰ ©2022 Cybozu Inc.  APIとは? API:Application Programming Interface ソフトウェアやプログラム、Webサービスを 連携させる仕組みのこと REST API
  4. kintone ハンズオン⼿順 1. kintoneにログインしよう 2. アプリを作ってみよう l 誕⽣⽇管理アプリ l ⽇付:⽇付

    l ⽂字列1⾏:タイトル 3. アプリにデータを登録しよう 4. データを更新しよう 5. アプリに項⽬を追加しよう l 設定 > フィールドを追加 l ⽂字列複数:メモ 6. [発展] l カレンダー形式の⼀覧を作ってみよう! ©2022 Cybozu Inc. 
  5. kintoneの基本⽤語 l ポータル l ログイン後に表⽰されるトップ画⾯ l アプリ l DB(データベース) l

    フィールド l アプリを作成する際に、もともと⽤意されている選択項⽬ l ⽂字列1⾏ l 数値 l ラジオボタン l など l スペース l kintoneで⼤きな分類やカテゴリで分けたい時に使う l ポータルが⽞関なら、スペースは部屋 l スレッド l kintoneでコミュニケーションをとりたい時に使う ©2022 Cybozu Inc.  kintone
  6. ハンズオン発展内容 ©2022 Cybozu Inc.  l 設定 > ⼀覧 >「+」

    l カレンダー形式 l ⽇付:⽇付 l タイトル:タイトル
  7. 完成全体像 ©2022 Cybozu Inc.  今⽇は何の⽇? 今⽇は Aさんの 誕⽣⽇です! ⾃

    B Make 設定したメッセージをLINEに返す ⽂字・スタンプ などを検知
  8. 必要なもの ©2022 Cybozu Inc.  今⽇は何の⽇? 今⽇は Aさんの 誕⽣⽇です! ⾃

    B Make 設定したメッセージをLINEに返す Make ⽂字・スタンプ などを検知
  9. 必要なもの ©2022 Cybozu Inc.  今⽇は何の⽇? 今⽇は Aさんの 誕⽣⽇です! ⾃

    B Make 設定したメッセージをLINEに返す kintone アプリ LINE BOT LINE BOT LINE BOT ⽂字・スタンプ などを検知
  10. Make の⽤語を確認しよう! l Scenarios(シナリオ) l アプリ同⼠の連携を1つに まとめたフロー l Module(モジュール) l

    部品、他のものと組み合わせて使う l 1つのアプリ、1つの動作 (シナリオ上のアプリアンコンの数) ©2022 Cybozu Inc.  シナリオ モジュール Make
  11. LINEモジュール LINE操作ができる部品 l メッセージ操作 l イベント監視 l 返信メッセージ送信 l プッシュメッセージ送信

    l ブロードキャスト送信 l 添付ファイルのダウンロード l 通知操作 l LINE Notify通知送信 l グループ/リスト操作 l Botが所属するグループのユーザーID 取得 l グループメンバーのプロフィール取得 l グループ/ルーム退出 l etc ©2022 Cybozu Inc.  Make
  12. LINEモジュール LINE操作ができる部品 l メッセージ操作 l ★イベント監視 l ★返信メッセージ送信 l プッシュメッセージ送信

    l ブロードキャスト送信 l 添付ファイルのダウンロード l 通知操作 l LINE Notify通知送信 l グループ/リスト操作 l Botが所属するグループのユーザーID 取得 l グループメンバーのプロフィール取得 l グループ/ルーム退出 l etc ©2022 Cybozu Inc.  Make
  13. kintoneモジュール kintone操作ができる部品 l レコード操作 l レコード作成を監視する l レコード検索 l レコード取得

    l レコード作成 l レコード更新 l レコードのステータス更新 l レコード削除 l コメント操作 l コメント検索 l コメント作成 l コメント削除 l ファイル操作 l ファイルアップロード l API操作 l APIを叩く ©2022 Cybozu Inc.  Make
  14. kintoneモジュール kintone操作ができる部品 l レコード操作 l レコード作成を監視する l ★レコード検索 l レコード取得

    l レコード作成 l レコード更新 l レコードのステータス更新 l レコード削除 l コメント操作 l コメント検索 l コメント作成 l コメント削除 l ファイル操作 l ファイルアップロード l API操作 l APIを叩く ©2022 Cybozu Inc.  Make
  15. 完成全体像 ©2022 Cybozu Inc.  今⽇は何の⽇? 今⽇は Aさんの 誕⽣⽇です! ⾃

    B Make ⽂字・スタンプ などを検知 設定したメッセージをLINEに返す
  16. Make ハンズオン⼿順 1. Makeにログインしよう 2. シナリオを作成しよう l LINE l LINE

    BOT を作成しよう l Watch Events の設定 l kintone l Get Records の設定 l LINE l Send a Reply Message の設定 l LINE Webhhokの設定 3. シナリオを実⾏して動作を確認しよう ©2022 Cybozu Inc. 
  17. シナリオを作成しよう 1. 左のメニューから Scenariosを選択 2. 右上の「Create a new scenario」をクリック 3.

    左上の New scenario をク リックして名前「誕⽣⽇ BOT連携」をつけよう 4. 中央の「+ボタン」 をク リックしてシナリオを作成 5. 検索タブに「LINE」と⼊⼒ 6. LINEモジュールを選択 7. ⼀番上の「Watch Events」 を選択 ©2022 Cybozu Inc.  Make
  18. LINE Botを作成しよう 1. LINE Developer Consoleに ログインする l ⽤意しているEmail&Password 2.

    プロバイダー作成 l プロバイダー名:「Make連携」 ©2022 Cybozu Inc.  LINE
  19. LINE Botを作成しよう 1. ログイン 2. プロバイダー作成 3. 新規チャネル作成 l Messaging

    API を選択 l 地域・国選択:⽇本 l アイコン(任意) l チャネル名:誕⽣⽇Bot l チャンネル説明:誕⽣⽇Bot l ⼤業種:個⼈ l ⼩業種:個⼈(その他) l メールアドレス: 「***@example.com」 l アカウント利⽤規約:✅ l API利⽤規約:✅ ©2022 Cybozu Inc.  LINE
  20. LINE Botを作成しよう 1. ログイン 2. プロバイダー作成 3. 新規チャネル作成 4. Botと友達になろう

    l Messaging API設定の QRコードを表⽰ l BOTと友達になる l ※先に友達追加をしてお かないと、Make側でエ ラーになる場合がある ©2022 Cybozu Inc.  LINE
  21. LINE Botを作成しよう 1. ログイン 2. プロバイダー作成 3. 新規チャネル作成 4. Botと友達になろう

    5. アクセストークンを発⾏ &コピーしよう l Messaging API l チャンネルアクセストークンを発⾏ l トークン:*************** コピー l ★Make側で使⽤します ©2022 Cybozu Inc.  LINE
  22. LINE Watch Events の設定 l Webhook Add l Webhook name:

    「誕⽣⽇BOT」 l Connection Add l Connections Add l Connection name:「誕⽣⽇ BOT」 l Channel Access Token:コピー したLINEのアクセストークン l Save ©2022 Cybozu Inc.  Make
  23. kintone SerchRecords の設定 l Connection Add l Conncection type l

    「Kintone」を選択 l Connection name l 誕⽣⽇BOT l Sub domain l techpro2 l Username l ※kintoneのログイン名 l Password l ※kintoneのログインパスワード l Domain name l 「cybozu.com」 を選択 ©2022 Cybozu Inc.  Make
  24. kintone SerchRecords の設定 lApp ID l 作成したアプリを選択 lFields l ⽇付

    l タイトル lQuery l ⽇付 = TODAY() lLimit l 1 ©2022 Cybozu Inc.  Make
  25. LINE Send a Reply Message の設定 l Connection l 設定したコネクションを選択

    l Reply Token l Events[]:Reply Token ©2022 Cybozu Inc.  Make
  26. LINE Send a Reply Message の設定 l Connection l 設定したコネクションを選択

    l Reply Token l Events[]:Reply Token l Messages l Type l Text l Text l タイトルのValue を選択 ©2022 Cybozu Inc.  Make
  27. LINE Send a Reply Message の設定 l Connection l 設定したコネクションを選択

    l Reply Token l Events[]:Reply Token l Messages l Type l Text l Text l タイトルのValue を選択 ©2022 Cybozu Inc.  Make
  28. 動作確認をしよう! ©2022 Cybozu Inc.  l 左下の「Run once」をクリック l LINE

    > BOTのトーク画⾯を表⽰ し、⽂字・スタンプを送信する Make
  29. ①エラーを確認してみよう! ©2022 Cybozu Inc.  Make エラー内容 1つのパラメーターの検証に失敗しました。 必須パラメーター'text'の値がありません。 →kintoneからデータが取得できず、返信

    メッセージのtextが存在しないためエラー。 l 今⽇の予定がkintoneに登録されていない場合、エラーになる l ⚠ マークが表⽰される
  30. ②フィルターをつけてみよう! ©2022 Cybozu Inc.  Make lFilter(フィルター) l モジュール間の・・・を クリックすると設定できる

    l 先のモジュールに進む前に 条件を設定することができる l フィルターで条件をつけるこ とでエラーを回避できる 設定内容 kintone[タイトル:value]がExists(存在 する)場合に、先のモジュールに進む
  31. 発表資料(10分) nスケッチブックor パワポ n チーム名 n タイトル n できること:何をどのように解決するのか n

    こだわり:チームでこだわったこと (任意) n発表時間:1,2分程度 ©2022 Cybozu Inc.  資料
  32. 発表 nスケッチブックor パワポ n チーム名 n タイトル n できること:何をどのように解決するのか n

    こだわり:チームでこだわったこと (任意) n発表時間:1,2分程度 ©2022 Cybozu Inc. 
  33. まとめ lkintone l データを貯めるデータベース l APIがあり、Webサービスやハードウェアと連携できる lノーコードツール l 簡単にサービス同⼠を連携できる l

    複雑な処理やデバッグ(エラー対応)が難しい lプログラミング l ノーコードより時間がかかる可能性が⾼い l 柔軟にカスタマイズできる l 複雑な処理 l ハードウェア連携 ©2022 Cybozu Inc. 
  34. おまけ lkintone開発者ライセンス l メールアドレスで取得可能 l https://developer.cybozu.io/hc/ja/articles/200720464 l 公式ドキュメント(チュートリアルやAPI情報を確認できます) l https://developer.cybozu.io/hc/ja

    lMakeアカウント l メールアドレスで取得可能 l https://www.make.com lLINE Developers l LINEアカウント or メールアドレスで取得可能 l https://account.line.biz/login ©2022 Cybozu Inc.