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

enebularとSUNABAを使ってローコードでチャットボット開発する

Kawazu
November 04, 2020

 enebularとSUNABAを使ってローコードでチャットボット開発する

Kawazu

November 04, 2020
Tweet

More Decks by Kawazu

Other Decks in Programming

Transcript

  1. enebularとSUNABAを使って
    ローコードで
    チャットボット開発する
    河津正和

    View full-size slide

  2. 河津正和
    ● とある広告代理店勤務
    ● 主にバックエンド領域のテクニカルディレクター
    ● 新規事業開発的なお仕事をしてます
    ● コンテナ技術とか機械学習とか電子工作とか3Dプリン
    ターにも興味あり
    Twitter:@kawazu255_
    Qiita:kawazu255
    note:kawazu255

    View full-size slide

  3. SUNABAとは?
    ● Docomoが提供しているチャットボット開発のためのプラットフォーム
    ● 対話シナリオをGUIで構築できる
    ● ユーザーとの会話内容(ステータス)を保持できる
    ● xAIMLという形式で作成した会話シナリオをエクスポート・インポートできる
    ● 作成したシナリオをAPI化できる

    View full-size slide

  4. SUNABAとは?
    ● Docomoが提供しているチャットボット開発のためのプラットフォーム
    ● 対話シナリオをGUIで構築できる
    ● ユーザーとの会話内容(ステータス)を保持できる
    ● xAIMLという形式で作成した会話シナリオをエクスポート・インポートできる
    ● 作成したシナリオをAPI化できる

    View full-size slide

  5. チャット
    インターフェース
    シナリオロジックと
    インターフェースを連携
    会話シナリオ管理

    View full-size slide

  6. enebularを使えば
    LINEでチャットボット展開するまで
    ほぼコード書かずに開発できる!?

    View full-size slide

  7. enebularのキャッチアップ

    View full-size slide

  8. 開発当初のenebularの知識
    ● IoTデバイスとのシステム連携をノーコードでできる・・・?
    ● LINEとの連携もノーコードでできる・・・?
    ● とりあえずなんかノーコードでいけそう
    ● 知識が乏しい

    View full-size slide

  9. とっても入門できた記事
    ● Teachable MachineとenebularとLINE Botで機械学習を体験しよう!
    ○ https://atlabo-handson-08.netlify.app
    ○ がおまるさん著(ありがとうございます! )

    View full-size slide

  10. 記事でのノードの流れ

    View full-size slide

  11. 記事でのノードの流れ
    外部連携している箇所をSUNABAに置き換えればいけるのでは・・・!?

    View full-size slide

  12. SUNABAセットアップ

    View full-size slide

  13. 新規登録

    View full-size slide

  14. ボット一覧

    View full-size slide

  15. ボット作成

    View full-size slide

  16. ボット一覧

    View full-size slide

  17. シナリオ編集画面

    View full-size slide

  18. ボット一覧

    View full-size slide

  19. APIテスト画面

    View full-size slide

  20. APIテスト画面

    View full-size slide

  21. APIテスト画面
    enebularへの設定に使います→

    View full-size slide

  22. curlでも叩けることを確認

    View full-size slide

  23. enebularセットアップ

    View full-size slide

  24. LINEのMessaging APIノードを追加する

    View full-size slide

  25. 1. LINEからのWebhook設定

    View full-size slide

  26. 2. LINEへのリクエストパラメータ解析&SUNABAへのリクエストボディ作成

    View full-size slide

  27. 2. LINEへのリクエストパラメータ解析&SUNABAへのリクエストボディ作成
    ←LINEへのリクエストパラメータから、
    使用する要素を抽出
    ←SUNABAにPOSTするリクエストボディを作

    LINEに入力したメッセージをそのまま
    SUNABAのVoiceTextに渡す

    View full-size slide

  28. 3. SUNABAへのリクエスト

    View full-size slide

  29. 4. SUNABAからのレスポンスを解析&LINEリプライの内容を作成

    View full-size slide

  30. 4. SUNABAからのレスポンスを解析&LINEリプライの内容を作成
    ←SUNABAのレスポンスから
    返答文を抽出
    ←LINEリプライのための
    レスポンスを整形

    View full-size slide

  31. 5. LINEへのリプライ処理
    LINE Developers
    consoleから確認

    View full-size slide

  32. SUNABAとは?
    ● Docomoが提供しているチャットボット開発のためのプラットフォーム
    ● 対話シナリオをGUIで構築できる
    ● ユーザーとの会話内容(ステータス)を保持できる
    ● xAIMLという形式で作成した会話シナリオをエクスポート・インポートできる
    ● 作成したシナリオをAPI化できる

    View full-size slide

  33. LINEボットとの20カウント勝負

    View full-size slide

  34. 保持しているカウント数によって、
    返答内容を場合分けすることができる

    View full-size slide

  35. まとめ
    ● 複雑なものでもある程度のものは、GUIで対話シナリオ作成できそう。
    ● 言葉のゆらぎをどれだけ吸収してくれるかはもうちょっと検証(ほとんど単語マッチな
    印象)
    ● チャットボットで何かシステムを構築する時は、会話シナリオが体験の肉付けをして
    くれる。チャットボットでやりたいこと+αみたいな形で取り入れられるといいかも
    (LINE + enebular + SUNABA + 画像認識)
    ● 外部連携ありのチャットボットをノーコード/ローコードで作れるenebularすごい

    View full-size slide