Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

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

Slide 4

Slide 4 text

No content

Slide 5

Slide 5 text

No content

Slide 6

Slide 6 text

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

Slide 7

Slide 7 text

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

Slide 8

Slide 8 text

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

Slide 9

Slide 9 text

enebularのキャッチアップ

Slide 10

Slide 10 text

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

Slide 11

Slide 11 text

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

Slide 12

Slide 12 text

記事でのノードの流れ

Slide 13

Slide 13 text

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

Slide 14

Slide 14 text

SUNABAセットアップ

Slide 15

Slide 15 text

新規登録

Slide 16

Slide 16 text

ボット一覧

Slide 17

Slide 17 text

ボット作成

Slide 18

Slide 18 text

ボット一覧

Slide 19

Slide 19 text

シナリオ編集画面

Slide 20

Slide 20 text

ボット一覧

Slide 21

Slide 21 text

APIテスト画面

Slide 22

Slide 22 text

APIテスト画面

Slide 23

Slide 23 text

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

Slide 24

Slide 24 text

curlでも叩けることを確認

Slide 25

Slide 25 text

enebularセットアップ

Slide 26

Slide 26 text

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

Slide 27

Slide 27 text

No content

Slide 28

Slide 28 text

1. LINEからのWebhook設定

Slide 29

Slide 29 text

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

Slide 30

Slide 30 text

2. LINEへのリクエストパラメータ解析&SUNABAへのリクエストボディ作成 ←LINEへのリクエストパラメータから、 使用する要素を抽出 ←SUNABAにPOSTするリクエストボディを作 成 LINEに入力したメッセージをそのまま SUNABAのVoiceTextに渡す

Slide 31

Slide 31 text

3. SUNABAへのリクエスト

Slide 32

Slide 32 text

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

Slide 33

Slide 33 text

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

Slide 34

Slide 34 text

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

Slide 35

Slide 35 text

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

Slide 36

Slide 36 text

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

Slide 37

Slide 37 text

No content

Slide 38

Slide 38 text

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

Slide 39

Slide 39 text

No content

Slide 40

Slide 40 text

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