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

【 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/

• Logic Apps 概要
• コネクタ
• 制御構文
• Logic Appsの価格
• お問い合わせメールの機能拡張（DEMO）
アジェンダ

Logic Apps 概要

Azure Logic Apps とは
•ノンコーディングで様々なサービスと連携可能な
iPaaS (Integration Platform as a Service)

iPaaS (Integration Platform as a Service) とは
•様々なサービスと簡単に連携、自動化
•非エンジニアでもExcelやPowerPointの感覚で使える
•現場で作成し、トライ＆エラーが手軽
iPaaS は「パズル」のようなもの

•使いやすいツールで視覚的にワークフローを構築
•料金は使用したリソース分のみ
•コードを 1 行も書かずにワークフローを自動化可能
• 必要に応じて条件式を組み込める
• 異なる環境にまたがる別個のシステムを接続可能
•提供されているコネクタは190以上
Azure Logic Apps の特徴

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

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

コネクタ

提供コネクタ数：200コネクタ以上
※最新コネクタは「米国中西部」リージョン

Cognitive Services コネクタ
QnA Maker

「動的コンテンツ」として
コネクタの値を後続のアクション
で利用

ワークフローは条件分岐も可能

制御構文

単一条件分岐（if~else）

複数条件分岐（ if else / else if ）

条件多分岐（switch～case）

繰り返し（ループ）
For each
デザイナ画面上で
入れ子構造のループ作成も可能

繰り返し（ループ）
Do Until

並列処理の繰り返し（ループ）
並列処理数はデザイナ画面上でも調整可能
（デフォルトは20アクション）

実行条件の構成
選択した条件が実行されるタイミングを選べる

エラー処理の設定（try ~ catch）
直近のアクションがエラーの場
合、赤矢印になり赤い矢印の先
が「失敗した時の処理」になる

処理のグループ化（スコープ）
「ブロック内の処理が一つでも
失敗したら」という場合も利用
可能

並列分岐の追加
コネクタ間の矢印上の「＋」選択で
「並列分岐の追加」ができる
同時実行

関数

Logic Apps の価格

価格について
米国中西部西日本東日本
• 2017年11月1日から完全な従量課金制
• リージョンによって若干の価格差

Logic Appsの課金単位
トリガー
アクション
1アクション
1アクション
1アクション

• ポーリングトリガー
• ワークフローを開始するロジックアプリ。インスタンスを作成するための基
準を満たすメッセージを取得するまで継続的にエンドポイントをチェック
• Webhook トリガー
• クライアントが特定のエンドポイントに要求を送信するまで待機する。
Webhook のエンドポイントに送信された個々の要求がアクションの実行とし
てカウントされる
• 繰り返しトリガー
• トリガー内に設定された繰り返し間隔に基づいてロジックアプリインスタン
スを作成（定期実行・複雑なスケジュール）
トリガーの課金について

• 成功/失敗した実行のすべてがカウントされ課金される
• 条件が満たされなかったためにスキップされたアクションや、ロジック
アプリが完了前に強制終了されたために実行されなかったアクションは
アクション実行としてカウントされない
• 無効なロジックアプリ
• 新しいインスタンスをインスタンス化できないため、無効になっている
間は課金されない
• ループ内で実行されるアクション
• ループ内での各サイクルごとにカウント
アクションの課金について
ロジックアプリを無効にした場合、実行中のインスタンスが完全に停止するまで
少し時間がかかることがある

お問い合わせメールの機能拡張

• 現状のメールフォームを利用
• 件名で感情分析するか判定
• 手軽にメールの感情分析を
試せる
• HTML / JavaScriptの基礎が
わかっている
• ページの修正権限がある
• CORS設定必須
お問い合わせフォーム機能拡張の準備
送信されたメールを判定メールフォーム自体を改修

1. メール内容の感情分析
1. クレームの可能性が高いメールを判定
2. 自動返信メール機能
1. クレームか通常かで返信内容を変更
3. 顧客リストへの自動登録
1. Googleスプレッドシート
4. Slackに通知
1. クレームか通常かでチャンネルを分けて通知
ノンコーディングで機能を拡張する

利用するコネクター
Office 365 Outlook Html to text ＜日付と時刻＞
タイムゾーンの変換
＜MS Translator＞
テキストの翻訳
テキスト分析 Google
スプレッドシート
Slack

Logic Apps ワークフロー（全体）

Logic Apps ワークフロー（全体）
1. 受信メールの判定
2. メールの感情分析

1. 受信メールの判定（全体）
Office 365 Outlook Html to text ＜日付と時刻＞
タイムゾーンの変換

1. 受信メールの判定：トリガー
トリガー
アクション

1. 受信メールの判定：Html to text コネクタ

1. 受信メールの判定：タイムゾーンの変換

1. 受信メールの判定：判定
お問い合わせメールなので
感情分析を行う
お問い合わせメール以外
何も処理しない
複数条件分岐（ if else / else if ）

2. メールの感情分析（全体）
＜MS Translator＞
テキストの翻訳
テキスト分析 Google
スプレッドシート
Slack

2. メールの感情分析：Microsoft Translator コネクタ
Text Analytics API は全言語に対応していない
英語に翻訳したメール本文を感情分析、精度を上げる

2. メールの感情分析：テキスト分析コネクタ

2. メールの感情分析：テキスト分析コネクタ
クレームの可能性高いクレームの可能性低い

2. メールの感情分析：メール送信コネクタ
クレーム用自動返信メール通常用自動返信メール

2. メールの感情分析：メール送信コネクタ
ログインしたメールアド
レスが送信者（From）と
して表示される
サードパーティーのサービスで解決できる
https://sendgrid.kke.co.jp/

2. メールの感情分析：Googleスプレッドシートコネクタ
事前にGoogleアカウントを取得し、スプレッドシートを作成

2. メールの感情分析：Googleスプレッドシートコネクタ

2. メールの感情分析：Slackコネクタ

DEMO

• 直感で操作可能
• コードを 1 行も書かずにワークフローを作成
• ExcelやPowerPointの感覚で利用可能
• 様々なサードパーティー製のサービスと連携可能
• 提供されているコネクタは200以上
• はじめから複雑なワークフローを作成しない
Logic Apps まとめ

お知らせ
Azure LogicApps / Microsoft Flow について情報をまとめて提供するための
Facebookグループです。LogicApps / Flow に興味がある、コードを書かな
い開発に興味がある、などなどお気軽に申請してください！
https://www.facebook.com/groups/logicflowja/

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

Recomendados

Recomendados

Mais conteúdo relacionado

Mais procurados

Mais procurados (20)

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

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

Mais de 典子松本

Mais de 典子松本 (20)