2020/2/7に開催された「xAI Meetup #1」の発表資料です。ノンコーディングでLINEボットを作りました。

1. テキスト書き起こし＆読み上げ
LINE ボットを作ってみた
松本 典子
Noriko Matsumoto
2020/02/07 xAI Meetup #1
ノンコーディングでチャレンジ！
LINE Messaging API + Cognitive Services + Azure Logic Apps

2. 2
自己紹介
松本 典子(Noriko Matsumoto)
@nori790822 https://www.facebook.com/noriji822
Blog：https://zuvuyalink.net/nrjlog/

3. 3
ASCII.jp
「Azure Logic Apps」超入門
https://ascii.jp/elem/000/001/736/1736136/
https://ascii.jp/featuredarticles/1647224/

4. 4
今回利用するサービス
LINE
Messaging API
Azure
Cognitive Services
Azure
Logic Apps

5.  開発者が直接的な AI またはデータ
サイエンスのスキルや知識がなくても
インテリジェントなアプリケーション
を構築するために使用できる API、SDK、
およびサービス
– 視覚
– 音声
– 言語
– Web 検索
– 意思決定
5
1. Azure Cognitive Services

6. 6
ノンコーディングでも利用できる！
Azure Cognitive Servicesの一部のサービスは
コネクタとして提供中。

7.  ボットサーバーとLINE
プラットフォームの間でデータを交換
 リクエストはJSON形式でHTTPSを使って
送信
– 応答メッセージを送る
– プッシュメッセージを送る
ユーザーが送ったコンテンツを取得
（画像、動画、音声、およびファイル）
7
2. LINE Messaging API
etc・・・

8.  Microsoftが提供するiPaaSサービス
 ブラウザで視覚的にワークフローを構築
 コードを 1 行も書かずにワークフローを
作成可能
 必要に応じて条件式を組み込める
 料金は使用したリソース分のみ
 提供されているコネクタは270以上
8
3. Azure Logic Apps

9. 9
コネクタの概念
• イベントがあったら動く
先頭に選ぶコネクタ
コネクタ（サービス連携を行うためのコンポーネント）
• 2番目以降に選ぶコネクタ
（複数）

10. 10
デザイナー画面
トリガー
アクション ワークフロー
アクション
イベントをトリガで受け取り、後続のアクションで処理を行う

11. 11
Microsoft提供の iPaaS サービス
Power Automate Azure Logic Apps

12. 12
２つのサービスの違いは？
Power Automate Azure Logic Apps
人とサービスを
つなぐ
サービスとサービスを
つなぐ

13. テキスト書き起こし＋読み上げ
LINEボットを作ってみた
13

14. 14
今回利用する画像
みんなの花図鑑：寒桜
https://minhana.net/wiki/カンザクラ

15. 15
テキスト書き起こし＋読み上げLINEボット
Messaging API
Computer
Vision API
Microsoft
Translator
Azure blob
Storage
HTTP
コネクタ
テキスト入り画像
OCRの結果（テキスト）と音声ファイルのURLをレス

16. 1. Analyze Image
2. Describe Image
3. Describe Image Content
4. Describe Image URL
5. Detect Objects
6. Generate Thumbnail
7. Get Area of Interest
8. OCR to JSON
9. OCR to Text
10.Recognize Domain Specific Content
11.Tag Image 16
Computer visionコネクタ

17. 1. テキストの翻訳
2. 音声認識の言語を取得
3. 言語の検出
4. 言語の取得
5. 読み上げるテキスト
17
Microsoft Translatorコネクタ

18. 18
トリガー（LINEから画像）

19. DEMO
19

20. 20
実行結果

21. 21
Logic Appsはコネクタの追加・削除で
修正が簡単に出来る！

22. 画像OCR＋テキスト読み上げ
LINEボットの翻訳版を作ってみる
22

23. 23
翻訳版：テキスト書き起こし＋読み上げLINEボット
Messaging API
Computer
Vision API
Microsoft
Translator
Azure blob
Storage
HTTP
コネクタ
テキスト入り画像
OCRの結果（テキスト）と音声ファイルのURLをレス
翻訳

24. 1. テキストの翻訳
2. 音声認識の言語を取得
3. 言語の検出
4. 言語の取得
5. 読み上げるテキスト
24
Microsoft Translatorコネクタ

25. 25
「テキストの翻訳」コネクタを
追加するだけ！

26. DEMO
26

27. 27
実行結果

28. 28
×
ノンコーディングでも工夫次第で
いろいろ出来る❤

29. ご清聴ありがとうございました