Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
LINE bot (Azure Bot Service 製)を
LINE Clova とも繋げてみよう
2019/04/20
このセッションは
写真撮影
OK!
Twitter 実況歓迎!
#cogbot #Clova_CEK
セッション後に
評判をチェック
&リツイートします
今日の目標!
ハンズオンで作る
一問一答 LINE bot
これを Clova
対応する
パンは食べられる?
食べられます。
詳しい解説を
LINEに送るね
今日の目標!
『穀物は積極的に猫
に与える必要はあり
ませんが、栄養の補
給に利用…』
スライドもコードも公開しています
デモアプリのコード:
https://github.com/ch
omado/190420-
LineBot
登壇者紹介 (10秒):千代田まどか
• ニックネーム「ちょまど」
• 新卒で入った SIer を3ヶ月で
退職
• その後プログラマとして
Xamarin (C#) + Azure で
スマホアプリ開発
• 2016 年に Microsoft...
私の描いた絵
私が描いている漫画
「はしれ!コード学園」
本を出版しました(共著)
「マンガでわかる外国人との働き方」
フォロワーは
5万5千人
超えました!
Twitter :
@chomado
[Agenda] 今日お話しする内容
概要
対話モデル
バックエンド
Messaging API
[Agenda] 今日お話しする内容
概要
対話モデル
バックエンド
Messaging API
「スマートスピーカー」とは?
AIアシスタントの載った、
ネットに無線で繋がる機能を持つ
スピーカー
Clova が「既に知っている」コマンドを呼んだ時
「品川区の今日の天気は何で
すか?」 (声)
【Speech to Text】
“品川区の今日の天気は何です
か?”って言った (文字列)
【intent (意図)を理解】
ご主人様は品川区の...
Clova が「知らない」コマンドを呼んだ時
「ちょまどスキルに繋いで」 (声)
【Speech to Text】
“ちょまどスキルに繋いで”って言っ
た (文字列)
は? "ちょまどスキル"?
そんなサービス知らんわ。そんなの見つからなかった...
LINE の
AIプラットフォーム
デバイス
ユーザー
Clova のスキルたち
好きなことを喋らせるには
自分でオレオレ スキル (Extension) を
作れば良さそう!
LINE Clova アプリ(Extension)開発 全体像
占って
大吉です
LINE の
AIプラットフォーム
HTTP リクエスト
JSON
LINE の
自然言語処理サービス。
対話モデル(何と言われ
たら何と返す)を作る
LINE Clova アプリ(Extension)開発 全体像
占って
大吉です
LINE の
AIプラットフォーム
HTTP リクエスト
JSON
LINE の
自然言語処理サービス。
対話モデル(何と言われ
たら何と返す)を作る
対話モデル...
今日お話しする内容
概要
対話モデル
バックエンド
Messaging API
今日お話しする内容
概要
対話モデル
バックエンド
Messaging API
自然言語処理の前提知識
「Intent」「Entity (slot)」
意図 もの
たとえば
「13時から1時間、会議室を取って」
Intent (意図):MeetingRequestIntent (会議予約)
Utterance (発話)
Slot 「13時」 type: time
Slot 「1時間」 type: dura...
たとえば
「13時から1時間、会議室を取って」
Intent (意図):MeetingRequestIntent (会議予約)
Utterance (発話)
Slot 「13時」 type: time
Slot 「1時間」 type: dura...
対話モデル作成の画面 (Clova)
対話モデル作成には:
• Google : Dialogflow
• Amazon Alexa : Alexa Skills Kit
• LINE Clova : Clova Extentions Kit
...
対話モデル作成の画面 (Google)
対話モデル作成には:
• Google : Dialogflow
• Amazon Alexa : Alexa Skills Kit
• LINE Clova : Clova Extentions Kit...
対話モデル作成の画面 (Amazon)
対話モデル作成には:
• Google : Dialogflow
• Amazon Alexa : Alexa Skills Kit
• LINE Clova : Clova Extentions Kit...
実際に作ってみよう!
画面の紙芝居
LINE 開発者ポータル https://developers.line.biz/console/
新規プロバイダー作成
「プロバイダー」
これから作成する
Bot / スキルの
提供元として
表示される情報
プロバイダー作成完了 → 新規チャネル作成
「チャネル」
LINE Developersコン
ソールで作成するアカウ
ントです。
チャネルを使用して、
アプリをLINEプラット
フォームにリンクし統合
できます。
Clova - 新規チャネル作成
Clova スキルのチャネルの新規作成(設定ポチポチ編)
Clova スキルのチャネルの新規作成(設定ポチポチ編)
「連携LINEアカウント」
ここで Clova と
連携する LINE bot との
紐づけを行えます。
今は空白で。(後で使う)
「基本設定」完了
今この「基本設定」の
入力が完了したところ
このページの下部の
「次へ」をクリック
「サーバー設定」
次はサーバーの設定!
ここにサーバーの
エンドポイント
LINE Clova アプリ(Extension)開発 全体像
占って
大吉です
LINE の
AIプラットフォーム
HTTP リクエスト
JSON
LINE の
自然言語処理サービス。
対話モデル(何と言われ
たら何と返す)を作る
LINE Clova アプリ(Extension)開発 全体像
占って
大吉です
LINE の
AIプラットフォーム
HTTP リクエスト
JSON
LINE の
自然言語処理サービス。
対話モデル(何と言われ
たら何と返す)を作る次は
バック...
デモ
「これ食べれるニャンbot」スキル
(猫が食べられるかどうかの 一問一答 LINE bot の Clova 接続)
デモアプリの動き
ハンズオンで作る
一問一答 LINE bot
これを Clova
対応する
パンは食べられる?
食べられます。
詳しい解説を
LINEに送るね
デモアプリの動き
『穀物は積極的に猫
に与える必要はあり
ませんが、栄養の補
給に利用…』
デモ
1. 【LINE Clova friends】
2. 【Webブラウザ】
3. 【Visual Studio】
コードは全て GitHub に上げてます
デモアプリのコード:
https://github.com/ch
omado/190420-
LineBot
今日お話しする内容
概要
対話モデル
バックエンド
Messaging API
今日お話しする内容
概要
対話モデル
バックエンド
Messaging API
デモアプリの動き (+ LINE Messaging API)
最新記事は?
ちょまどさんのブログの
最新記事は
『~~~』です。
私のブログ
[ぴこん!]
LINE に
その記事の
URLを送る
Clova から LINE へのメッセージの送り方
同じプロバイダーの
Clova スキルと
Messaging API の
チャネルは連携可能
ユーザー ID に
Messaging API の
プッシュメッセージで
メッセージを送れる
Clova と LINE bot を繋げる
Clovaスキルの
「基本設定」の画面
LINE へのメッセージの送り方
C# 用の LINE.Messaging という
ライブラリが使えます!
https://github.com/pierre3/LineMessagingApi
デモ
https://github.com/chomado/SmartSpeakerG
etLatestArticle
新しい世界を創るのは
皆さまです!
LINE Clova は、日本などで
日常生活に溶け込んでる
LINE と簡単に繋がる
唯一のプラットフォーム
LINE Clova の拡張の
開発プラットフォーム(SDK)は
まだ去年7月に公開されたばかり
© 2018 Microsoft Corporation
Upcoming SlideShare
Loading in …5
×

LINE bot (Azure Bot Service 製)を LINE Clova とも繋げてみよう

916 views

Published on

LINE bot (Azure Bot Service 製)を LINE Clova とも繋げてみよう (C#)

Published in: Technology
  • Be the first to comment

LINE bot (Azure Bot Service 製)を LINE Clova とも繋げてみよう

  1. 1. LINE bot (Azure Bot Service 製)を LINE Clova とも繋げてみよう 2019/04/20
  2. 2. このセッションは 写真撮影 OK! Twitter 実況歓迎! #cogbot #Clova_CEK セッション後に 評判をチェック &リツイートします
  3. 3. 今日の目標! ハンズオンで作る 一問一答 LINE bot これを Clova 対応する
  4. 4. パンは食べられる? 食べられます。 詳しい解説を LINEに送るね 今日の目標! 『穀物は積極的に猫 に与える必要はあり ませんが、栄養の補 給に利用…』
  5. 5. スライドもコードも公開しています デモアプリのコード: https://github.com/ch omado/190420- LineBot
  6. 6. 登壇者紹介 (10秒):千代田まどか • ニックネーム「ちょまど」 • 新卒で入った SIer を3ヶ月で 退職 • その後プログラマとして Xamarin (C#) + Azure で スマホアプリ開発 • 2016 年に Microsoft 入社 • エンジニア兼マンガ家
  7. 7. 私の描いた絵
  8. 8. 私が描いている漫画 「はしれ!コード学園」
  9. 9. 本を出版しました(共著) 「マンガでわかる外国人との働き方」
  10. 10. フォロワーは 5万5千人 超えました! Twitter : @chomado
  11. 11. [Agenda] 今日お話しする内容 概要 対話モデル バックエンド Messaging API
  12. 12. [Agenda] 今日お話しする内容 概要 対話モデル バックエンド Messaging API
  13. 13. 「スマートスピーカー」とは? AIアシスタントの載った、 ネットに無線で繋がる機能を持つ スピーカー
  14. 14. Clova が「既に知っている」コマンドを呼んだ時 「品川区の今日の天気は何で すか?」 (声) 【Speech to Text】 “品川区の今日の天気は何です か?”って言った (文字列) 【intent (意図)を理解】 ご主人様は品川区の天気を知りたいらし い。Weather Service を呼ぶか Weather Service 「今日は晴れです」 LINE の AIプラットフォーム デバイス ユーザー Clova のスキルたち
  15. 15. Clova が「知らない」コマンドを呼んだ時 「ちょまどスキルに繋いで」 (声) 【Speech to Text】 “ちょまどスキルに繋いで”って言っ た (文字列) は? "ちょまどスキル"? そんなサービス知らんわ。そんなの見つからなかった。 マジで何したらいいのか分からん。 エラーメッセージ返しとくわ 「すみません、 わかりませんでした」 LINE の AIプラットフォーム デバイス ユーザー Clova のスキルたち
  16. 16. LINE の AIプラットフォーム デバイス ユーザー Clova のスキルたち 好きなことを喋らせるには 自分でオレオレ スキル (Extension) を 作れば良さそう!
  17. 17. LINE Clova アプリ(Extension)開発 全体像 占って 大吉です LINE の AIプラットフォーム HTTP リクエスト JSON LINE の 自然言語処理サービス。 対話モデル(何と言われ たら何と返す)を作る
  18. 18. LINE Clova アプリ(Extension)開発 全体像 占って 大吉です LINE の AIプラットフォーム HTTP リクエスト JSON LINE の 自然言語処理サービス。 対話モデル(何と言われ たら何と返す)を作る 対話モデル作成では 自然言語処理の知識が 少しだけ必要
  19. 19. 今日お話しする内容 概要 対話モデル バックエンド Messaging API
  20. 20. 今日お話しする内容 概要 対話モデル バックエンド Messaging API
  21. 21. 自然言語処理の前提知識 「Intent」「Entity (slot)」 意図 もの
  22. 22. たとえば 「13時から1時間、会議室を取って」 Intent (意図):MeetingRequestIntent (会議予約) Utterance (発話) Slot 「13時」 type: time Slot 「1時間」 type: duration
  23. 23. たとえば 「13時から1時間、会議室を取って」 Intent (意図):MeetingRequestIntent (会議予約) Utterance (発話) Slot 「13時」 type: time Slot 「1時間」 type: duration
  24. 24. 対話モデル作成の画面 (Clova) 対話モデル作成には: • Google : Dialogflow • Amazon Alexa : Alexa Skills Kit • LINE Clova : Clova Extentions Kit を使います
  25. 25. 対話モデル作成の画面 (Google) 対話モデル作成には: • Google : Dialogflow • Amazon Alexa : Alexa Skills Kit • LINE Clova : Clova Extentions Kit を使います
  26. 26. 対話モデル作成の画面 (Amazon) 対話モデル作成には: • Google : Dialogflow • Amazon Alexa : Alexa Skills Kit • LINE Clova : Clova Extentions Kit を使います
  27. 27. 実際に作ってみよう! 画面の紙芝居
  28. 28. LINE 開発者ポータル https://developers.line.biz/console/
  29. 29. 新規プロバイダー作成 「プロバイダー」 これから作成する Bot / スキルの 提供元として 表示される情報
  30. 30. プロバイダー作成完了 → 新規チャネル作成 「チャネル」 LINE Developersコン ソールで作成するアカウ ントです。 チャネルを使用して、 アプリをLINEプラット フォームにリンクし統合 できます。
  31. 31. Clova - 新規チャネル作成
  32. 32. Clova スキルのチャネルの新規作成(設定ポチポチ編)
  33. 33. Clova スキルのチャネルの新規作成(設定ポチポチ編) 「連携LINEアカウント」 ここで Clova と 連携する LINE bot との 紐づけを行えます。 今は空白で。(後で使う)
  34. 34. 「基本設定」完了 今この「基本設定」の 入力が完了したところ このページの下部の 「次へ」をクリック
  35. 35. 「サーバー設定」 次はサーバーの設定! ここにサーバーの エンドポイント
  36. 36. LINE Clova アプリ(Extension)開発 全体像 占って 大吉です LINE の AIプラットフォーム HTTP リクエスト JSON LINE の 自然言語処理サービス。 対話モデル(何と言われ たら何と返す)を作る
  37. 37. LINE Clova アプリ(Extension)開発 全体像 占って 大吉です LINE の AIプラットフォーム HTTP リクエスト JSON LINE の 自然言語処理サービス。 対話モデル(何と言われ たら何と返す)を作る次は バックエンドの話
  38. 38. デモ 「これ食べれるニャンbot」スキル (猫が食べられるかどうかの 一問一答 LINE bot の Clova 接続)
  39. 39. デモアプリの動き ハンズオンで作る 一問一答 LINE bot これを Clova 対応する
  40. 40. パンは食べられる? 食べられます。 詳しい解説を LINEに送るね デモアプリの動き 『穀物は積極的に猫 に与える必要はあり ませんが、栄養の補 給に利用…』
  41. 41. デモ 1. 【LINE Clova friends】 2. 【Webブラウザ】 3. 【Visual Studio】
  42. 42. コードは全て GitHub に上げてます デモアプリのコード: https://github.com/ch omado/190420- LineBot
  43. 43. 今日お話しする内容 概要 対話モデル バックエンド Messaging API
  44. 44. 今日お話しする内容 概要 対話モデル バックエンド Messaging API
  45. 45. デモアプリの動き (+ LINE Messaging API) 最新記事は? ちょまどさんのブログの 最新記事は 『~~~』です。 私のブログ [ぴこん!] LINE に その記事の URLを送る
  46. 46. Clova から LINE へのメッセージの送り方 同じプロバイダーの Clova スキルと Messaging API の チャネルは連携可能 ユーザー ID に Messaging API の プッシュメッセージで メッセージを送れる
  47. 47. Clova と LINE bot を繋げる Clovaスキルの 「基本設定」の画面
  48. 48. LINE へのメッセージの送り方 C# 用の LINE.Messaging という ライブラリが使えます! https://github.com/pierre3/LineMessagingApi
  49. 49. デモ https://github.com/chomado/SmartSpeakerG etLatestArticle
  50. 50. 新しい世界を創るのは 皆さまです! LINE Clova は、日本などで 日常生活に溶け込んでる LINE と簡単に繋がる 唯一のプラットフォーム LINE Clova の拡張の 開発プラットフォーム(SDK)は まだ去年7月に公開されたばかり
  51. 51. © 2018 Microsoft Corporation

×