Excel データからアプリを生成するGenerate an app from Excel data

OneDrive などのクラウド ストレージ アカウントにアップロードした Excel ファイル内のデータに基づいて自動的にアプリを作成します。Create an app automatically based on data in an Excel file that you upload to a cloud-storage account, such as OneDrive. アプリを生成した後、ニーズに合わせてカスタマイズし、実行して期待どおりに動作するかどうかを確認します。After you generate the app, customize it to better suit your needs, and then run it to make sure that it works as you expect.

既定では、生成されたアプリには次の 3 つの画面があります。Generated apps have three screens by default:

  • BrowseScreen1 では、1 つまたは複数のフィールドのサブセット、検索バー、並べ替えボタンが表示され、ユーザーが特定のレコードを見つけやすくなっています。BrowseScreen1 shows a subset of one or more fields, a search bar, and a sort button that lets users easily find a specific record.
  • DetailsScreen1 では、特定のレコードについてさらに多く (またはすべて) のフィールドが表示されます。DetailsScreen1 shows more or all fields for a specific record.
  • EditScreen1 では、ユーザーがレコードを作成または更新して変更内容を保存できる UI 要素が表示されます。EditScreen1 provides UI elements that let users create or update a record and save the changes.

: カスタム SharePoint リストに基づいてアプリを生成することもできます。Note: You can also generate an app based on a custom SharePoint list.

前提条件Prerequisites

アプリを作成するCreate an app

  1. PowerApps Studio の [File (ファイル)] メニュー (画面左側) の [New (新規)] をクリックまたはタップします。In PowerApps Studio, click or tap New on the File menu (near the left edge).

    [File (ファイル)] メニューの [New (新規)] オプション

  2. 次のいずれかの手順に従います。Follow any of these steps:

    • クラウド ストレージ アカウントが [Start with your data (データを使用して開始)] の下に表示された場合は、[電話レイアウト] をクリックまたはタップします。If your cloud-storage account appears under Start with your data, click or tap Phone layout.

      データからアプリを作成するためのオプション

    • クラウド ストレージ アカウントが [Start with your data (データを使用して開始)] に表示されない場合は、タイルの行の末尾にある矢印をクリックします。If your cloud-storage account doesn't appear under Start with your data, click the arrow at the end of the row of tiles. アカウントが接続の一覧に表示された場合は、そのエントリをクリックまたはタップします。If your account appears in the list of connections, click or tap that entry.
    • クラウド ストレージ アカウントが [Start with your data (データを使用して開始)] または接続の一覧に表示されない場合は、[新しい接続] をクリックまたはタップしてから、アカウントのエントリをクリックまたはタップします。If your cloud-storage storage account doesn't appear under Start with your data or in the list of connections, click or tap New connection, and then click or tap the entry for your account. [接続] をクリックまたはタップし、画面の指示に従って接続を構成します。Click or tap Connect, and follow the prompts to configure the connection.

      OneDrive に接続

  3. [Choose an Excel file (Excel ファイルの選択)]FlooringEstimates.xlsx を参照してクリックまたはタップします。Under Choose an Excel file, browse to FlooringEstimates.xlsx, and then click or tap it.

    FlooringEstimates Excel ファイル

  4. [Choose a table (テーブルの選択)][FlooringEstimates] をクリックまたはタップします。Under Choose a table, click or tap FlooringEstimates.

    FlooringEstimates テーブルを選択

  5. [Connect (接続)] をクリックまたはタップして、アプリを生成します。Click or tap Connect to generate the app.
  6. クイック ツアーの開始を求められたら、[次へ] をクリックまたはタップし、PowerApps ユーザー インターフェイスの基本事項について確認します (あるいは、[スキップ] をクリックまたはタップします)。If you're prompted to take an introductory tour, click or tap Next to get familiar with key areas of the PowerApps user interface (or click or tap Skip).

    [次へ] をクリックしてツアーを開始

    : クイック ツアーは後からいつでも開始できます。右上隅の疑問符アイコンをクリックまたはタップし、[Take the intro tour (クイック ツアーの開始)] をクリックまたはタップしてください。Note: You can always take the tour later by clicking or tapping the question-mark icon near the upper-right corner and then clicking or tapping Take the intro tour.

アプリはデータに基づいた既定のレイアウトで作成されますが、ニーズに合わせてギャラリーのレイアウトをカスタマイズできます。When an app is created, it has a default layout based on your data, but you can customize the gallery layout to fit your needs.

  1. 左側のナビゲーション バーで、右上のアイコンをクリックまたはタップしてサムネイル表示に切り替えます。In the left navigation bar, click or tap an icon in the upper-right corner to switch to the thumbnail view.

    表示の切り替え

  2. 一番上のサムネイルをクリックまたはタップし、ブラウズ画面 (BrowseScreen1) を選択します。Click or tap the top thumbnail to ensure that the browse screen (BrowseScreen1) is selected.
  3. 最初のイメージなど、ギャラリー内の任意の場所をクリックまたはタップします。Click or tap anywhere in the gallery, such as the first image.

    イメージの選択

  4. 右側のウィンドウで、[レイアウト] リストを開き、イメージ、タイトル、サブタイトルを含むレイアウトをクリックまたはタップします。In the right-hand pane, open the Layout list, and then click or tap the layout that contains an image, a title, and a subtitle.

    レイアウトを選択する

    選択内容に基づいて、アプリのレイアウトが変更されます。The layout of the app changes to reflect your choice.

    BrowseScreen1 と新しいレイアウト

表示されるデータを変更するChange the data that appears

  1. [アイテムの検索][Carpet] (カーペット) をクリックまたはタップして、ラベル コントロールを選択します。Under Search items, click or tap Carpet to select the Label control.

    関連するリストが右側のウィンドウで強調表示されます。The associated list is highlighted in the right-hand pane.

    1 つ目のラベルを選択

  2. 右側のウィンドウで、強調表示されたリストを開いてから、[名前] をクリックまたはタップします。In the right-hand pane, open the highlighted list, and then click or tap Name.

    1 つ目のラベルを設定

  3. 下の一覧を開いてから、[カテゴリ] をクリックまたはタップします。Open the bottom list, and then click or tap Category.

    カテゴリの設定

    BrowseScreen1 を変更し、名前と各レコードのカテゴリを表示します。BrowseScreen1 changes to show a name and a category for each record.

    BrowseScreen1 と新しいコンテンツ

    : 既定では、マウスホイールまたはタッチ スクリーン上での上下方向のスワイプ操作によって、リスト (ギャラリー) をスクロールすることができます。Note: By default, you can scroll through the list (called a gallery) by using a mouse wheel or by swiping up and down on a touch screen. トラックパッドまたはホイールなしのマウスを使用するには、ギャラリーを選択し、プロパティの一覧で [スクロール バーの表示] をクリックまたはタップしてから、数式バーの falsetrue に置換します。To use either a trackpad or a mouse without a wheel, select the gallery, click or tap Show Scrollbar in the property list, and then replace false with true in the formula bar.

フォームのフィールドの順序を変更するChange the order of fields in a form

  1. 左側のナビゲーション バーで中央のサムネイルをクリックまたはタップし、詳細画面 (DetailsScreen1) を開きます。In the left navigation bar, click or tap the middle thumbnail to open the details screen (DetailsScreen1).

    DetailScreen 1 のサムネイル

  2. 画像をクリックまたはタップするとオプションが表示され、フォームをカスタマイズできます。Click or tap the image to show options that are available to customize the form.

    カードを選択

  3. 右側のウィンドウで、[名前] フィールドをリストの先頭にドラッグします。In the right-hand pane, drag the Name field to the top of the list.

    カードを移動

    画面を更新して変更を反映します。The screen updates to reflect the changes you made.

    画面の上部にある名前

コントロールの変更Change a control

  1. 左側のナビゲーション バーで一番下のサムネイルをクリックまたはタップし、編集画面 (EditScreen1) を開きます。In the left navigation bar, click or tap the bottom thumbnail to open the edit screen (EditScreen1).

    EditScreen1 のサムネイル

  2. [概要] をクリックまたはタップします。Click or tap Overview.

    この手順では、[概要] カードを選択します。This step selects the Overview card. 各カードには、カードの目的を説明するテキストが含まれています。Each card contains text that describes the purpose of the card. カードのコントロールをカスタマイズすることもできます。You can also customize the controls on a card. 詳細については、「Card control in PowerApps (PowerApps でのカードのコントロール)」をご覧ください。For more information, see Card control in PowerApps.

    概要カードを選択

  3. 右側のウィンドウで、カードの下矢印をクリックまたはタップしてスクロールし、[複数行テキストの編集] をクリックまたはタップします。In the right-hand pane, click or tap the down arrow for the card, scroll down, and then click or tap Edit multi-line text.

    この手順では、テキストを表示できる大きさのコントロールに各製品の概要を表示する方法を説明します。This step shows an overview of each product in a control that's large enough to display the text.

    カードの変更

アプリの実行Run the app

アプリをカスタマイズする場合は、プレビュー モードでアプリを実行して変更をテストしてください。As you customize an app, you can test your changes by running the app in Preview mode.

  1. 左側のナビゲーション バーで一番上のサムネイルをクリックまたはタップし、ブラウズ画面 (BrowseScreen1) を開きます。In the left navigation bar, click or tap the top thumbnail to open the browse screen (BrowseScreen1).
  2. F5 キーを押すか、右上隅の [再生] ボタンをクリックまたはタップして、プレビュー モードを開始します。Open Preview mode by pressing F5 or by clicking or tapping the Play button near the upper-right corner.

    プレビュー アイコン

  3. BrowseScreen1 で、レコードの右側の矢印をタップまたはクリックして、詳細画面 (DetailsScreen1) のレコードを表示します。On BrowseScreen1, click or tap the arrow to the right of a record to show the record in the details screen (DetailsScreen1).

    BrowseScreen1 で矢印を選択

  4. DetailsScreen1 で、右上隅にある鉛筆アイコンをクリックまたはタップして、編集画面 (EditScreen1) のレコードを表示します。On DetailsScreen1, click or tap the pencil icon in the upper-right corner to show the record in the edit screen (EditScreen1).

    レコードを編集

  5. EditScreen1 で、少なくとも 1 つのフィールドの情報を変更し、右上隅のチェック マークをクリックまたはタップして変更内容を保存します。On EditScreen1, change the information in one or more fields, and then click or tap the check mark in the upper-right corner to save your changes.

    EditScreen1 で変更を保存

  6. Esc キーを押して (またはタイトル バーの下にある閉じるアイコンをクリックまたはタップして) プレビュー モードを終了します。Close Preview mode by pressing Esc (or by clicking or tapping the close icon below the title bar).

    プレビュー モードの終了

既知の制限Known limitations

お客様の組織内の Excel データを共有する方法の詳細については、これらの制限をご確認くださいFor information about how to share Excel data within your organization, review these limitations.

次の手順Next steps

  • アプリを保存して他のデバイスから実行できるようにするには、Ctrl + S キーを押します。To save the app so that you can run it from other devices, press Ctrl-S.
  • データからアプリを生成する方法を学習しました。これでアプリを最初から作成できます。Now that you've learned how to generate an app from data, you can create an app from scratch.
  • 他のユーザーが実行できるようにアプリを共有する。Share the app so that other people can run it.