Slide 1
Slide 1 text
[ 2018/07/29 ]
中村 太一
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
前提
本資料は以下の資料の通りに作業し「カップラーメ
ン タイマー」フローを作成済である事が前提です。
未作成の方は、是非作成してから見てください。
[ Microsoft Flow を無料で楽しく遊ぼう！]
モバイルデバイスのカップラーメンのタイマーを作ってみよう！
https://speakerdeck.com/taichinakamura/microsoft-flow-wowu-
liao-dele-sikuyou-bou-
mobairudebaisufalsekatupuramenfalsetaimawozuo-tutemiyou
Slide 6
Slide 6 text
前提
Microsoft Flow は、目まぐるしく進化しています。特にコ
ネクタのトリガー名やアクション名は英語表記が翻訳され
たり、名前が変わったりします。本資料は2018/7/29現在
の仕様で作成しており、以降変更される可能性があります
ので、その場合は…うまくやってください！
Slide 7
Slide 7 text
目的
Slide 8
Slide 8 text
目的
カップラーメン タイマー改
ボタンをタップし、商品名と「分」を入力すればス
タート！入力した「分」の経過後にモバイルデバイ
スに通知が来ます。
前回のカップラーメンタイマーのフローをコピーし、
修正をします。
前回のフローでは「3分」と固定して
いましたが、今回は Flow ボタンで
「分」を指定することで、様々な待ち
時間を持つカップラーメンに対応可
能！
Slide 9
Slide 9 text
目的
ただ、タイマーだけならそんなもん作らなくても…
違うんです！更に！！
データを OneDrive の Excel に自動追加します。
使い続ければデータが蓄積され、健康管理などに役
立てる事が可能です。
このスライドは前回と同じ
Slide 10
Slide 10 text
完成形
Slide 11
Slide 11 text
完成形
1. Flow ボタンをタップ（商品名と分を入力）
2. 指定した分後に通知
3. OneDrive の Excel ファイルに履歴を追加
Slide 12
Slide 12 text
作業のステップ
Slide 13
Slide 13 text
作業のステップ
1. Microsoft Flow でフローのコピー
2. Microsoft Flow でフローを修正
3. フローの実行（テスト）
以上の作業がだいたい15分もあれば作成できると思います。慣れると5分程度です。
また、完全にノンコーディングで作成できます。
Slide 14
Slide 14 text
Microsoft Flow でフローのコピー
Slide 15
Slide 15 text
フローのコピー
Microsoft Flow にサインインし、「マイ フロー」
をクリックします。
https://flow.microsoft.com
Slide 16
Slide 16 text
フローのコピー
前回作成したフローの右「…」をクリックし、「名
前をつけて保存」をクリック。
Slide 17
Slide 17 text
フローのコピー
フロー名の入力欄に新しいフロー名（今回は「カッ
プラーメンタイマー改」」を入力し、「保存」をク
リック。
Slide 18
Slide 18 text
Microsoft Flow でフローを修正
Slide 19
Slide 19 text
フローを修正
コピーしたフローのエンピツボタンをクリック。
Slide 20
Slide 20 text
フローを修正
「手動でフローをトリガーします」を
クリックし、展開します。
「＋ 入力の追加」をクリックします。
Slide 21
Slide 21 text
フローを修正
ユーザー入力の種類の選択から「テキ
スト」をクリック。
「分」と入力する。
カップラーメンの「分」
を自由に手入力したい場
合は、トリガーアクショ
ンの修正はここまでで
OK。
Slide 22
Slide 22 text
フローを修正
「分」と入力したテキスト入力の右の
「…」をクリックし、「オプションの
ドロップダウン リストを追加する」
をクリック。
「最初のオプション」と記載された入
力欄からカップラーメンの想定される
分を全て入力。
Slide 23
Slide 23 text
フローを修正
最終的にこのような形になります。
僕の場合、3分・4分・5分・10分とし
ましたが、「商品に指定された分より
も少し長い方がおいしいんだ！」など、
こだわりを持つ方は、1分～10分まで
全て入力するか、もしくはこの作業を
スルーすれば、選択肢から選ぶ方法で
はなく手入力する方法もあります。
Slide 24
Slide 24 text
フローを修正
【参考】
数字入力なのに、なぜ「数」を利用し
ないのか？
現時点では、「数」「はい／いいえ」
を利用すると、 iPhone のモバイルア
プリで Flow ボタンが動かなくなるか
らです。（早く利用できるようになっ
てほしいですね。）
Slide 25
Slide 25 text
フローを修正
「手動でフローをトリガーします」と
「待ち時間」の間で「+」をクリック
し、「アクションの追加」をクリック。
「アクションを選択してください」の
コネクタの「もっと見る」をクリック。
Slide 26
Slide 26 text
フローを修正
コネクタ一覧の下にある「データ操
作」をクリック
Slide 27
Slide 27 text
フローを修正
「データ操作 – 作成」をクリック。
Slide 28
Slide 28 text
フローを修正
入力欄をクリック。
動的なコンテンツの中から
「分」をクリック。
Slide 29
Slide 29 text
フローを修正
次に「待ち時間」アクション
をクリックして展開し、カウ
ントの「3」を削除します。
動的なコンテンツの「作成」
の右の「もっと見る」をク
リック。
Slide 30
Slide 30 text
フローを修正
作成に表示された「出力」を
クリック。
Slide 31
Slide 31 text
フローを修正
【参考】
なぜ「作成」アクションを追加したのか？というと、Flow ボタンで追加した
「分」は、「待ち時間」アクションのカウントに指定しようとしても表示さ
れないため、「作成」アクションを経由する事に。
トリガーのデータは後続の
アクションで利用できるけ
ど、「分」のデータは「待
ち時間」アクションのカウ
ントでは、動的なコンテン
ツに表示されない。
Slide 32
Slide 32 text
フローを修正
「Send mi a mobile
notification」をクリックし、
展開。
Text欄の先頭をクリックし
カーソルを持っていく。
動的なコンテンツから「分」
をクリック。
ここでは、動的なコンテンツ
から「分」が選択できるんで
すよね。
Slide 33
Slide 33 text
フローを修正
Text欄を右のような感じに若干文
章を修正。
（モバイル通知なので自分の好く
な文章にしましょう。）
Slide 34
Slide 34 text
フローを修正
「Add a row into a table」をク
リックし展開。
「3分・5分」の入力を削除。
動的なコンテンツから「分」をク
リック。
Slide 35
Slide 35 text
フローを修正
こんな感じになります。
※「3分・5分」が気になる人は、
Excelファイル側の該当部分を修正し
ましょう。
Slide 36
Slide 36 text
フローを修正
右上の「保存」をク
リック。
Slide 37
Slide 37 text
フローを修正
マイ フロー に戻り、
「カップラーメンタイ
マー改」のフローをオ
フからオンにしましょ
う。
これ、忘れがちで、モバイル
アプリに Flow ボタンが表示
されなくて悩むことがあるの
で、要注意。
Slide 38
Slide 38 text
フローの実行
Slide 39
Slide 39 text
フローの実行
お手持ちのモバイルデバイスに
Microsoft Flow のモバイルアプリをイ
ンストールしてください。（無料）
僕は iPhone X ユーザーなので、これからのスクショは
iPhone X のスクショです。
モバイルアプリを起動させ、サインイ
ンするとアクティビティが表示されま
す。下メニューの「ボタン」をタップ
します。
Slide 40
Slide 40 text
フローの実行
ボタンをタップします。
もしボタンをタップしたら左
のようなエラーになった場合、
モバイルアプリを再起動する
と直る場合があります。
Slide 41
Slide 41 text
フローの実行
食べるカップラーメンの商品名を入
力します。
分を選択します。
「完了」をタップします。
タイマーがスタートします。
Slide 42
Slide 42 text
フローの実行
選択した分が経過すると通知が来ま
す。
Slide 43
Slide 43 text
フローの実行
Excelファイルに行が追加さ
れたかを確認します。
OneDrive にアクセスし、
「カップラーメン.xlsx」をク
リックします。
Slide 44
Slide 44 text
フローの実行
ちゃんとデータが記録されていることを確認してください。
Slide 45
Slide 45 text
最後に
Slide 46
Slide 46 text
最後に
実は想定とは違った結果になっている部分があるんです！
という事で、次回は カップラーメン タイマー改 Ver2.0 をお送り
する予定です。
Slide 47
Slide 47 text
おしまい