Slide 1
Slide 1 text
[ 2018/07/22 ]
中村 太一
Microsoft Flow
～無料で楽しく学ぼう！～
モバイルデバイスの
カップラーメンのタイマーを作ってみよう！
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
目的
本資料の手順に沿って作業をすれば、カップラーメ
ンのタイマーを全て無料で作成できます。
ボタンをタップし、商品名を入力すればスタート！
3分後にモバイルデバイスに通知が来ます。
このフローを楽しんで作成する事で、 Microsoft
Flow の基本的な勉強ができます。
Slide 6
Slide 6 text
目的
ただ、タイマーだけならそんなもん作らなくても…
違うんです！更に！！
データを OneDrive の Excel に自動追加します。
使い続ければデータが蓄積され、健康管理などに役
立てる事が可能です。
Slide 7
Slide 7 text
完成形
Slide 8
Slide 8 text
完成形
1. Flow ボタンをタップ（3分）
2. 3分後に通知
3. OneDrive の Excel ファイルに履歴を追加
Slide 9
Slide 9 text
前提
Slide 10
Slide 10 text
前提
以下の僕のブログの記事を参考に、 Microsoft Flow
の Free プランにサインインしてください。（無
料）
Microsoft Flow ：無料で一般人でも便利な Free プランにサインイン
https://art-break.net/tech/?p=2917
※プライベートで Office 365 を契約していたり、会社の Office 365 の
プライベート利用OKな人は、そちらの環境を利用してください。
Microsoft アカウントがあれば、
OneDrive も無料で利用でき、 Excel
Online も無料で利用できます。
Microsoft は太っ腹！
Slide 11
Slide 11 text
前提
Microsoft Flow は、目まぐるしく進化しています。特にコ
ネクタのトリガー名やアクション名は英語表記が翻訳され
たり、名前が変わったりします。本資料は2018/7/22現在
の仕様で作成しており、以降変更される可能性があります
ので、その場合は…うまくやってください！
Slide 12
Slide 12 text
作業のステップ
Slide 13
Slide 13 text
作業のステップ
1. Excel ファイルを作成し、OneDrive に保存
2. Microsoft Flow でフローを作成
3. フローの実行（テスト）
以上の作業がだいたい15分もあれば作成できると思います。慣れると5分程度です。
また、完全にノンコーディングで作成できます。
Slide 14
Slide 14 text
Excel ファイル作成
Slide 15
Slide 15 text
Excel ファイルの作成
Microsoft Flow にサインインした Microsoft アカ
ウントで Microsoft Office ホームにサインインしま
す。
https://www.office.com
Slide 16
Slide 16 text
Excel ファイルの作成
Microsoft Office ホーム のアプリから Excel をク
リックします。
Slide 17
Slide 17 text
Excel ファイルの作成
Excel Online で「空白のブックを新規作成」をク
リック。
Slide 18
Slide 18 text
Excel ファイルの作成
以下のように入力します。
A B C D
1 日付 3分・5分 食べた人 商品名
Slide 19
Slide 19 text
Excel ファイルの作成
入力したセルを全て選択し、「ホーム」タブ内、
[テーブルとして書式設定] をクリック
「テーブルの作成」ダイアログ
ボックスが表示されたら、「先
頭行をテーブルの見出しとして
使用する」にチェックを入れ、
「OK」をクリック
Slide 20
Slide 20 text
Excel ファイルの作成
このようになりましたら、「ファイル」タブをク
リックします。
Slide 21
Slide 21 text
Excel ファイルの作成
「名前を付けて保存」をクリックし、更に中の「名
前を付けて保存」をクリックします。
Slide 22
Slide 22 text
Excel ファイルの作成
OneDrive のダイアログが表示されたら「保存」をクリックし、OneDriveに
保存ダイアログが表示されたら「カップラーメン」と入力し、保存をクリック
してください。
Slide 23
Slide 23 text
フローの作成（3分カップラーメン用）
Slide 24
Slide 24 text
フローの作成
Microsoft Flow にサインインし、「マイ フロー」
をクリックします。
https://flow.microsoft.com
Slide 25
Slide 25 text
フローの作成
「フローを一から作成する」をクリックします。
Slide 26
Slide 26 text
フローの作成
トリガーとして Flow ボ
タンを使います。
検索窓に「ボタン」と入力し、表示さ
れた「モバイルの Flow ボタン – 手
動でフローをトリガーします」をク
リックします。
Slide 27
Slide 27 text
フローの作成
「入力の追加」をクリックします。
「テキスト」をクリックします。
「商品名」と入力します。
Slide 28
Slide 28 text
フローの作成
「＋ 新しいステップ」を
クリックし、「アクショ
ンの追加」をクリックし
ます。
Slide 29
Slide 29 text
フローの作成
「スケジュール」で検索
し、「スケジュール – 待
ち時間」をクリックしま
す。
Slide 30
Slide 30 text
フローの作成
「カウント」に「3」を
入力します。
Slide 31
Slide 31 text
フローの作成
「＋ 新しいステップ」を
クリックし、「アクショ
ンの追加」をクリックし
ます。
Slide 32
Slide 32 text
フローの作成
コネクタから「Notifications」
をクリックします。
アクションから「Notifications
– Send me a mobile
Notification」をクリックします。
Slide 33
Slide 33 text
フローの作成
Textにモバイルの通知に表示さ
せたいテキストを入力します。
Slide 34
Slide 34 text
フローの作成
「＋ 新しいステップ」を
クリックし、「アクショ
ンの追加」をクリックし
ます。
Slide 35
Slide 35 text
フローの作成
「Excel」で検索します。
コネクタから「Excel Online
(OneDrive)」をクリックします。
Office 365 な人は 「Excel Online（Business）」をクリックしてくだ
さい。（ OneDrive for Business の Business です。）
通常の「Excel」はオンプレミスデータゲートウェイで接続されたPCや
ファイルサーバーなどのExcelファイルに利用します。
Slide 36
Slide 36 text
フローの作成
アクションから「Excel Online
(OneDrive) – Add a row into
a table」をクリックします。
Excelファイルを作成した時と同
じアカウントでサインインして
ください。
Slide 37
Slide 37 text
フローの作成
サインイン後、Fileの右のフォル
ダーアイコンをクリックします。
出てきたメニューから作成した
Excelファイル「カップラーメ
ン.xlsx」をクリックします。
Slide 38
Slide 38 text
フローの作成
Fileを選択後、Tableの右のアイ
コンをクリックし、「テーブル
1」をクリックします。
Slide 39
Slide 39 text
フローの作成
日付の右の入力欄をクリックし、表示された「動的なコンテン
ツ」から「日付」をクリックします。
Slide 40
Slide 40 text
フローの作成
同じ要領で、食べた人には
「ユーザーの電子メール」、商
品名には「商品名」を選択しま
す。
3分・5分の右の入力欄には、手
入力で「3分」と入力します。
食べた人には「ユーザー名」を入れると良いと
思ったのですが、僕の環境では表示されなかった
ので、「ユーザーの電子メール」にしています。
また、一人でしか利用しない場合は、食べた人自
体がいらないですね。
Slide 41
Slide 41 text
フローの作成
フロー名を変更します。画面左
上の「無題」をクリックし、「3
分カップラーメン」と入力しま
す。
モバイルアプリのフローボタン内に
表示されるテキストがこのフロー名
になります。
Slide 42
Slide 42 text
フローの作成
「保存」をクリックします。
Slide 43
Slide 43 text
フローの作成
今回は3分用のフローを作成しました。5分用
も作成する場合は、3分用のフローの作成手
順に沿って、3分を5分に置き換えて作成して
ください。
Slide 44
Slide 44 text
フローの実行
Slide 45
Slide 45 text
フローの実行
お手持ちのモバイルデバイスに
Microsoft Flow のモバイルアプリをイ
ンストールしてください。（無料）
僕は iPhone X ユーザーなので、これからのスクショは
iPhone X のスクショです。
モバイルアプリを起動させ、サインイ
ンするとアクティビティが表示されま
す。下メニューの「ボタン」をタップ
します。
Slide 46
Slide 46 text
フローの実行
ボタンをタップします。
Slide 47
Slide 47 text
フローの実行
食べるカップラーメンの商品名を入
力します。
「完了」をタップします。
タイマーがスタートします。
Slide 48
Slide 48 text
フローの実行
3分経過すると通知が来ます。
モバイルアプリを閉じていても、以
下のように通知が表示されます。
Slide 49
Slide 49 text
フローの実行
Excelファイルに行が追加さ
れたかを確認します。
OneDrive にアクセスし、
「カップラーメン.xlsx」をク
リックします。
Slide 50
Slide 50 text
フローの実行
ちゃんとデータが記録されていることを確認してください。
Slide 51
Slide 51 text
最後に
Slide 52
Slide 52 text
最後に
このくらいであれば、カンタンにノンコーディングで便利な事ができて
しまうのが Microsoft Flow です。しかも現時点では無料で全て実現で
きてしまうからスゴイです。テンプレートからも便利になれるフローが
作成できるのでチェックしてみましょう。会社で Office 365 が導入され
ている人は、まずはプライベートでコツコツ楽しんで、徐々に慣れてき
たら業務にも活かしてみたらいかがでしょうか？
Slide 53
Slide 53 text
おしまい