サーバーレスでLINE Clova スキル開発＋LINE との接続

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

サーバーレスで！
Clovaスキル開発入門 (C#)
2018/11/21
このセッションは
本当に [入門編] です

今日(35分間)の目標は３つ！
LINE Clova に
好きなことを
話させてみる
バックエンドの処理を
サーバーレスで実装
LINE Messaging
API との連携の
概要を知る

このセッションは
写真撮影
OK！
Twitter 実況歓迎！
#LineDevDay
セッション後に
評判をチェック
＆リツイートします

千代田まどか
• ニックネーム「ちょまど」
• 新卒で入った SIer を3ヶ月で
退職
• その後プログラマとして
Xamarin (C#) + Azure で
スマホアプリ開発
• 2016 年に Microsoft 入社
• エンジニア兼...

私の描いた絵

私が描いている漫画
「はしれ！コード学園」

フォロワーは
4万8千人
超えました！
Twitter :
@chomado

[Agenda] 今日お話しする内容
概要
対話モデル
バックエンド
Messaging API

[Agenda] 今日お話しする内容
概要
対話モデル
バックエンド
Messaging API

「スマートスピーカー」とは？
AIアシスタントの載った、
ネットに無線で繋がる機能を持つ
スピーカー

製造元スピーカー製品名内臓 AIアシスタント
米国発売年
× アナウンス日
〇実際の発売日
Amazon Echo Amazon Alexa 2014年〇済
Google Home Google アシスタント 2016年〇済
Cl...

製造元スピーカー製品名内臓 AIアシスタント
米国発売年
× アナウンス日
〇実際の発売日
Amazon Echo Amazon Alexa 2014年〇済
Google Home Google アシスタント 2016年〇済
Cl...

製造元スピーカー製品名内臓 AIアシスタント
米国発売年
× アナウンス日
〇実際の発売日
Amazon Echo Amazon Alexa 2014年〇済
Google Home Google アシスタント 2016年〇済
Cl...

製造元スピーカー製品名内臓 AIアシスタント
米国発売年
× アナウンス日
〇実際の発売日
Amazon Echo Amazon Alexa 2014年〇済
Google Home Google アシスタント 2016年〇済
Cl...

製造元スピーカー製品名内臓 AIアシスタント
米国発売年
× アナウンス日
〇実際の発売日
Amazon Echo Amazon Alexa 2014年〇済
Google Home Google アシスタント 2016年〇済
Cl...

製造元スピーカー製品名内臓 AIアシスタント
米国発売年
× アナウンス日
〇実際の発売日
Amazon Echo Amazon Alexa 2014年〇済
Google Home Google アシスタント 2016年〇済
Cl...

Clova が「既に知っている」コマンドを呼んだ時
「品川区の今日の天気は何で
すか?」 (声)
【Speech to Text】
“品川区の今日の天気は何です
か?”って言った (文字列)
【intent (意図)を理解】
ご主人様は品川区の...

Clova が「知らない」コマンドを呼んだ時
「ちょまどスキルに繋いで」 (声)
【Speech to Text】
“ちょまどスキルに繋いで”って言っ
た (文字列)
は? "ちょまどスキル"?
そんなサービス知らんわ。そんなの見つからなかった...

LINE の
AIプラットフォーム
デバイス
ユーザー
Clova のスキルたち
好きなことを喋らせるには
自分でオレオレスキル (Extension) を
作れば良さそう！

LINE Clova アプリ(Extension)開発全体像
占って
大吉です
LINE の
AIプラットフォーム
Microsoft の
サーバーレスのサービス
Azure Functions
HTTP リクエスト
JSON
LINE の
...

LINE Clova アプリ(Extension)開発全体像
占って
大吉です
LINE の
AIプラットフォーム
Microsoft の
サーバーレスのサービス
Azure Functions
HTTP リクエスト
JSON
LINE の
...

今日お話しする内容
概要
対話モデル
バックエンド
Messaging API

今日お話しする内容
概要
対話モデル
バックエンド
Messaging API

自然言語処理の前提知識
「Intent」「Entity (slot)」
意図もの

たとえば
「13時から１時間、会議室を取って」
Intent (意図)：MeetingRequestIntent (会議予約)
Utterance (発話)
Slot 「13時」 type: time
Slot 「1時間」 type: dura...

たとえば
「13時から１時間、会議室を取って」
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プラットフォーム
Microsoft の
サーバーレスのサービス
Azure Functions
HTTP リクエスト
JSON
LINE の
...

LINE Clova アプリ(Extension)開発全体像
占って
大吉です
LINE の
AIプラットフォーム
Microsoft の
サーバーレスのサービス
Azure Functions
HTTP リクエスト
JSON
LINE の
...

サーバーレスとは？

オンプレミス
IaaS (一般的な) PaaS サーバレス
(これも PaaS の一種/FaaS)
クラウド
ハードウェア
OS
ランタイム
アプリ
(関数呼び出し)
関数
ハードウェア
OS
ランタイム
アプリ
(関数呼び出し)
関数
ハード...

オンプレミス
IaaS (一般的な) PaaS サーバレス
クラウド
ハードウェア
OS
ランタイム
アプリ
(関数呼び出し)
関数
ハードウェア
OS
ランタイム
アプリ
(関数呼び出し)
関数
ハードウェア
OS
ランタイム
アプリ
(関数...

サーバレスとは何か？

Azure Functions は MSのサーバーレスのサービス！

Azure Functions 始め方① VS から

Azure Functions 始め方② Azure Portal から

デモ
「最新のブログ記事」スキル

デモアプリの動き
最新記事は？
ちょまどさんのブログの最新記事は
『Python ちゃんを創った～』です。
私のブログ

デモ
1. 【Webブラウザ】
2. 【LINE Clova friends】
3. 【Webブラウザ】
4. 【Visual Studio】

Amazon Echo
LINE Clova
Google Home
私のブログの
最新記事を
取得する処理
（共通化）
スマートスピーカー
依存部分
スマートスピーカー
非依存部分
Alexa Skill Kit
Clova Extensio...

コードは全て GitHub に上げています

今日お話しする内容
概要
対話モデル
バックエンド
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 Messaging
API との連携の
概要を知る

新しい世界を創るのは
皆さまです！
LINE Clova は、日本などで
日常生活に溶け込んでる
LINE と簡単に繋がる
唯一のプラットフォーム
LINE Clova の拡張の
開発プラットフォーム(SDK)は
まだ7月に公開されたばかり

Twitter :
@chomado

© 2018 Microsoft Corporation

Share Slideshare

LinkedIn
Facebook
Twitter

Embed

Size (px)

Show related Slideshows at end

WordPress Shortcode

Link

Share
Email

2024 Trend Updates: What Really Wor... by Search Engine Jou... 1028076 views
Storytelling For The Web: Integrate... by Chiara Aliotta 938210 views
Artificial Intelligence, Data and C... by OECD Directorate ... 855306 views
How to Leverage AI to Boost Employe... by SocialHRCamp 358105 views
2024 State of Marketing Report – by... by Marius Sescu 203706 views
Everything You Need To Know About C... by Expeed Software 224725 views

View on Slideshare

1 of 65 Ad

View on Slideshare

1 of 65 Ad