【 Logic Apps 編 】
ノンコーディングでデキる!
お問い合わせフォーム機能拡張
~感情認識AIを組み込んだお問い合わせフォーム開発~
ノンコーディング開発大集合!一気に学ぼう
PowerApps、MS Flow、Logic Apps
2018/06/26
Noriko Matsumoto
Copyright © 2015-2018 Alterbooth inc. All Rights Reserved.
• 株式会社オルターブース
デザインアーキテクト
• 香蘭女子短期大学 非常勤講師
• Microsoft MVP for Microsoft Azure
(2016年~)
自己紹介
松本 典子(Noriko Matsumoto)
• Blog:http://zuvuyalink.net/nrjlog/
@nori790822
https://www.facebook.com/noriji822
ASCII.jp
「Azure Logic Apps」超入門
http://ascii.jp/elem/000/001/647/1647224/
Copyright © 2015-2018 Alterbooth inc. All Rights Reserved.
• Logic Apps 概要
• コネクタ
• 制御構文
• Logic Appsの価格
• お問い合わせメールの機能拡張(DEMO)
アジェンダ
Copyright © 2015-2018 Alterbooth inc. All Rights Reserved.
Logic Apps 概要
Copyright © 2015-2018 Alterbooth inc. All Rights Reserved.
Azure Logic Apps とは
•ノンコーディングで様々なサービスと連携可能な
iPaaS (Integration Platform as a Service)
Copyright © 2015-2018 Alterbooth inc. All Rights Reserved.
iPaaS (Integration Platform as a Service) とは
•様々なサービスと簡単に連携、自動化
•非エンジニアでもExcelやPowerPointの感覚で使える
•現場で作成し、トライ&エラーが手軽
iPaaS は「パズル」のようなもの
Copyright © 2015-2018 Alterbooth inc. All Rights Reserved.
•使いやすいツールで視覚的にワークフローを構築
•料金は使用したリソース分のみ
•コードを 1 行も書かずにワークフローを自動化可能
• 必要に応じて条件式を組み込める
• 異なる環境にまたがる別個のシステムを接続可能
•提供されているコネクタは190以上
Azure Logic Apps の特徴
Copyright © 2015-2018 Alterbooth inc. All Rights Reserved.
コネクタ の概念
• イベントがあったら動く、
先頭に選ぶコネクタ
コネクタ(サービス連携を行うためのコンポーネント)
• 2番目以降に選ぶコネクタ
(複数)
Copyright © 2015-2018 Alterbooth inc. All Rights Reserved.
Azure Logic Apps デザイナー画面
トリガー
アクション ワークフロー
アクション
イベントをトリガで受け取り、後続のアクションで処理
を行う
Copyright © 2015-2018 Alterbooth inc. All Rights Reserved.
コネクタ
提供コネクタ数:200コネクタ以上
※最新コネクタは「米国中西部」リージョン
Copyright © 2015-2018 Alterbooth inc. All Rights Reserved.
Cognitive Services コネクタ
QnA Maker
「動的コンテンツ」として
コネクタの値を後続のアクション
で利用
ワークフローは条件分岐も可能
Copyright © 2015-2018 Alterbooth inc. All Rights Reserved.
制御構文
Copyright © 2015-2018 Alterbooth inc. All Rights Reserved.
単一条件分岐(if~else)
Copyright © 2015-2018 Alterbooth inc. All Rights Reserved.
複数条件分岐( if else / else if )
Copyright © 2015-2018 Alterbooth inc. All Rights Reserved.
条件多分岐(switch~case)
Copyright © 2015-2018 Alterbooth inc. All Rights Reserved.
繰り返し(ループ)
For each
デザイナ画面上で
入れ子構造のループ作成も可能
Copyright © 2015-2018 Alterbooth inc. All Rights Reserved.
繰り返し(ループ)
Do Until
Copyright © 2015-2018 Alterbooth inc. All Rights Reserved.
並列処理の繰り返し(ループ)
並列処理数はデザイナ画面上でも調整可能
(デフォルトは20アクション)
Copyright © 2015-2018 Alterbooth inc. All Rights Reserved.
実行条件の構成
選択した条件が実行されるタイミングを選べる
Copyright © 2015-2018 Alterbooth inc. All Rights Reserved.
エラー処理の設定(try ~ catch)
直近のアクションがエラーの場
合、赤矢印になり赤い矢印の先
が「失敗した時の処理」になる
Copyright © 2015-2018 Alterbooth inc. All Rights Reserved.
処理のグループ化(スコープ)
「ブロック内の処理が一つでも
失敗したら」という場合も利用
可能
Copyright © 2015-2018 Alterbooth inc. All Rights Reserved.
並列分岐の追加
コネクタ間の矢印上の「+」選択で
「並列分岐の追加」ができる
同時実行
Copyright © 2015-2018 Alterbooth inc. All Rights Reserved.
関数
Copyright © 2015-2018 Alterbooth inc. All Rights Reserved.
Logic Apps の価格
Copyright © 2015-2018 Alterbooth inc. All Rights Reserved.
価格について
米国中西部 西日本 東日本
• 2017年11月1日から完全な従量課金制
• リージョンによって若干の価格差
Copyright © 2015-2018 Alterbooth inc. All Rights Reserved.
Logic Appsの課金単位
トリガー
アクション
1アクション
1アクション
1アクション
Copyright © 2015-2018 Alterbooth inc. All Rights Reserved.
• ポーリング トリガー
• ワークフローを開始するロジック アプリ。インスタンスを作成するための基
準を満たすメッセージを取得するまで継続的にエンドポイントをチェック
• Webhook トリガー
• クライアントが特定のエンドポイントに要求を送信するまで待機する。
Webhook のエンドポイントに送信された個々の要求がアクションの実行とし
てカウントされる
• 繰り返し トリガー
• トリガー内に設定された繰り返し間隔に基づいてロジック アプリ インスタン
スを作成(定期実行・複雑なスケジュール)
トリガーの課金について
Copyright © 2015-2018 Alterbooth inc. All Rights Reserved.
• 成功/失敗した実行のすべてがカウントされ課金される
• 条件が満たされなかったためにスキップされたアクションや、ロジック
アプリが完了前に強制終了されたために実行されなかったアクションは
アクション実行としてカウントされない
• 無効なロジック アプリ
• 新しいインスタンスをインスタンス化できないため、無効になっている
間は課金されない
• ループ内で実行されるアクション
• ループ内での各サイクルごとにカウント
アクションの課金について
ロジック アプリを無効にした場合、実行中のインスタンスが完全に停止するまで
少し時間がかかることがある
Copyright © 2015-2018 Alterbooth inc. All Rights Reserved.
お問い合わせメールの機能拡張
Copyright © 2015-2018 Alterbooth inc. All Rights Reserved.
• 現状のメールフォームを利用
• 件名で感情分析するか判定
• 手軽にメールの感情分析を
試せる
• HTML / JavaScriptの基礎が
わかっている
• ページの修正権限がある
• CORS設定必須
お問い合わせフォーム機能拡張の準備
送信されたメールを判定 メールフォーム自体を改修
Copyright © 2015-2018 Alterbooth inc. All Rights Reserved.
• 現状のメールフォームを利用
• 件名で感情分析するか判定
• 手軽にメールの感情分析を
試せる
• HTML / JavaScriptの基礎が
わかっている
• ページの修正権限がある
• CORS設定必須
お問い合わせフォーム機能拡張の準備
送信されたメールを判定 メールフォーム自体を改修
Copyright © 2015-2018 Alterbooth inc. All Rights Reserved.
1. メール内容の感情分析
1. クレームの可能性が高いメールを判定
2. 自動返信メール機能
1. クレームか通常かで返信内容を変更
3. 顧客リストへの自動登録
1. Googleスプレッドシート
4. Slackに通知
1. クレームか通常かでチャンネルを分けて通知
ノンコーディングで機能を拡張する
Copyright © 2015-2018 Alterbooth inc. All Rights Reserved.
利用するコネクター
Office 365 Outlook Html to text <日付と時刻>
タイムゾーンの変換
<MS Translator>
テキストの翻訳
テキスト分析 Google
スプレッドシート
Slack
Copyright © 2015-2018 Alterbooth inc. All Rights Reserved.
Logic Apps ワークフロー(全体)
Copyright © 2015-2018 Alterbooth inc. All Rights Reserved.
Logic Apps ワークフロー(全体)
1. 受信メールの判定
2. メールの感情分析
Copyright © 2015-2018 Alterbooth inc. All Rights Reserved.
1. 受信メールの判定(全体)
Office 365 Outlook Html to text <日付と時刻>
タイムゾーンの変換
Copyright © 2015-2018 Alterbooth inc. All Rights Reserved.
1. 受信メールの判定:トリガー
トリガー
アクション
Copyright © 2015-2018 Alterbooth inc. All Rights Reserved.
1. 受信メールの判定:Html to text コネクタ
Copyright © 2015-2018 Alterbooth inc. All Rights Reserved.
1. 受信メールの判定:タイムゾーンの変換
Copyright © 2015-2018 Alterbooth inc. All Rights Reserved.
1. 受信メールの判定:判定
お問い合わせメールなので
感情分析を行う
お問い合わせメール以外
何も処理しない
複数条件分岐( if else / else if )
Copyright © 2015-2018 Alterbooth inc. All Rights Reserved.
2. メールの感情分析(全体)
<MS Translator>
テキストの翻訳
テキスト分析 Google
スプレッドシート
Slack
Copyright © 2015-2018 Alterbooth inc. All Rights Reserved.
2. メールの感情分析:Microsoft Translator コネクタ
Text Analytics API は全言語に対応していない
英語に翻訳したメール本文を感情分析、精度を上げる
Copyright © 2015-2018 Alterbooth inc. All Rights Reserved.
2. メールの感情分析:テキスト分析コネクタ
Copyright © 2015-2018 Alterbooth inc. All Rights Reserved.
2. メールの感情分析:テキスト分析コネクタ
クレームの可能性高い クレームの可能性低い
Copyright © 2015-2018 Alterbooth inc. All Rights Reserved.
2. メールの感情分析:メール送信コネクタ
クレーム用自動返信メール 通常用自動返信メール
Copyright © 2015-2018 Alterbooth inc. All Rights Reserved.
2. メールの感情分析:メール送信コネクタ
ログインしたメールアド
レスが送信者(From)と
して表示される
サードパーティーのサービスで解決できる
https://sendgrid.kke.co.jp/
Copyright © 2015-2018 Alterbooth inc. All Rights Reserved.
2. メールの感情分析:Googleスプレッドシートコネクタ
事前にGoogleアカウントを取得し、スプレッドシートを作成
Copyright © 2015-2018 Alterbooth inc. All Rights Reserved.
2. メールの感情分析:Googleスプレッドシートコネクタ
Copyright © 2015-2018 Alterbooth inc. All Rights Reserved.
2. メールの感情分析:Slackコネクタ
Copyright © 2015-2018 Alterbooth inc. All Rights Reserved.
DEMO
Copyright © 2015-2018 Alterbooth inc. All Rights Reserved.
• 直感で操作可能
• コードを 1 行も書かずにワークフローを作成
• ExcelやPowerPointの感覚で利用可能
• 様々なサードパーティー製のサービスと連携可能
• 提供されているコネクタは200以上
• はじめから複雑なワークフローを作成しない
Logic Apps まとめ
Copyright © 2015-2018 Alterbooth inc. All Rights Reserved.
お知らせ
Azure LogicApps / Microsoft Flow について情報をまとめて提供するための
Facebookグループです。LogicApps / Flow に興味がある、コードを書かな
い開発に興味がある、などなどお気軽に申請してください!
https://www.facebook.com/groups/logicflowja/

【Logic Apps編】ノンコーディングでデキる!お問い合わせフォーム機能拡張

  • 1.
    【 Logic Apps編 】 ノンコーディングでデキる! お問い合わせフォーム機能拡張 ~感情認識AIを組み込んだお問い合わせフォーム開発~ ノンコーディング開発大集合!一気に学ぼう PowerApps、MS Flow、Logic Apps 2018/06/26 Noriko Matsumoto
  • 2.
    Copyright © 2015-2018Alterbooth inc. All Rights Reserved. • 株式会社オルターブース デザインアーキテクト • 香蘭女子短期大学 非常勤講師 • Microsoft MVP for Microsoft Azure (2016年~) 自己紹介 松本 典子(Noriko Matsumoto) • Blog:http://zuvuyalink.net/nrjlog/ @nori790822 https://www.facebook.com/noriji822
  • 3.
  • 4.
    Copyright © 2015-2018Alterbooth inc. All Rights Reserved. • Logic Apps 概要 • コネクタ • 制御構文 • Logic Appsの価格 • お問い合わせメールの機能拡張(DEMO) アジェンダ
  • 5.
    Copyright © 2015-2018Alterbooth inc. All Rights Reserved. Logic Apps 概要
  • 6.
    Copyright © 2015-2018Alterbooth inc. All Rights Reserved. Azure Logic Apps とは •ノンコーディングで様々なサービスと連携可能な iPaaS (Integration Platform as a Service)
  • 7.
    Copyright © 2015-2018Alterbooth inc. All Rights Reserved. iPaaS (Integration Platform as a Service) とは •様々なサービスと簡単に連携、自動化 •非エンジニアでもExcelやPowerPointの感覚で使える •現場で作成し、トライ&エラーが手軽 iPaaS は「パズル」のようなもの
  • 8.
    Copyright © 2015-2018Alterbooth inc. All Rights Reserved. •使いやすいツールで視覚的にワークフローを構築 •料金は使用したリソース分のみ •コードを 1 行も書かずにワークフローを自動化可能 • 必要に応じて条件式を組み込める • 異なる環境にまたがる別個のシステムを接続可能 •提供されているコネクタは190以上 Azure Logic Apps の特徴
  • 9.
    Copyright © 2015-2018Alterbooth inc. All Rights Reserved. コネクタ の概念 • イベントがあったら動く、 先頭に選ぶコネクタ コネクタ(サービス連携を行うためのコンポーネント) • 2番目以降に選ぶコネクタ (複数)
  • 10.
    Copyright © 2015-2018Alterbooth inc. All Rights Reserved. Azure Logic Apps デザイナー画面 トリガー アクション ワークフロー アクション イベントをトリガで受け取り、後続のアクションで処理 を行う
  • 11.
    Copyright © 2015-2018Alterbooth inc. All Rights Reserved. コネクタ
  • 13.
  • 14.
    Copyright © 2015-2018Alterbooth inc. All Rights Reserved. Cognitive Services コネクタ QnA Maker
  • 15.
  • 16.
  • 17.
    Copyright © 2015-2018Alterbooth inc. All Rights Reserved. 制御構文
  • 18.
    Copyright © 2015-2018Alterbooth inc. All Rights Reserved. 単一条件分岐(if~else)
  • 19.
    Copyright © 2015-2018Alterbooth inc. All Rights Reserved. 複数条件分岐( if else / else if )
  • 20.
    Copyright © 2015-2018Alterbooth inc. All Rights Reserved. 条件多分岐(switch~case)
  • 21.
    Copyright © 2015-2018Alterbooth inc. All Rights Reserved. 繰り返し(ループ) For each デザイナ画面上で 入れ子構造のループ作成も可能
  • 22.
    Copyright © 2015-2018Alterbooth inc. All Rights Reserved. 繰り返し(ループ) Do Until
  • 23.
    Copyright © 2015-2018Alterbooth inc. All Rights Reserved. 並列処理の繰り返し(ループ) 並列処理数はデザイナ画面上でも調整可能 (デフォルトは20アクション)
  • 24.
    Copyright © 2015-2018Alterbooth inc. All Rights Reserved. 実行条件の構成 選択した条件が実行されるタイミングを選べる
  • 25.
    Copyright © 2015-2018Alterbooth inc. All Rights Reserved. エラー処理の設定(try ~ catch) 直近のアクションがエラーの場 合、赤矢印になり赤い矢印の先 が「失敗した時の処理」になる
  • 26.
    Copyright © 2015-2018Alterbooth inc. All Rights Reserved. 処理のグループ化(スコープ) 「ブロック内の処理が一つでも 失敗したら」という場合も利用 可能
  • 27.
    Copyright © 2015-2018Alterbooth inc. All Rights Reserved. 並列分岐の追加 コネクタ間の矢印上の「+」選択で 「並列分岐の追加」ができる 同時実行
  • 28.
    Copyright © 2015-2018Alterbooth inc. All Rights Reserved. 関数
  • 29.
    Copyright © 2015-2018Alterbooth inc. All Rights Reserved. Logic Apps の価格
  • 30.
    Copyright © 2015-2018Alterbooth inc. All Rights Reserved. 価格について 米国中西部 西日本 東日本 • 2017年11月1日から完全な従量課金制 • リージョンによって若干の価格差
  • 31.
    Copyright © 2015-2018Alterbooth inc. All Rights Reserved. Logic Appsの課金単位 トリガー アクション 1アクション 1アクション 1アクション
  • 32.
    Copyright © 2015-2018Alterbooth inc. All Rights Reserved. • ポーリング トリガー • ワークフローを開始するロジック アプリ。インスタンスを作成するための基 準を満たすメッセージを取得するまで継続的にエンドポイントをチェック • Webhook トリガー • クライアントが特定のエンドポイントに要求を送信するまで待機する。 Webhook のエンドポイントに送信された個々の要求がアクションの実行とし てカウントされる • 繰り返し トリガー • トリガー内に設定された繰り返し間隔に基づいてロジック アプリ インスタン スを作成(定期実行・複雑なスケジュール) トリガーの課金について
  • 33.
    Copyright © 2015-2018Alterbooth inc. All Rights Reserved. • 成功/失敗した実行のすべてがカウントされ課金される • 条件が満たされなかったためにスキップされたアクションや、ロジック アプリが完了前に強制終了されたために実行されなかったアクションは アクション実行としてカウントされない • 無効なロジック アプリ • 新しいインスタンスをインスタンス化できないため、無効になっている 間は課金されない • ループ内で実行されるアクション • ループ内での各サイクルごとにカウント アクションの課金について ロジック アプリを無効にした場合、実行中のインスタンスが完全に停止するまで 少し時間がかかることがある
  • 34.
    Copyright © 2015-2018Alterbooth inc. All Rights Reserved. お問い合わせメールの機能拡張
  • 35.
    Copyright © 2015-2018Alterbooth inc. All Rights Reserved. • 現状のメールフォームを利用 • 件名で感情分析するか判定 • 手軽にメールの感情分析を 試せる • HTML / JavaScriptの基礎が わかっている • ページの修正権限がある • CORS設定必須 お問い合わせフォーム機能拡張の準備 送信されたメールを判定 メールフォーム自体を改修
  • 36.
    Copyright © 2015-2018Alterbooth inc. All Rights Reserved. • 現状のメールフォームを利用 • 件名で感情分析するか判定 • 手軽にメールの感情分析を 試せる • HTML / JavaScriptの基礎が わかっている • ページの修正権限がある • CORS設定必須 お問い合わせフォーム機能拡張の準備 送信されたメールを判定 メールフォーム自体を改修
  • 37.
    Copyright © 2015-2018Alterbooth inc. All Rights Reserved. 1. メール内容の感情分析 1. クレームの可能性が高いメールを判定 2. 自動返信メール機能 1. クレームか通常かで返信内容を変更 3. 顧客リストへの自動登録 1. Googleスプレッドシート 4. Slackに通知 1. クレームか通常かでチャンネルを分けて通知 ノンコーディングで機能を拡張する
  • 38.
    Copyright © 2015-2018Alterbooth inc. All Rights Reserved. 利用するコネクター Office 365 Outlook Html to text <日付と時刻> タイムゾーンの変換 <MS Translator> テキストの翻訳 テキスト分析 Google スプレッドシート Slack
  • 39.
    Copyright © 2015-2018Alterbooth inc. All Rights Reserved. Logic Apps ワークフロー(全体)
  • 40.
    Copyright © 2015-2018Alterbooth inc. All Rights Reserved. Logic Apps ワークフロー(全体) 1. 受信メールの判定 2. メールの感情分析
  • 41.
    Copyright © 2015-2018Alterbooth inc. All Rights Reserved. 1. 受信メールの判定(全体) Office 365 Outlook Html to text <日付と時刻> タイムゾーンの変換
  • 42.
    Copyright © 2015-2018Alterbooth inc. All Rights Reserved. 1. 受信メールの判定:トリガー トリガー アクション
  • 43.
    Copyright © 2015-2018Alterbooth inc. All Rights Reserved. 1. 受信メールの判定:Html to text コネクタ
  • 44.
    Copyright © 2015-2018Alterbooth inc. All Rights Reserved. 1. 受信メールの判定:タイムゾーンの変換
  • 45.
    Copyright © 2015-2018Alterbooth inc. All Rights Reserved. 1. 受信メールの判定:判定 お問い合わせメールなので 感情分析を行う お問い合わせメール以外 何も処理しない 複数条件分岐( if else / else if )
  • 46.
    Copyright © 2015-2018Alterbooth inc. All Rights Reserved. 2. メールの感情分析(全体) <MS Translator> テキストの翻訳 テキスト分析 Google スプレッドシート Slack
  • 47.
    Copyright © 2015-2018Alterbooth inc. All Rights Reserved. 2. メールの感情分析:Microsoft Translator コネクタ Text Analytics API は全言語に対応していない 英語に翻訳したメール本文を感情分析、精度を上げる
  • 48.
    Copyright © 2015-2018Alterbooth inc. All Rights Reserved. 2. メールの感情分析:テキスト分析コネクタ
  • 49.
    Copyright © 2015-2018Alterbooth inc. All Rights Reserved. 2. メールの感情分析:テキスト分析コネクタ クレームの可能性高い クレームの可能性低い
  • 50.
    Copyright © 2015-2018Alterbooth inc. All Rights Reserved. 2. メールの感情分析:メール送信コネクタ クレーム用自動返信メール 通常用自動返信メール
  • 51.
    Copyright © 2015-2018Alterbooth inc. All Rights Reserved. 2. メールの感情分析:メール送信コネクタ ログインしたメールアド レスが送信者(From)と して表示される サードパーティーのサービスで解決できる https://sendgrid.kke.co.jp/
  • 52.
    Copyright © 2015-2018Alterbooth inc. All Rights Reserved. 2. メールの感情分析:Googleスプレッドシートコネクタ 事前にGoogleアカウントを取得し、スプレッドシートを作成
  • 53.
    Copyright © 2015-2018Alterbooth inc. All Rights Reserved. 2. メールの感情分析:Googleスプレッドシートコネクタ
  • 54.
    Copyright © 2015-2018Alterbooth inc. All Rights Reserved. 2. メールの感情分析:Slackコネクタ
  • 55.
    Copyright © 2015-2018Alterbooth inc. All Rights Reserved. DEMO
  • 56.
    Copyright © 2015-2018Alterbooth inc. All Rights Reserved. • 直感で操作可能 • コードを 1 行も書かずにワークフローを作成 • ExcelやPowerPointの感覚で利用可能 • 様々なサードパーティー製のサービスと連携可能 • 提供されているコネクタは200以上 • はじめから複雑なワークフローを作成しない Logic Apps まとめ
  • 57.
    Copyright © 2015-2018Alterbooth inc. All Rights Reserved. お知らせ Azure LogicApps / Microsoft Flow について情報をまとめて提供するための Facebookグループです。LogicApps / Flow に興味がある、コードを書かな い開発に興味がある、などなどお気軽に申請してください! https://www.facebook.com/groups/logicflowja/