logicflow 実践編～logicflowでいろいろつくってみた ～
TRANSCRIPT
LogicFlow 実践編～LogicFlowでいろいろつくってみた ～
松本 典子Noriko Matsumoto
株式会社オルターブースデザインアーキテクト
2017 / 11 / 18 LogicFlow-ja Offline #1
自己紹介
2
株式会社オルタブースデザインアーキテクト
香蘭女子短期大学 非常勤講師
Microsoft MVP for Microsoft Azure
松本典子（まつもとのりこ）
デザインに関する業務全般やってます。（UI設計・Webデザイン・DTP…）
@nori790822
https://www.facebook.com/noriji822
本日お話すること
ワタシ的おすすめコネクタ
– Cognitive Service
– DropBox
– Googleスプレッドシート
–メール送信
– FTP（SFTP）
シチュエーション別の解決法
まとめ3
本日のゴール
実際にどんなことがLogicFlowでできるのか？
おすすめコネクタの設定とポイント
4
Logic Appsデザイナー画面
5
トリガー
アクション
ワークフロー
基本はこの画面で各種コネクターをつなぐ。イベントをトリガで受け取り後続のアクションで処理を行う。
全てのコネクタにトリガーとアクションの両方あるわけではない。
ワタシ的おすすめコネクタ
Cognitive Service
DropBox
Googleスプレッドシート
メール送信
– SendGrid
– Gmail（Outlook）
Slack
FTP（SFTP）6
Cognitive Servicesとは
7
8https://azure.microsoft.com/ja-jp/services/cognitive-services/
Cognitive Servicesとは
AI技術を使って「モノ・コトを認識させる」マイクロソフトが提供している認知の技術
9
視覚
Computer Vision API
Content Moderator
Custom Vision Service
Face API
Emotion API
Video Indexer
音声
Translator Speech API
Bing Speech API
Speaker Recognition API
Custom Speech Service
言語
LUIS
Bing Spell Check API
Web Language Model API
Text Analytics API
Translator Text API
Linguistic Analysis API
Cognitive Servicesとは
10
知識
Recommendations API
Knowledge Exploration Service
Entity Linking Intelligence Service API
Academic Knowledge API
QnA Maker API
Custom Decision Service
検索
Bing Autosuggest API
Bing News Search API
Bing Web Search API
Bing Entity Search API
Bing Image Search API
Bing Video Search API
Bing Custom Search API
コネクタで使えるCognitive Services
11
事前に使うサービスの登録が必須
12
コネクタ使用時のポイント
13
試用版利用時https://westcentralus.api.cognitive.microsoft.comを入力
コネクタ使用時のポイント
14
Instagramコネクタ
15
Instagramコネクタ
16
トリガー：1種類
アクション：6種類
Instagramコネクタ使用時のポイント
17
Googleスプレッドシートコネクタ
18
Googleスプレッドシートコネクタ
19
トリガー無し、アクションのみ
スプレッドシートの準備
20
タイトル部分は任意（日本語OK）
Logic Appsのコネクタ側
21
スプレッドシートのタイトルがキチンと日本語で表示される
DropBoxコネクタ
22
DropBoxコネクタ
23
トリガー：４種類
DropBoxコネクタ
24
アクション：11種類
DropBoxコネクタのポイント
25
ファイルをアップロードしたら～な場合
–トリガーとしてコネクタを利用（LogicFlowを分ける）
–アップロードを検知するものは現状なし
画像のパスをアクションで利用する場合
– Azure Blobストレージに一度保存
– Azure BlobストレージのURLを使用（https://xxxx.blob.core.windows.net）
トリガーの注意点
26
メール送信コネクタ
Gmail、Send Grid
27
Gmailコネクタ
28
トリガー：1種類
アクション：5種類
Gmailコネクタの設定
29
日本語で入力OK
SendGridコネクタ
30
トリガーなし、アクションのみ
SendGridとは
配信したメールがほぼ確実に到達する非常に優秀なメールシステム
フリープランでも「12,000通/月」配信OK、機能もほぼ全て使える
31
https://sendgrid.kke.co.jp/
SendGridを使うには
日本公式サイトから作成
SendGrid（日本公式）サイトで会員登録してアカウント作成
Free 12,000通／月
Azure内で作成
Azure MarketPlaceからアカウントを作成
Free 25,000通／月
32
アカウント作成には２つの方法
SendGridを使うには
日本公式サイトから作成
SendGrid（日本公式）サイトで会員登録してアカウント作成
Free 12,000通／月
Azure内で作成
Azure MarketPlaceからアカウントを作成
Free 25,000通／月
アカウント作成には２つの方法
33
Azure Marketplace経由のアカウントではトラッキングが強制的にオフには出来ない
公式サイトから作成したアカウントはこの制限は無い
アカウントの違い
SendGridコネクタ
34
日本語で入力OK
Slackコネクタ
35
Slackコネクタ
36
トリガー：1種類
アクション：6種類
Slackコネクタ
37
Slackコネクタ
38
FTP（SFTP）コネクタ
39
FTP（SFTP）コネクタ
40
トリガー：2種類
FTP（SFTP）コネクタ
41
アクション：11種類
FTP（SFTP）コネクタ
42
シチュエーション別の解決法
WordPressに記事を投稿、撮った写真に透かし画像を入れる
43
WordPressに投稿するLogicFlow
44
WordPressコネクタ
45
トリガー：1種類
アクション：3種類
WordPressコネクタ
46
WordPress.comへの登録不可避。
WordPressのプラグインと連携
47
WordPressに投稿するLogicFlow
48
撮った写真に透かし画像入れたい
49
WordPressプラグインを利用
50
撮った写真に透かし画像入れたい
51
全体のLogicFlow
52
まとめ
他のサービスの仕組みと組み合わせればできることは増える
開発自体の代替ではなくパイプライン開発
頑張れば大体ノンコーディングでできる
ご利用は計画的に
53
Logic App / Microsoft Flowはいいぞ！
最近はLogicApps成分多めなブログ書いてます。
ご興味のある方はぜひに！
54
ご静聴ありがとうございました！
http://zuvuyalink.net/nrjlog/Blog