Create voice assistant app by Dialogflow

by asmz

Slide 1

Slide 1 text

Dialogflowを使ってノンプログラミングで音声アシスタントを作ろう 2018/03/28 はじめてのIT勉強会 in 仙台 #12 asmz

Slide 2

Slide 2 text

Who are you? ▷ Akira Shimizu / asmz（@_asmz） ▷ 株式会社ビデオマーケット iOSエンジニア ▷ 岩手県陸前高田市出身 ▷ 新卒から12年半東京に勤め、 2016/8より仙台にJターン

Slide 3

Slide 3 text

Who are you? ▷ 無類のビール好き ○ 「麦芽系エンジニア」で検索すると前職エンジニアブログの自分のエントリとか出ます ○ 思わずドメイン取ってしまった ■ https://asmz.beer

Slide 4

Slide 4 text

What are you doing? ▷ ビデオマーケット（https://www.videomarket.jp/） ○ 配信本数は日本最大級（現在19万本） ■ 自分はiOSアプリ開発担当

Slide 5

Slide 5 text

What are you doing? ▷ 株式会社ビデオマーケット ○ 動画配信サービスを運営 ○ 東京本社オフィス（赤坂） ■ 今は140名くらい？ ■ うちエンジニアは40名くらい ○ 仙台オフィス ■ 13名 ■ うちエンジニア4名

Slide 6

Slide 6 text

“ Dialogflowって？

Slide 7

Slide 7 text

What is Dialogflow? ▷ 自然言語解析エンジン ○ https://dialogflow.com/ ○ 人間の普通の会話形式の言葉を読み取りし、何を言おうとしているのかを解析してくれる ○ Googleアシスタント用アプリの開発プラットフォーム「Actions on Google」に統合されている Google Home Google Assistant Dialogflow Server Actions on Google

Slide 8

Slide 8 text

“ それでは5分で作ってみましょう！

Slide 9

Slide 9 text

“ Actions on Googleプロジェクト作成

Slide 10

Slide 10 text

Create new project Actions on Googleコンソール https://console.actions.google.com

Slide 11

Slide 11 text

Create new project 裏でGoogle Cloud Platform上にプロジェクトが作られる

Slide 12

Slide 12 text

Create new project 今回はDialogflowを使用

Slide 13

Slide 13 text

Create new project 自動でDialogflowに連携される

Slide 14

Slide 14 text

“ Agentの作成

Slide 15

Slide 15 text

Create new agent Agent名言語設定 Google Cloud Platformのプロジェクトと紐づいている

Slide 16

Slide 16 text

“ Intentの作成

Slide 17

Slide 17 text

“ Intentとは？

Slide 18

Slide 18 text

What is intent?

Slide 19

Slide 19 text

What is intent? システム上のイベントに反応させたい場合に定義ユーザの発言に反応させたい場合に定義

Slide 20

Slide 20 text

What is intent? ユーザへの回答を定義

Slide 21

Slide 21 text

What is intent? Default Welcome Intentの動作例 OK, Google. {アプリ名}につないでこんにちは！：：以降、他のIntentを用いた対話処理

Slide 22

Slide 22 text

“ 改めて、Intentの作成

Slide 23

Slide 23 text

Create new intent インテント作成

Slide 24

Slide 24 text

Create new intent インテント名「じゃんけん」という言葉に反応させる

Slide 25

Slide 25 text

Create new intent 言葉に反応して返事を返す。複数の返事を定義すると、いずれかの返事をランダムで選ばれる。

Slide 26

Slide 26 text

Create new intent インテントを保存ここでテストできる

Slide 27

Slide 27 text

“ Googleアシスタントへデプロイ

Slide 28

Slide 28 text

Deploy Googleアシスタントと統合

Slide 29

Slide 29 text

Deploy チェック音声アプリ設定へ

Slide 30

Slide 30 text

Deploy 音声アプリ情報設定

Slide 31

Slide 31 text

Deploy Googleアシスタントから今回作った音声アプリに接続するために必要（「xxxxにつないで」に使用）その他の項目はとりあえず無視して設定保存

Slide 32

Slide 32 text

Deploy デプロイ

Slide 33

Slide 33 text

Deploy Googleアシスタントシミュレータこの段階で、このGoogleアカウントに紐づけている Google Home実機があれば、実機テスト可能

Slide 34

Slide 34 text

Deploy

Slide 35

Slide 35 text

“ いろんな遊び方

Slide 36

Slide 36 text

Let’s play! Google Assistant以外にもいろんなサービスと統合することが可能！

Slide 37

Slide 37 text

Let’s play! タグでWebサイトに埋め込み可能

Slide 38

Slide 38 text

Let’s play! ChatBotとして住まわせることも可能

Slide 39

Slide 39 text

Let’s play! もちろんプログラミングも可能

Slide 40

Slide 40 text

Let’s play! ex.) Google Homeで仙台-東京テレビ会議呼び出し

Slide 41

Slide 41 text

“ まとめ

Slide 42

Slide 42 text

Conclusion ▷ プログラミング無しでも始められるので導入ハードルは低い ▷ 自然言語解析機能を備えたChatbotフレームワークとして Dialogflow単体で利用するのもアリ ▷ より複雑なことをやらせたい場合でも、Google Cloud Platformとの連携がしやすい

Slide 43

Slide 43 text

アイデア次第でいろんな可能性が！ぜひ遊んでみてください

Slide 44

Slide 44 text

“ - PR -

Slide 45

Slide 45 text

One more thing... ▷ 仙台でもエンジニア絶賛募集中！ ○ サーバサイド/Android/iOS ○ http://www.videomarket.co.jp/recruit/engineer/

Slide 46

Slide 46 text

ご清聴ありがとうございました 2018/03/28 はじめてのIT勉強会 in 仙台 #12 asmz