ノンコーディングでやってみよう！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 ふくあずロゴつくりました。

http://zuvuyalink.net/nrjlog/

https://mvp.microsoft.com/ja-jp/PublicProfile/5001714?fullName=Noriko Matsumoto


3

修羅の国から来ました♥

札幌(きたあず)

福岡(ふくあず)

福岡(北九州)


4

JAZUG福岡支部（ふくあず）

Japan Azure User Group略称 JAZUG (じゃずゆーじー)

Microsoft Azureを学び、楽しみ、活かす、日本のユーザーグループの福岡支部

「Azure を通じて、技術・交流・実ビジネスを楽しむ。」“ちょっと興味がある=ゆるふわな方”から“実ビジネスで使うんだよね”な方まで大歓迎！

プログラマ~企画者、デザイナー大歓迎です！

https://fukuazu.connpass.com

https://www.facebook.com/groups/fukuazu/

https://fukuazu.connpass.com/

https://www.facebook.com/groups/fukuazu/


5

株式会社オルターブースとは

福岡発のスタートアップ企業

.NETやMicrosoft Azureを中心としたシステム開発・デザインを手がける2015年創業のCI企業

2017年3月に自分好みの味のオリジナルソースをオーダーできるマイソースファクトリーを開始

https://mysaucefactory.com/


6

[パートナー事例]オルターブースが提供する

「マイソースファクトリー」に .NET Core やAzure Container Service などの最新技術が使われている本当の理由とは【10/10 更新】

2017年8月、マイクロソフトジャパンパートナーオブザイヤー 2017Open Source on Azure アワードを受賞

https://blogs.technet.microsoft.com/mpn_japan/2017/10/10/partner-showcase-alterbooth/

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/

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 プラン


例）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

サービス数

1772017.10.27 現在

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

23

Connecter：Azure Event Grid

サーバレスイベントの管理を支援する

Azure 上で発生するイベントを検知・連携

1対多、多対１も可

サブスクリプションはWebhookで呼び出し

現在はプレビュー


24

New Connecter：QnA Maker

25https://qnamaker.ai/

https://qnamaker.ai/

New Connecter：Custom Vision


26https://azure.microsoft.com/ja-jp/services/cognitive-services/custom-vision-service/

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は熊本の魅力を発信するプロジェクト

https://www.facebook.com/bearbook.prj/

ボランティア応募用のフォームの制作

参加者全員、日中は自身の仕事がある

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

DEMO

38

ブログ記事の自動投稿＆SNSシェア

39

インスタグラムで撮影＆シェア

#jazug #きたあず

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

40

http://zuvuyalink.net/nrjlog/archives/4047

お知らせ

41

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

https://www.facebook.com/groups/logicflowja/

https://www.facebook.com/groups/logicflowja/

[福岡]日本初のLogicFlowオンリー勉強会


42https://logicflowja.connpass.com/event/67078/

https://logicflowja.connpass.com/event/67078/

参考資料てすとぶろぐ

http://blogahf.blogspot.jp/

Nrjloghttp://zuvuyalink.net/nrjlog/

Codeless / Serverless Flow Develophttps://www.slideshare.net/TomoyukiObi/codelessserverless-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

http://blogahf.blogspot.jp/

http://zuvuyalink.net/nrjlog/

https://www.slideshare.net/TomoyukiObi/codelessserverless-develop

https://docs.microsoft.com/ja-jp/azure/logic-apps/logic-apps-what-are-logic-apps

https://docs.microsoft.com/ja-jp/azure/azure-functions/functions-compare-logic-apps-ms-flow-webjobs

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

44

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

Technology