Upgrade to Pro — share decks privately, control downloads, hide ads and more …

[ Microsoft Flow を無料で楽しく遊ぼう!] モバイルデバイスのカップラーメンのタイマーを作ってみよう!

[ Microsoft Flow を無料で楽しく遊ぼう!] モバイルデバイスのカップラーメンのタイマーを作ってみよう!

[2018/07/22]
本資料の手順に沿って作業をすれば、Microsoft Flow を利用し、モバイルデバイスでカップラーメンのタイマーを全て無料で作成できます。

54bcc1069d75636cc735e72877dd30ec?s=128

Taichi Nakamura

July 22, 2018
Tweet

Transcript

  1. [ 2018/07/22 ] 中村 太一 Microsoft Flow ~無料で楽しく学ぼう!~ モバイルデバイスの カップラーメンのタイマーを作ってみよう!

  2. 自己紹介  元 ミュージシャン(ギタリスト/アレンジャー)  元 Webデザイナー  SharePoint 2007

    / 2010 / 2013 を約7年(運営/構築)  今は Office 365 全般を 好き 家族 / ギター / ヘヴィーメタル / クルマ / DIY / 写真 / ガンプラ / ラジコン / ミニ四駆 / Office 365 / などなど…
  3. 自己紹介 ブログ「 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 巷では 「黒いブログ」 と呼ばれている… とか!? オリジナルキャラクター 「熊五郎(仮)」
  4. 目的

  5. 目的 本資料の手順に沿って作業をすれば、カップラーメ ンのタイマーを全て無料で作成できます。 ボタンをタップし、商品名を入力すればスタート! 3分後にモバイルデバイスに通知が来ます。 このフローを楽しんで作成する事で、 Microsoft Flow の基本的な勉強ができます。

  6. 目的 ただ、タイマーだけならそんなもん作らなくても… 違うんです!更に!! データを OneDrive の Excel に自動追加します。 使い続ければデータが蓄積され、健康管理などに役 立てる事が可能です。

  7. 完成形

  8. 完成形 1. Flow ボタンをタップ(3分) 2. 3分後に通知 3. OneDrive の Excel

    ファイルに履歴を追加
  9. 前提

  10. 前提 以下の僕のブログの記事を参考に、 Microsoft Flow の Free プランにサインインしてください。(無 料) Microsoft Flow

    :無料で一般人でも便利な Free プランにサインイン https://art-break.net/tech/?p=2917 ※プライベートで Office 365 を契約していたり、会社の Office 365 の プライベート利用OKな人は、そちらの環境を利用してください。 Microsoft アカウントがあれば、 OneDrive も無料で利用でき、 Excel Online も無料で利用できます。 Microsoft は太っ腹!
  11. 前提 Microsoft Flow は、目まぐるしく進化しています。特にコ ネクタのトリガー名やアクション名は英語表記が翻訳され たり、名前が変わったりします。本資料は2018/7/22現在 の仕様で作成しており、以降変更される可能性があります ので、その場合は…うまくやってください!

  12. 作業のステップ

  13. 作業のステップ 1. Excel ファイルを作成し、OneDrive に保存 2. Microsoft Flow でフローを作成 3.

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

  15. Excel ファイルの作成 Microsoft Flow にサインインした Microsoft アカ ウントで Microsoft Office

    ホームにサインインしま す。 https://www.office.com
  16. Excel ファイルの作成 Microsoft Office ホーム のアプリから Excel をク リックします。

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

  18. Excel ファイルの作成 以下のように入力します。 A B C D 1 日付 3分・5分

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

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

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

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

  23. フローの作成(3分カップラーメン用)

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

  25. フローの作成 「フローを一から作成する」をクリックします。

  26. フローの作成 トリガーとして Flow ボ タンを使います。 検索窓に「ボタン」と入力し、表示さ れた「モバイルの Flow ボタン –

    手 動でフローをトリガーします」をク リックします。
  27. フローの作成 「入力の追加」をクリックします。 「テキスト」をクリックします。 「商品名」と入力します。

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

  29. フローの作成 「スケジュール」で検索 し、「スケジュール – 待 ち時間」をクリックしま す。

  30. フローの作成 「カウント」に「3」を 入力します。

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

  32. フローの作成 コネクタから「Notifications」 をクリックします。 アクションから「Notifications – Send me a mobile Notification」をクリックします。

  33. フローの作成 Textにモバイルの通知に表示さ せたいテキストを入力します。

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

  35. フローの作成 「Excel」で検索します。 コネクタから「Excel Online (OneDrive)」をクリックします。 Office 365 な人は 「Excel Online(Business)」をクリックしてくだ

    さい。( OneDrive for Business の Business です。) 通常の「Excel」はオンプレミスデータゲートウェイで接続されたPCや ファイルサーバーなどのExcelファイルに利用します。
  36. フローの作成 アクションから「Excel Online (OneDrive) – Add a row into a

    table」をクリックします。 Excelファイルを作成した時と同 じアカウントでサインインして ください。
  37. フローの作成 サインイン後、Fileの右のフォル ダーアイコンをクリックします。 出てきたメニューから作成した Excelファイル「カップラーメ ン.xlsx」をクリックします。

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

  39. フローの作成 日付の右の入力欄をクリックし、表示された「動的なコンテン ツ」から「日付」をクリックします。

  40. フローの作成 同じ要領で、食べた人には 「ユーザーの電子メール」、商 品名には「商品名」を選択しま す。 3分・5分の右の入力欄には、手 入力で「3分」と入力します。 食べた人には「ユーザー名」を入れると良いと 思ったのですが、僕の環境では表示されなかった ので、「ユーザーの電子メール」にしています。

    また、一人でしか利用しない場合は、食べた人自 体がいらないですね。
  41. フローの作成 フロー名を変更します。画面左 上の「無題」をクリックし、「3 分カップラーメン」と入力しま す。 モバイルアプリのフローボタン内に 表示されるテキストがこのフロー名 になります。

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

  43. フローの作成 今回は3分用のフローを作成しました。5分用 も作成する場合は、3分用のフローの作成手 順に沿って、3分を5分に置き換えて作成して ください。

  44. フローの実行

  45. フローの実行 お手持ちのモバイルデバイスに Microsoft Flow のモバイルアプリをイ ンストールしてください。(無料) 僕は iPhone X ユーザーなので、これからのスクショは

    iPhone X のスクショです。 モバイルアプリを起動させ、サインイ ンするとアクティビティが表示されま す。下メニューの「ボタン」をタップ します。
  46. フローの実行 ボタンをタップします。

  47. フローの実行 食べるカップラーメンの商品名を入 力します。 「完了」をタップします。 タイマーがスタートします。

  48. フローの実行 3分経過すると通知が来ます。 モバイルアプリを閉じていても、以 下のように通知が表示されます。

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

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

  51. 最後に

  52. 最後に このくらいであれば、カンタンにノンコーディングで便利な事ができて しまうのが Microsoft Flow です。しかも現時点では無料で全て実現で きてしまうからスゴイです。テンプレートからも便利になれるフローが 作成できるのでチェックしてみましょう。会社で Office 365

    が導入され ている人は、まずはプライベートでコツコツ楽しんで、徐々に慣れてき たら業務にも活かしてみたらいかがでしょうか?
  53. おしまい