ボタン フローの概要Introducing button flows

ボタン フローとはWhat are button flows?

ボタンを 1 回押すだけで実行したい反復作業は多く存在します。There are many repetitive tasks that we all wish we could run with just a tap of a button. たとえば、毎日のチーム同期への参加を知らせるメールを簡単に送信できれば便利です。あるいは、その日のチェックインがほかに予定されていない旨の通知を受けた後、自分のコード ベースの新しい Visual Studio Online ビルドを開始することがあります。For example, you may need to quickly email your team to remind them to join the daily team sync, or you may want to start a new Visual Studio Online build of your code base after you've been notified that there are no more checkins planned for the day. ボタン フローを利用すれば、モバイル デバイスのボタンをタップするだけでこのような作業を完了できます。Button flows allow you to accomplish these and many other tasks simply by tapping a button on your mobile device.

ボタン フローは、モバイル デバイスまたは Flow ポータルから作成できます。Note You can create button flows either from your mobile device or from the Flow portal.
概要画像Overview image

ボタンを作成する理由Why create buttons?

場所や時間に関係なく、モバイル デバイスから繰り返し作業を簡単に実行できるようにボタンを作成します。Create buttons so that you can easily run repetitive tasks from anyplace, at anytime via your mobile device. ボタンの実行は時間を節約します。また、実行する作業が自動化されるため、手動で行うよりエラーが少なくなります。Executing buttons saves you time and, since the tasks they perform are automated, there will be less errors than if you manually did them.

ボタンを作成するCreate a button

前提条件Prerequisites

  • Flow へのアクセス。Access to Flow. アクセスは監理者より提供されます。Your administrator can provide you with access.
  • コネクタを利用してボタンを作成するためのアクセス許可があるアカウント。An account with permissions to use the connectors to create your button. たとえば、Dropbox にアクセスするボタンを作成するには、Dropbox アカウントが必要になります。For example, you will need a Dropbox account in order to create a button that accesses Dropbox.

ポータルからFrom the portal

このチュートリアルでは、Visual Studio Online (VSO) ビルドを開始し、そのビルドの開始を知らせる通知を送信するボタンを作成しましょう。In this walk-through, let's create a button that starts a Visual Studio Online (VSO) build and sends notifications to let you know when the build starts:

  1. [表示] ドロップダウン リストを選択し、[ボタン] カテゴリを選択します。Select the Showing drop down list and choose the Button category. テンプレートの一覧がフィルター処理され、ボタン フローで使用できるものに絞り込まれます。This filters the list of templates to only those that can be used in button flows.
    概要画像Overview image
  2. テンプレートの一覧から [Trigger a new build in VSO] (VSO で新しいビルドをトリガーする) テンプレートを選択します。Select the Trigger a new build in VSO template from the list of templates.
    概要画像Overview image
  3. [Trigger a new build in VSO] (VSO で新しいビルドをトリガーする) ページで [このテンプレートを使用] ボタンを選択します。Select the Use this template button on the Trigger a new build in VSO page.
    概要画像Overview image
  4. サインインしていない場合、この時点でサインインするように求められます。If you aren't signed in, you'll be prompted to do so at this point:
    概要画像
  5. Flow にサインインすると、選択したテンプレートで使用されるコネクタにサインインするように求められます。After you've signed into Flow, you'll be prompted to sign into the connectors used in the template you've selected. この例では、上の手順 2 で、[Trigger a new build in VSO] (VSO で新しいビルドをトリガーする) テンプレートを選択しました。そのため、まだサインインしていない場合、VSO (と使用しているその他のコネクタ) にサインインする必要があります。In this example, in step 2 above we selected the Trigger a new build in VSO template, so we have to sign into VSO (and any other connectors you are working with), if you're not already signed in:
    概要画像Overview image
  6. VSO アカウントへのアクセス許可を Flow に与えることに同意する場合、[承諾] ボタンを選択します。Select the Accept button if you agree to authorize Flow to access your VSO account.
    概要画像 Overview image
    各コネクタを同様に承認する必要があります。Note You'll need to authorize each connector similarly. 次の手順に進む準備ができると、このようなデザイナーが表示されるはずです。The designer should appear like this when you are ready to move on to the next step. [続行] ボタンを選択して先に進みます。Select the Continue button to move on:
    概要画像Overview image
  7. これで、開始するビルドのプロパティを構成する準備ができました。You are now ready to configure the properties for the build you wish to start:
    概要画像
  8. [新しいビルドをキューに入れる] カードで [アカウント名][プロジェクト名][ビルド定義 ID][ソース ブランチ] を選択するか、入力し、任意で [パラメーター] を選択するか、入力します。Select or enter the Account name, Project name, Build definition Id, Source branch and optionally, Parameters, in the Queue a new build card:
    概要画像Overview image
  9. 次に、[Send a push notification] (プッシュ通知を送信する) カードでプッシュ通知のプロパティを構成します。Next, configure the properties of the push notification on the Send a push notification card. 既定では、このプッシュ通知は、ビルドの状態を表示する Web ページに HTML リンクを送信するように構成されています。By default, this push notification is configured to send an HTML link to a Web page that displays the status of the build:
    概要画像Overview image
  10. [フローの作成] ボタンを選択し、ボタン フローを保存します: 概要画像Select the Create flow button to save your button flow: Overview image
  11. しばらくすると、この成功メッセージが表示されるはずです。You should see this success message within a few moments:
    概要画像

おめでとうございます。ボタン フローが作成されました。Congratulations, you've created a button flow! これで Flow アプリの [ボタン] タブから、時と場所に関係なく、このボタン フローを実行できます。You can now run this button flow anytime, anyplace, from the Buttons tab in the Flow app. "ボタン" を押すだけで実行されます。Simply press the "button" and it will run! Microsoft Flow モバイル アプリは、AndroidiOS、または Windows Phone で使用できます。The Microsoft Flow mobile app is available for Android, iOS, or Windows Phone.

モバイル デバイスからFrom your mobile device

: このチュートリアルでは Android デバイスの画面を利用しますが、iOS でも同じような画面や動作になります。Note: While this walk-through displays screens from an Android device, the screens and experience on an iOS device are similar.

Flow アプリで次の操作を行います。In the Flow app:

  1. [参照] タブを選び、[ボタン] カテゴリにスクロールします。Select the Browse tab and scroll to the Button category.
    概要画像Overview image
  2. [すべて表示] リンクを選択します。Select the See all link. すぐに使えるボタンのテンプレートがすべて表示されます。This displays all ready-to-go button templates.
    概要画像Overview image
  3. [Send an email to remind your team to join a meeting] (会議出席のリマインダー メールをチームに送信する) テンプレートを選択します。Select the Send an email to remind your team to join a meeting template
    概要画像Overview image
  4. ページの一番下にある [このテンプレートを使用] リンクを選択します。Select the USE THIS TEMPLATE link, at the bottom of the page.
    概要画像Overview image
  5. このテンプレートが使用するすべてのサービスにサインインする必要があります。You'll need to sign into all services that this template uses:
    概要画像
  6. すべてのサービスにサインインしたら、[次へ] リンクを選択します。Select the Next link after you've signed in to all services.
    概要画像Overview image
  7. [作成] リンクを選択します。Select the Create link. ここで、たとえば、フローを確認したり、必要な変更を行い、自分だけの電子メールを作成したりできます。Here you can also review the flow and make any changes you require to personalize the email, for example.
    概要画像Overview image
  8. しばらくすると、ボタン フローが作成されます。After a few moments, the button flow is created. [SEE MY FLOW] (自分のフローを見る) を選択します:Select SEE MY FLOW:
    概要画像Overview image
  9. [My flows] (マイ フロー) タブですべてのフローを表示するView all your flows on the My flows tab
    概要画像Overview image

おめでとうございます。ボタン フローが作成されました。Congratulations, you've created a button flow! これで Flow アプリの [ボタン] タブから、時と場所に関係なく、このボタン フローを実行できます。You can now run this button flow anytime, anyplace, from the Buttons tab in the Flow app. "ボタン" を押すだけで実行されます。Simply press the "button" and it will run! 現在のところ、Flow アプリは Android と iOS のモバイル デバイスで利用できます。The Flow app is currently available on Android and iOS mobile devices.

概要画像

ボタン フローをトリガーするTrigger a button flow

ボタン フローが作成できたので、次は実行しましょう。Now that you've created a button flow, it's time to run it. ボタン フローは Flow アプリからのみ実行できます。Android または iOS のモバイル デバイスに Flow がインストールされていることを確認してください。Since you can only run button flows from the Flow app, be sure you've installed Flow on your Android or iOS mobile device.

  1. フロー アプリを起動し、ページの一番下にある [ボタン] タブをタップし、トリガーするボタン フローを表す [ボタン] をタップします。Now, launch the flow app, tap the Buttons tab that's located at the bottom of the page, and tap the button that represents the button flow you wish to trigger:
    概要画像Overview image
  2. フローの実行中に進捗状況を確認します:See the progress while the flow runs:
    概要画像
  3. 最後に、ページが更新され、ボタン フローの完了を示します。Finally, the page updates, indicating that the button flow has completed:
    概要画像

フローの実行はこれで終わりです。That's all there is to running a flow.

電子メールが送信されたことを示すプッシュ通知を受け取るはずです。You should now receive the push notification, indicating that the email has been sent.

ボタン フローの実行を監視するMonitor your button flow runs

フロー アプリの [アクティビティ] タブからボタン フローを監視できます。You can monitor button flows from the Activity tab of the flow app:
概要画像Overview image

: 任意のアクティビティをタップして実行結果を表示し、実行に関する情報を入手します。Note: Tap any activity to drill into the results of the run to learn about the run.

概要画像

ボタン フローを管理するManage button flows

ボタンは完全に制御できます。時と場所に関係なく、ボタンを有効/無効にしたり、編集したり、削除したりできます。You have full control of your button flows so you can enable/disable, edit or delete a button anytime, anyplace. モバイル アプリまたはフロー ポータルから、[My flows] (マイ フロー) を選択し、フローの管理を開始します。From the mobile app or from the flow portal, select My flows to get started managing your flows.

Flow アプリの[My flows] (マイ フロー) タブで:On the My flows tab of the Flow app:

  1. 管理するフローを選択します。Select the flow you wish to manage:
    概要画像
  2. 実行する操作に基づき、いずれかのオプションをタップできます。You can tap any of these options, based on what you'd like to accomplish:
    概要画像
  3. [フローの削除] をタップすると、フローが削除されます。Tap Delete flow to delete a flow.

フローを削除すると、すべての実行履歴が削除されます。Note All run history is deleted when you delete a flow:
概要画像Overview image

  1. ボタン フローの編集が完了したら [更新] をタップし、変更を保存します。Tap Update after you are done editing a button flow, to save your changes:
    概要画像Overview image
  2. [実行履歴] をタップすると、特定のボタン フローの全実行結果が表示されます。Tap Run history to see the results of all runs of a particular button flow:
    概要画像Overview image
  3. フローを無効にすると、[ボタン] タブで利用できなくなります。If you disable a flow, it will no longer be available on the Buttons tab:
    概要画像Overview image

次のステップNext steps