Slide 1

Slide 1 text

[ 2018/08/04 ] 中村 太一 Microsoft Flow ~無料で楽しく学ぼう!~ カンタン! Facebook と Twitter を連携させてみよう Ver 2.0 画像も連携!

Slide 2

Slide 2 text

自己紹介  元 ミュージシャン(ギタリスト/アレンジャー)  元 Webデザイナー  SharePoint 2007 / 2010 / 2013 を約7年(運営/構築)  今は Office 365 全般を 好き 家族 / ギター / ヘヴィーメタル / クルマ / DIY / 写真 / ガンプラ / ラジコン / ミニ四駆 / Office 365 / などなど…

Slide 3

Slide 3 text

自己紹介 ブログ「 Art-Break : Tech ; 」 http://art-break.net/tech Twitter https://twitter.com/artbreak_taichi Facebook https://www.facebook.com/taichi.nakamura YouTube https://www.youtube.com/user/artbreaktaichi Speaker Deck https://speakerdeck.com/taichinakamura 巷では 「黒いブログ」 と呼ばれている… とか!? オリジナルキャラクター 「熊五郎(仮)」

Slide 4

Slide 4 text

前提

Slide 5

Slide 5 text

前提 本資料は以下の資料の通りに作業し「Facebook 投稿か ら新しいツイートを作成する」フローを作成済である事 が前提です。未作成の方は、是非作成してから読み進め てください。 [ Microsoft Flow を無料で楽しく遊ぼう!] カンタン!Facebook と Twitter を連携させてみよう https://speakerdeck.com/taichinakamura/microsoft-flow- wowu-liao-dele-sikuyou-bou-kantan-facebook-to-twitter- wolian-xi-sasetemiyou

Slide 6

Slide 6 text

前提 Microsoft Flow は、目まぐるしく進化しています。特にコ ネクタのトリガー名やアクション名は英語表記が翻訳され たり、名前が変わったりします。本資料は2018/8/4現在 の仕様で作成しており、以降変更される可能性があります ので、その場合は…うまくやってください!

Slide 7

Slide 7 text

目的

Slide 8

Slide 8 text

目的 前回は、Facebook に投稿をしたら、同じ内容を Twitter に自動的にツイートされるフローを、Microsoft Flow でテンプレートからカンタンに設定してみました が、画像を添付して投稿してもツイートには反映されま せんでした。今回は画像も反映される設定に改良しま す!( Excel には画像は追加しません。)

Slide 9

Slide 9 text

制限事項

Slide 10

Slide 10 text

制限・注意事項 作った後に知ってガッカリされるのもアレなので、先に制限・注意事項を思いつく限り… 1. 画像を添付してもツイートに反映されますが、2枚以上添付して投稿をすると、添付した画像の枚数分、ツイー トされます。 2. 無料の Free プランは1月750フローまでの制限があるため、月750回以上投稿したら、フローは動作しません。 たぶん。(一般の方は大丈夫な数だと思いますが) 3. Free プランだとツイートの反映までに時間がかかる事もあります。 4. 僕の経験則だと、たまに失敗している事があります。あくまでもお気軽に。 5. 各アカウントのパスワードを変更した際には、Microsoft Flow 側の接続も再度サインイン作業をしないとフロー がエラーになり動作しません。 6. Excel の制限事項で行の最大数は「1,048,576行」との事で、1,048,577からの投稿は Excel にデータが追加さ れません。(そんなに投稿する?って話ですが)

Slide 11

Slide 11 text

完成形

Slide 12

Slide 12 text

完成形 1. Facebook に画像を添付して投稿 2. 自動的に Twitter に画像付きでツイート 3. OneDrive 内の Excel に追加

Slide 13

Slide 13 text

作業のステップ

Slide 14

Slide 14 text

作業のステップ 1. Microsoft Flow でフローを修正 2. フローの実行(テスト) 以上の作業がだいたい10分もあれば作成できると思います。慣れると3分程度です。 また、完全にノンコーディングで作成できます。

Slide 15

Slide 15 text

フローの修正

Slide 16

Slide 16 text

フローの修正 Microsoft Flow にサインインし、「マイ フロー」 をクリックします。 https://flow.microsoft.com

Slide 17

Slide 17 text

フローの修正 前回作成した「Facebook 投稿から新しいツイート を作成する」のエンピツボタンをクリックします。

Slide 18

Slide 18 text

フローの修正 「When there is a new post on my timeline」と「Post a new tweet」の 間で「+」をクリックし、「アクショ ンの追加」をクリックします。

Slide 19

Slide 19 text

フローの修正 コネクタから「HTTP」をクリックし ます。 アクションから「HTTP – HTTP」を クリックします。

Slide 20

Slide 20 text

フローの修正 方法の右をクリックし、「GET」を選 択します。

Slide 21

Slide 21 text

フローの修正 URIの右をクリックし、動的なコンテンツの「添付されたメディアのURL」を クリックします。

Slide 22

Slide 22 text

フローの修正 自動的に「Apply to each」の中 に「HTTP」アクションが入る形 になりますが、問題ありません。 Apply to each は、要素数の分だけループ処理 します。 つまり、その下に指定されている(「フィード アイ…」と切れてしまっているけど)「フィー ド アイテム media」の分だけ、それ以下を処 理するという事です。 「フィード アイテム media」とは添付した画 像です。 という事は、Facebook の投稿に添付した画像 の数分、ツイートされるという事です。

Slide 23

Slide 23 text

フローの修正 「Post a new tweet」アクションをド ラッグしながら、上の Apply to each の中の「HTTP」アクションの下で離 します。 その下にある「タイム ゾーンの変換」「Add a row into a table」アクションは移動させないで ください。

Slide 24

Slide 24 text

フローの修正 すると、このように「Post a new tweet」アクションが「 Apply to each 」の中の「HTTP」アクションの 下に移動されます。

Slide 25

Slide 25 text

フローの修正 「Post a new tweet」アクションをク リックし展開。その中の「詳細オプ ションを表示する」をクリックします。

Slide 26

Slide 26 text

フローの修正 メディアの右をクリックし、動的なコンテンツの「HTTP」の右の「もっと 見る」をクリックします。

Slide 27

Slide 27 text

フローの修正 「もっと見る」をクリックすると表示される中から「本文」をクリックしま す。

Slide 28

Slide 28 text

フローの修正 メディアに「本文」が追加され た事を確認します。 「保存」をクリックします。

Slide 29

Slide 29 text

フローの実行

Slide 30

Slide 30 text

フローの実行 Facebook に投稿します。 (写真2枚添付しました。) ※もちろんモバイル端末からでも OKです。

Slide 31

Slide 31 text

フローの実行 少し経つと、 Twitter に同じ内 容がツイートされます。 画像2枚添付しているので、2つ ツイートされます。

Slide 32

Slide 32 text

フローの実行 Excelファイルに行が追加さ れたかを確認します。 OneDrive にアクセスし、 「sns.xlsx」をクリックしま す。

Slide 33

Slide 33 text

フローの実行 ちゃんとデータが記録されていることを確認してください。

Slide 34

Slide 34 text

最後に

Slide 35

Slide 35 text

最後に ノンコーディングには変わりありませんが、今回追加した 「HTTP」アクションってのはよく理解できないモノではないかな と思います。とりあえずそういうものだと思ってください。 Microsoft Flow はカンタンとは言いましたが、実際はまだまだ誰に 対してもカンタンというわけにはいきません。でもこれでもスゴイ 事ですけどね!

Slide 36

Slide 36 text

おしまい