ノンコーディングでやってみよう！Logic Appsのすゝめ

ノンコーディングでやってみよう！
Logic Appsのすゝめ
JAZUG札幌支部（きたあず）第16回勉強会
2017/10/28
Noriko Matsumoto

Copyright© 2017, JAZUG All Rights Reserved.
2
自己紹介
株式会社オルターブースデザインアーキテクト
香蘭女子短期大学非常勤講師
Microsoft MVP for Microsoft Azure（2016年～2017年）
JAZUG福岡支部「ふくあず」、JAZUG女子部
LogicFlow-ja、Webっちゃ
松本典子（Noriko Matsumoto）
Blog：http://zuvuyalink.net/nrjlog/
Twitter：@nori790822
Facebook：https://www.facebook.com/noriji822
Microsoft MVP Profile ふくあずロゴつくりました。

3
修羅の国から来ました♥
札幌
(きたあず)
福岡(ふくあず)
福岡(北九州)

4
JAZUG福岡支部（ふくあず）
Japan Azure User Group
略称 JAZUG (じゃずゆーじー)
Microsoft Azureを学び、楽しみ、活かす、
日本のユーザーグループの福岡支部
「Azure を通じて、技術・交流・実ビジネスを楽しむ。」
“ちょっと興味がある=ゆるふわな方”から“実ビジネスで使うんだ
よね”な方まで大歓迎！
プログラマ~企画者、デザイナー大歓迎です！
https://fukuazu.connpass.com
https://www.facebook.com/groups/fukuazu/

5
株式会社オルターブースとは
福岡発のスタートアップ企業
.NETやMicrosoft Azureを中心
としたシステム開発・デザイ
ンを手がける2015年創業の
CI企業
2017年3月に自分好みの味の
オリジナルソースをオーダー
できるマイソースファクト
リーを開始

6
[パートナー事例]オルターブースが提供する
「マイソースファクトリー」に .NET Core や
Azure Container Service などの最新技術が
使われている本当の理由とは【10/10 更新】
2017年8月、
マイクロソフト
ジャパンパートナー
オブザイヤー 2017
Open Source on Azure
アワードを受賞
https://blogs.technet.microsoft.com/mpn_japan/2017/10/10/partner-showcase-alterbooth/

7
本日お話すること
Logic Apps / Microsoft Flow概要
Logic Apps
Logic Apps活用事例
DEMO
自動でブログ記事投稿＆SNSシェア

Logic Apps / Microsoft Flow概要
8

Logic Apps / Microsoft Flow
Microsoft Flow は Logic Apps の上に
構築されている
同じワークフローデザイナーがある
一部コネクタは、もう一方でも
動作する
9
両方ともプログラムを書かずに多くのサービスを
結合することでモノづくりを行える
iPaas とも呼ばれるサービス

Logic Apps / Microsoft Flowについて
IFTTT は非常に多くのサービスと連携可能
間に制御を挟まないシンプル構成
Microsoft Flow / Logic Apps はユーザーが制御を挟む余地
がある
10
一般ユーザー ITPro

Microsoft Flow
11

Microsoft Flow
オフィスの従業員、
ビジネスユーザー向け
Microsoftアカウントで利用可
個人アカウントは「Freeプラン」のみ
開発：ブラウザー上とモバイルアプリ、UI のみ
セキュリティ：標準的な実務慣行
データの主権性の確保、機密性の高い保存データの暗号化など
12

価格について：Microsoft Flow
13
https://japan.flow.microsoft.com/ja-jp/pricing/

Logic Apps
14

Logic Apps
IT プロフェッショナル、
開発者向け
Azureサブスクリプション必須
開発：Azureポータル上のほかVisual Studio、
コードビューが利用可能
セキュリティ：Azure によるセキュリティ保証
Azure セキュリティ、Security Center、監査ログなど
15

価格について：Logic Apps
ポーリングトリガー
個々のポーリング要求がアク
ションの実行としてカウント
Webhook トリガー
Webhook のエンドポイント
に送信された個々の要求がア
クションの実行としてカウン
ト
定期実行のトリガー
3 日に 1 回や 1 分間に 1 回の
頻度で実行するように
定期実行のトリガーを
構成
16
従量課金プラン
https://docs.microsoft.com/ja-jp/azure/logic-apps/logic-apps-pricing

価格について：Logic Apps
17
App Service プラン
https://docs.microsoft.com/ja-jp/azure/logic-apps/logic-apps-pricing
例）EAサブスクリプションにStandard App Service プランが
含まれる場合
1 日あたりのアクション実行が 10,000 回を超えるまでは、
料金は課金されない

価格について：Logic Apps（改定）
18
2017年11月1日から適用（現在は一部リージョン）
https://azure.microsoft.com/ja-jp/pricing/details/logic-apps/upcoming/

Logic Apps
19

Logic Appsについて
20
料金は使用したリソース
分のみ
コネクタをつなぐだけの
手軽さ
提供されているコネクタ
は100以上
ノンコーディングで機能
開発できる

Logic Appsデザイナー画面
21
トリガー
アクション
ワークフロー
基本はこの画面で各種コネク
ターをつなぐだけ。
イベントをトリガで受け取り
後続のアクションで処理を行う
サーバーレスなもの

22
サービス数
177
2017.10.27 現在

こんなサービスのコネクタも！
23

Connecter：Azure Event Grid
サーバレスイベントの
管理を支援する
Azure 上で発生する
イベントを検知・連携
1対多、多対１も可
サブスクリプションは
Webhookで呼び出し
現在はプレビュー
24

New Connecter：QnA Maker
25https://qnamaker.ai/

New Connecter：Custom Vision
26
https://azure.microsoft.com/ja-jp/services/cognitive-services/custom-vision-service/

Logic Apps活用事例
お問い合わせフォームに活用
27

お問合せフォームのユーザー対応
28
フォームに必要事項記入して
問い合わせ
（顧客リストに登録して）
返答をメール送信
1. メールが来てないかを
都度メーラーチェック
2. 問い合わせ内容の確認
3. 顧客管理リストに登録
（例：項目が10以上）
4. 返信メール作成・送信
もし、お問合せが数百件来たら…？？？
がんばる？対応する人を増やす？

お問合せフォームのユーザー対応
29
フォームに必要事項記入して
問い合わせ
返答をメール送信
1. メールが来てないかを
都度メーラーチェック
2. 問い合わせ内容の確認
3. 顧客管理リストに登録
（例：項目が10以上）
4. 返信メール作成・送信
一部の処理を自動化するだけで、
作業にかかる手間や時間は減らせる！

事例：bear book
30
https://www.facebook.com/bearbook.prj/
ボランティア絶賛募集中！！
bear bookは熊本の魅力を発信するプロジェクト

ボランティア応募用のフォームの制作
参加者全員、日中は自身の仕事がある
Bear bookの作業にあまり時間が割けない
応募に使うメールアドレスはメインのものではない
頻繁に見るメールアドレスではない（通知できたら…）
イベントで配布するポストカードで告知
QRコードの掲載（スマホからのアクセス）
Googleスプレッドシートで応募者を管理したい
応募者を一覧化したい（主催者が管理）
31

こういうフォームだったらいいのでは？
メールフォームの制作自体に時間がかからないこと
応募者に自動返信メール（名前入り）を送信したい
フォームの項目内容が自動でGoogleスプレッドシート
にリスト化される
応募メールが来たら主催者のメールアドレスに通知し
たい
今回はスマホからのアクセス（QRコード）
32

実際につくってみた
33
https://xxx.azurewebsites.net

Logic Flow（全体）
34

Connector：Send Grid
35

Connector：Google Seets
36

Connector：Gmail (自動返信メール)
37

ブログ記事の自動投稿＆SNSシェア
39
インスタグラムで
撮影＆シェア
#jazug #きたあず

実際にやってみます。
結果はこちら → http://zuvuyalink.net/nrjlog/archives/4047
40

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

[福岡]日本初のLogicFlowオンリー勉強会
42https://logicflowja.connpass.com/event/67078/

参考資料
てすとぶろぐ
http://blogahf.blogspot.jp/
Nrjlog
http://zuvuyalink.net/nrjlog/
Codeless / Serverless Flow Develop
https://www.slideshare.net/TomoyukiObi/codelessserverl
ess-develop
Logic Apps とは
https://docs.microsoft.com/ja-jp/azure/logic-apps/logic-
apps-what-are-logic-apps
Flow、Logic Apps、Functions、WebJobs の比較
https://docs.microsoft.com/ja-jp/azure/azure-
functions/functions-compare-logic-apps-ms-flow-webjobs
43

ご清聴ありがとうございました！
44

ノンコーディングでやってみよう！Logic Appsのすゝめ

More Related Content

What's hot (20)

Similar to ノンコーディングでやってみよう！Logic Appsのすゝめ (20)

More from 典子松本 (10)

Recently uploaded (9)