Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
[ Microsoft Flow を無料で楽しく遊ぼう!] モバイルデバイスのカップラーメン ...
Search
Taichi Nakamura
July 29, 2018
Technology
0
1.4k
[ Microsoft Flow を無料で楽しく遊ぼう!] モバイルデバイスのカップラーメン タイマー改
[2018/07/29]
前回公開した「[ Microsoft Flow を無料で楽しく遊ぼう!] モバイルデバイスのカップラーメンのタイマーを作ってみよう!」の続編です。
Taichi Nakamura
July 29, 2018
Tweet
Share
More Decks by Taichi Nakamura
See All by Taichi Nakamura
開発者じゃなくても楽しもう!Microsoft Build キーノート
taichinakamura
0
47
小学3年生夏休みの自由研究「夏休みに Copilot で遊んでみた」
taichinakamura
0
340
「 SharePoint 難しい」ってよく聞くけど、そんなに言うなら8歳の息子に試してもらった
taichinakamura
2
1k
アナタも作れる!? 懐かしの「脱出ゲーム」 ( Power Apps , Power Platform )
taichinakamura
0
300
トヨタの社内コミュニティについて色々聞いちゃおう ~たった4年の奇跡の軌跡~
taichinakamura
0
6.4k
失敗ばかりの社内勉強会から学ぶこと
taichinakamura
0
820
iPhone の写真・動画と OneDrive for Business
taichinakamura
0
210
Microsoft Teams のチームの裏側にある SharePoint のチームサイトを使ってみよう!
taichinakamura
1
1.3k
初心者のみんな!(特に根拠はないが)安心して! Power Apps を2回挫折から立ち直った男の話
taichinakamura
0
930
Other Decks in Technology
See All in Technology
CI/CD/IaC 久々に0から環境を作ったらこうなりました
kaz29
1
180
Claude Code Actionを使ったコード品質改善の取り組み
potix2
PRO
6
2.4k
Javaで作る RAGを活用した Q&Aアプリケーション
recruitengineers
PRO
1
120
Tech-Verse 2025 Keynote
lycorptech_jp
PRO
0
220
「Chatwork」の認証基盤の移行とログ活用によるプロダクト改善
kubell_hr
1
190
5min GuardDuty Extended Threat Detection EKS
takakuni
0
150
生成AI活用の組織格差を解消する 〜ビジネス職のCursor導入が開発効率に与えた好循環〜 / Closing the Organizational Gap in AI Adoption
upamune
5
3.6k
Lambda Web Adapterについて自分なりに理解してみた
smt7174
3
120
なぜ私はいま、ここにいるのか? #もがく中堅デザイナー #プロダクトデザイナー
bengo4com
0
470
AWS アーキテクチャ作図入門/aws-architecture-diagram-101
ma2shita
29
11k
生成AI時代の開発組織・技術・プロセス 〜 ログラスの挑戦と考察 〜
itohiro73
1
270
“社内”だけで完結していた私が、AWS Community Builder になるまで
nagisa53
1
400
Featured
See All Featured
Side Projects
sachag
455
42k
RailsConf 2023
tenderlove
30
1.1k
Into the Great Unknown - MozCon
thekraken
39
1.9k
A better future with KSS
kneath
239
17k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
5
220
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
We Have a Design System, Now What?
morganepeng
53
7.7k
Why Our Code Smells
bkeepers
PRO
337
57k
Art, The Web, and Tiny UX
lynnandtonic
299
21k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
The Cost Of JavaScript in 2023
addyosmani
51
8.5k
The Straight Up "How To Draw Better" Workshop
denniskardys
234
140k
Transcript
[ 2018/07/29 ] 中村 太一 Microsoft Flow ~無料で楽しく学ぼう!~ モバイルデバイスの カップラーメン
タイマー改
自己紹介 元 ミュージシャン(ギタリスト/アレンジャー) 元 Webデザイナー SharePoint 2007
/ 2010 / 2013 を約7年(運営/構築) 今は Office 365 全般を 好き 家族 / ギター / ヘヴィーメタル / クルマ / DIY / 写真 / ガンプラ / ラジコン / ミニ四駆 / Office 365 / などなど…
自己紹介 ブログ「 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 巷では 「黒いブログ」 と呼ばれている… とか!? オリジナルキャラクター 「熊五郎(仮)」
前提
前提 本資料は以下の資料の通りに作業し「カップラーメ ン タイマー」フローを作成済である事が前提です。 未作成の方は、是非作成してから見てください。 [ Microsoft Flow を無料で楽しく遊ぼう!] モバイルデバイスのカップラーメンのタイマーを作ってみよう!
https://speakerdeck.com/taichinakamura/microsoft-flow-wowu- liao-dele-sikuyou-bou- mobairudebaisufalsekatupuramenfalsetaimawozuo-tutemiyou
前提 Microsoft Flow は、目まぐるしく進化しています。特にコ ネクタのトリガー名やアクション名は英語表記が翻訳され たり、名前が変わったりします。本資料は2018/7/29現在 の仕様で作成しており、以降変更される可能性があります ので、その場合は…うまくやってください!
目的
目的 カップラーメン タイマー改 ボタンをタップし、商品名と「分」を入力すればス タート!入力した「分」の経過後にモバイルデバイ スに通知が来ます。 前回のカップラーメンタイマーのフローをコピーし、 修正をします。 前回のフローでは「3分」と固定して いましたが、今回は
Flow ボタンで 「分」を指定することで、様々な待ち 時間を持つカップラーメンに対応可 能!
目的 ただ、タイマーだけならそんなもん作らなくても… 違うんです!更に!! データを OneDrive の Excel に自動追加します。 使い続ければデータが蓄積され、健康管理などに役 立てる事が可能です。
このスライドは前回と同じ
完成形
完成形 1. Flow ボタンをタップ(商品名と分を入力) 2. 指定した分後に通知 3. OneDrive の Excel
ファイルに履歴を追加
作業のステップ
作業のステップ 1. Microsoft Flow でフローのコピー 2. Microsoft Flow でフローを修正 3.
フローの実行(テスト) 以上の作業がだいたい15分もあれば作成できると思います。慣れると5分程度です。 また、完全にノンコーディングで作成できます。
Microsoft Flow でフローのコピー
フローのコピー Microsoft Flow にサインインし、「マイ フロー」 をクリックします。 https://flow.microsoft.com
フローのコピー 前回作成したフローの右「…」をクリックし、「名 前をつけて保存」をクリック。
フローのコピー フロー名の入力欄に新しいフロー名(今回は「カッ プラーメンタイマー改」」を入力し、「保存」をク リック。
Microsoft Flow でフローを修正
フローを修正 コピーしたフローのエンピツボタンをクリック。
フローを修正 「手動でフローをトリガーします」を クリックし、展開します。 「+ 入力の追加」をクリックします。
フローを修正 ユーザー入力の種類の選択から「テキ スト」をクリック。 「分」と入力する。 カップラーメンの「分」 を自由に手入力したい場 合は、トリガーアクショ ンの修正はここまでで OK。
フローを修正 「分」と入力したテキスト入力の右の 「…」をクリックし、「オプションの ドロップダウン リストを追加する」 をクリック。 「最初のオプション」と記載された入 力欄からカップラーメンの想定される 分を全て入力。
フローを修正 最終的にこのような形になります。 僕の場合、3分・4分・5分・10分とし ましたが、「商品に指定された分より も少し長い方がおいしいんだ!」など、 こだわりを持つ方は、1分~10分まで 全て入力するか、もしくはこの作業を スルーすれば、選択肢から選ぶ方法で はなく手入力する方法もあります。
フローを修正 【参考】 数字入力なのに、なぜ「数」を利用し ないのか? 現時点では、「数」「はい/いいえ」 を利用すると、 iPhone のモバイルア プリで Flow
ボタンが動かなくなるか らです。(早く利用できるようになっ てほしいですね。)
フローを修正 「手動でフローをトリガーします」と 「待ち時間」の間で「+」をクリック し、「アクションの追加」をクリック。 「アクションを選択してください」の コネクタの「もっと見る」をクリック。
フローを修正 コネクタ一覧の下にある「データ操 作」をクリック
フローを修正 「データ操作 – 作成」をクリック。
フローを修正 入力欄をクリック。 動的なコンテンツの中から 「分」をクリック。
フローを修正 次に「待ち時間」アクション をクリックして展開し、カウ ントの「3」を削除します。 動的なコンテンツの「作成」 の右の「もっと見る」をク リック。
フローを修正 作成に表示された「出力」を クリック。
フローを修正 【参考】 なぜ「作成」アクションを追加したのか?というと、Flow ボタンで追加した 「分」は、「待ち時間」アクションのカウントに指定しようとしても表示さ れないため、「作成」アクションを経由する事に。 トリガーのデータは後続の アクションで利用できるけ ど、「分」のデータは「待 ち時間」アクションのカウ
ントでは、動的なコンテン ツに表示されない。
フローを修正 「Send mi a mobile notification」をクリックし、 展開。 Text欄の先頭をクリックし カーソルを持っていく。 動的なコンテンツから「分」
をクリック。 ここでは、動的なコンテンツ から「分」が選択できるんで すよね。
フローを修正 Text欄を右のような感じに若干文 章を修正。 (モバイル通知なので自分の好く な文章にしましょう。)
フローを修正 「Add a row into a table」をク リックし展開。 「3分・5分」の入力を削除。 動的なコンテンツから「分」をク
リック。
フローを修正 こんな感じになります。 ※「3分・5分」が気になる人は、 Excelファイル側の該当部分を修正し ましょう。
フローを修正 右上の「保存」をク リック。
フローを修正 マイ フロー に戻り、 「カップラーメンタイ マー改」のフローをオ フからオンにしましょ う。 これ、忘れがちで、モバイル アプリに
Flow ボタンが表示 されなくて悩むことがあるの で、要注意。
フローの実行
フローの実行 お手持ちのモバイルデバイスに Microsoft Flow のモバイルアプリをイ ンストールしてください。(無料) 僕は iPhone X ユーザーなので、これからのスクショは
iPhone X のスクショです。 モバイルアプリを起動させ、サインイ ンするとアクティビティが表示されま す。下メニューの「ボタン」をタップ します。
フローの実行 ボタンをタップします。 もしボタンをタップしたら左 のようなエラーになった場合、 モバイルアプリを再起動する と直る場合があります。
フローの実行 食べるカップラーメンの商品名を入 力します。 分を選択します。 「完了」をタップします。 タイマーがスタートします。
フローの実行 選択した分が経過すると通知が来ま す。
フローの実行 Excelファイルに行が追加さ れたかを確認します。 OneDrive にアクセスし、 「カップラーメン.xlsx」をク リックします。
フローの実行 ちゃんとデータが記録されていることを確認してください。
最後に
最後に 実は想定とは違った結果になっている部分があるんです! という事で、次回は カップラーメン タイマー改 Ver2.0 をお送り する予定です。
おしまい