Slide 1

Slide 1 text

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

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

前提 以下の僕のブログの記事を参考に、 Microsoft Flow の Free プランにサインインしてください(無料) Microsoft Flow :無料で一般人でも便利な Free プランにサインイン https://art-break.net/tech/?p=2917 ※プライベートで Office 365 を契約していたり、会社の Office 365 の プライベート利用OKな人は、そちらの環境を利用してください。 Microsoft アカウントがあれば、 OneDrive も無料で利用でき、 Excel Online も無料で利用できます。

Slide 6

Slide 6 text

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

Slide 7

Slide 7 text

目的

Slide 8

Slide 8 text

目的 Facebook に投稿をしたら、同じ内容を Twitter に 自動的にツイートされるフローを、Microsoft Flow でテンプレートからカンタンに設定してみましょう。

Slide 9

Slide 9 text

目的 更に! 投稿した内容を OneDrive の Excel に自動追加しま す。

Slide 10

Slide 10 text

制限事項

Slide 11

Slide 11 text

制限・注意事項 作った後に知ってガッカリされるのもアレなので、先に制限・注意事項を思いつく限り… 1. 今回の設定だけでは Facebook に画像を添付した投稿をしても、 Twitter のツイートには画像 は表示されません。(正直これはガッカリな制限事項ですよね…) 2. 無料の Free プランは1月750フローまでの制限があるため、月750回以上投稿したら、フロー は動作しません。たぶん。(一般の方は大丈夫な数だと思いますが) 3. Free プランだとツイートの反映までに時間がかかる事もあります。 4. 僕の経験則だと、たまに失敗している事があります。あくまでもお気軽に。 5. 各アカウントのパスワードを変更した際には、Microsoft Flow 側の接続も再度サインイン作業 をしないとフローがエラーになり動作しません。 意外と多かった…。まぁ、お気軽に!

Slide 12

Slide 12 text

完成形

Slide 13

Slide 13 text

完成形 1. Facebook に投稿 2. 自動的に Twitter にツイート 3. OneDrive 内の Excel に追加

Slide 14

Slide 14 text

作業のステップ

Slide 15

Slide 15 text

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

Slide 16

Slide 16 text

Excel ファイル作成

Slide 17

Slide 17 text

Excel ファイルの作成 Microsoft Flow にサインインした Microsoft アカ ウントで Microsoft Office ホームにサインインしま す。 https://www.office.com

Slide 18

Slide 18 text

Excel ファイルの作成 Microsoft Office ホーム のアプリから Excel をク リックします。

Slide 19

Slide 19 text

Excel ファイルの作成 Excel Online で「空白のブックを新規作成」をク リック。

Slide 20

Slide 20 text

Excel ファイルの作成 以下のように入力します。 A B 1 投稿日時 投稿内容

Slide 21

Slide 21 text

Excel ファイルの作成 入力したセルを全て選択し、「ホーム」タブ内、 [テーブルとして書式設定] をクリック 「テーブルの作成」ダイアログ ボックスが表示されたら、「先 頭行をテーブルの見出しとして 使用する」にチェックを入れ、 「OK」をクリック

Slide 22

Slide 22 text

Excel ファイルの作成 このようになりましたら、「ファイル」タブをク リックします。

Slide 23

Slide 23 text

Excel ファイルの作成 「名前を付けて保存」をクリックし、更に中の「名 前を付けて保存」をクリックします。

Slide 24

Slide 24 text

Excel ファイルの作成 OneDrive のダイアログが表示されたら「保存」をクリックし、OneDriveに 保存ダイアログが表示されたら「sns」と入力し、保存をクリックしてくださ い。

Slide 25

Slide 25 text

フローの作成

Slide 26

Slide 26 text

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

Slide 27

Slide 27 text

フローの作成 「テンプレートから作成」をクリックします。

Slide 28

Slide 28 text

フローの作成 • 「facebook」で検索をします。 • 検索結果から「Facebook 投稿から新しいツイートを作成する」をクリックします。

Slide 29

Slide 29 text

フローの作成 Facebook および Twitter にサインインしま す。 • まずは Facebook の「サインイン」をク リックし、画面に従ってサインインしてく ださい。 • その次に Twitter の「サインイン」をク リックし、画面に従ってサインインしてく ださい。

Slide 30

Slide 30 text

フローの作成 サインインが完了すると「フローの作成」ボ タンがクリックできるようになるので、ク リックします。

Slide 31

Slide 31 text

フローの作成 すでにこの状態で連携さ れますが、少し手直しと、 Excel にデータを追加す る追加作業をしたいと思 います。 「フローの編集」をク リックします。

Slide 32

Slide 32 text

フローの作成 「 Post a new tweet 」をクリックし、 展開します。 ツイート テキストの「From Facebook:」は不要なので削除します。 ※必要であれば残してください。また、 別の文言にしたい場合は入力しなおし てください。

Slide 33

Slide 33 text

フローの作成 「+ 新しいステップ」をクリックし、 「アクションの追加」をクリックしま す。

Slide 34

Slide 34 text

フローの作成 「日付」で検索します。 アクションから「日付と時刻 – タイム ゾーンの変換」をクリッ クします。

Slide 35

Slide 35 text

フローの作成 基準時間の右の入力欄をクリックし、表示された「動的なコンテ ンツ」から「フィード アイテム 作成時刻」をクリックします。

Slide 36

Slide 36 text

フローの作成 その他の項目は以下のように選択します。 Microsoft Flow が取得する時間はUTCなので、面倒だけど時刻を扱う 場合はタイムゾーンの変換を行う必要がありますが、このようにアク ションとして用意されているので楽です。 また、Excel にデータを追加する必要がなく、Facebook と Twitter の 連携だけでOKの場合は、このアクションは必要ないです。

Slide 37

Slide 37 text

フローの作成 「+ 新しいステップ」をクリックし、 「アクションの追加」をクリックしま す。

Slide 38

Slide 38 text

フローの作成 「Excel」で検索します。 コネクタから「Excel Online (OneDrive)」をクリックします。 Office 365 な人は 「Excel Online(Business)」をクリックしてくだ さい。( OneDrive for Business の Business です。) 通常の「Excel」はオンプレミスデータゲートウェイで接続されたPCや ファイルサーバーなどのExcelファイルに利用します。

Slide 39

Slide 39 text

フローの作成 アクションから「Excel Online (OneDrive) – Add a row into a table」をクリックします。 Excelファイルを作成した時と同 じアカウントでサインインして ください。

Slide 40

Slide 40 text

フローの作成 サインイン後、Fileの右のフォル ダーアイコンをクリックします。 出てきたメニューから作成した Excelファイル「sns.xlsx」をク リックします。

Slide 41

Slide 41 text

フローの作成 Fileを選択後、Tableの右のアイ コンをクリックし、「テーブル 1」をクリックします。

Slide 42

Slide 42 text

フローの作成 投稿日時の右の入力欄をクリックし、表示された「動的なコンテ ンツ」から「変換後の時間」をクリックします。

Slide 43

Slide 43 text

フローの作成 投稿内容の右の入力欄をクリックし、表示された「動的なコンテン ツ」から「フィード アイテム ステータス メッセージ」をクリックし ます。

Slide 44

Slide 44 text

フローの作成 「保存」をクリックします。

Slide 45

Slide 45 text

フローの実行

Slide 46

Slide 46 text

フローの実行 Facebook に投稿します。 ※もちろんモバイル端末からでも OKです。

Slide 47

Slide 47 text

フローの実行 少し経つと、 Twitter に同じ内 容がツイートされます。

Slide 48

Slide 48 text

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

Slide 49

Slide 49 text

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

Slide 50

Slide 50 text

最後に

Slide 51

Slide 51 text

最後に テンプレートからフローを作成すると非常にカンタンだったと思い ます。この他にも Instagram で投稿すると Facebook や Twitter などに自動で投稿されるテンプレートなどもあり、数種類のSNSを 利用している方にとっては色々と便利になるのではと思います。

Slide 52

Slide 52 text

最後に これが業務用途の場合だと、ソーシャルメディアをやっている会社 の中の人であれば、これらのフローを作成すると業務効率化が図れ ますし、承認のアクションを挟む事で、上司に承認を得ると投稿さ れるという仕組みもカンタンに作成可能です。

Slide 53

Slide 53 text

おしまい