実習ラボ 1 - データからキャンバス アプリを作成する

このラボでは、既存のデータ ソースからキャンバス アプリを設計し、ビルドします。

学習する内容

  • CoPilot を使ってデータから Power Apps キャンバス アプリを作成する方法
  • OneDrive for Business をデータ ソースとして使って Excel に接続する方法

ラボ手順の概要

  • 3 画面のキャンバス アプリを作成する
  • アプリをテストする
  • CoPilot を使ってキャンバス アプリを作成する

前提条件

  • 以下を完了している必要があります: 「ラボ 0: ラボ環境を検証する」

詳細な手順

演習 1 - データを取得する

タスク 1.1 - Excel スプレッドシートをダウンロードする

  1. CoffeeMachineData.xlsx に移動します。

  2. [Raw] ファイル ボタンを選び、Excel ブックをダウンロードします。

    GitHub の [Raw] ダウンロード アイコンのスクリーンショット。

タスク 1.2 OneDrive for Business にアップロードする

  1. Power Apps Maker ポータルで、ブラウザー ウィンドウの左上にあるアプリ起動ツールを選び、[OneDrive] を選びます。

    OneDrive アイコンのスクリーンショット。

  2. ポップアップが表示されたら、[OneDrive の準備ができました] を選びます。

  3. [+ 新規追加] を選び、次に [ファイルのアップロード] を選びます

    OneDrive ファイルのアップロードのスクリーンショット。

  4. [ダウンロード] に移動し、CoffeeMachineData.xlsx ファイルを選び、[開く] を選びます。

  5. [マイ ファイル] を選び、CoffeeMachineData.xlsx がアップロードされていることを確認します。

演習 2 – 3 画面のキャンバス アプリをビルドする

タスク 2.1 - アプリを作成する

  1. Power Apps Maker ポータル https://make.powerapps.com に移動します。

  2. Dev One 環境内にいることを確認します。

  3. 左側のメニューから [+ 作成] タブを選びます。

  4. [開始] の下にある [Excel] タイルを選びます。

    [開始] の [Excel] のスクリーンショット。

  5. [+ 新しい接続] を選びます

  6. [OneDrive for Business] を選び、[作成] を選び、テナントの資格情報を使ってサインインして [アクセスを許可] を選びます。

  7. [Excel ファイルの選択] で、CoffeeMachineData.xlsx Excel ファイルを見つけて選びます。

  8. [テーブルの選択] で CoffeeMachines を選びます。

  9. 接続を選択します。

  10. [Power Apps Studio へようこそ] ポップアップ ダイアログが表示されたら、[今後このメッセージを表示しない] を選び、[スキップする] を選びます。

  11. アプリが作成されるまで待ちます。

    3 画面のアプリの [参照] 画面を示すスクリーンショット。

  12. Power Apps Studio の右上にある [保存] を選び、「Coffee Machines App」と入力して、[保存] を選びます。

タスク 2.2 - アプリをテストする

  1. Power Apps Studio の右上にある [アプリのプレビュー] アイコンを選びます。

  2. ギャラリー内の任意のマシンを選びます。 これで詳細画面に移動します。

  3. アプリの右上にある [編集] アイコンを選びます。 これで [編集] 画面が開きます。

  4. [Machine Price] を変更し、アプリの右上にある [項目の送信] チェック アイコンを選びます。

  5. アプリの左上にある < アイコンを選びます。

  6. アプリの右上にある + アイコンを選びます。

  7. [Machine ID] に「97」と入力します。

  8. [Machine Name] に「Demo Machine」と入力します。

  9. [Machine Price] に「999」と入力します。

  10. アプリの右上にある [項目の送信] アイコンを選びます。

  11. [検索項目] に「Demo」と入力します。

  12. 右上にある [X] を選んでプレビューを停止します。

  13. [ご存知でしたか?] ポップアップ ダイアログが表示されたら、[今後このメッセージを表示しない] を選び、[OK] 選びます。

  14. コマンド バーの左上にある [戻る] ボタン、[終了] の順に選択し、アプリを終了してください。

演習 3 - Copilot を使ってキャンバス アプリをビルドする

タスク 3.1 - アプリを作成する

  1. Power Apps 作成者ポータル (https://make.powerapps.com) に移動します

  2. Dev One 環境にいることを確認します。

  3. 左側のナビゲーション メニューから [アプリ] タブを選びます。

  4. [アプリをビルドしましょう。何をすべきでしょうか?] に「Assign coffee repairs to technicians per customer request」と入力し、[Go] 矢印アイコンを選んで送信します。

    Copilot プロンプトのスクリーンショット。

    Copilot は、アプリケーションをサポートするためのテーブル構造の構築を開始します。

    重要: 生成 AI を使用する場合、常に同じ正確な結果が得られるとは限りません。 自分のテーブルが別の学生用に作成されたテーブルと完全に一致しないということはあり得ます。

    テーブル構造を確認するには、テーブルを選択し、[データの表示] ボタンをクリックします。

  5. 表を確認する

    Copilot テーブルのスクリーンショット。

  6. テーブルが適切であれば、[Save and open app] ボタンを選択します。

  7. 必要に応じて、[Done working?] 画面で、[Don’t ask me again] を選択し、[Save and open app] ボタンを選択します。

  8. アプリが作成されるまで待ちます。

    Copilot によるアプリのスクリーンショット。

  9. Power Apps Studio の右上にある [保存] を選択します。

  10. コマンド バーの左上にある [<- 戻る] ボタン、[終了] の順に選択し、アプリを終了します。

  11. Power Apps メーカー ポータルの左側のメニューから [アプリ] タブを選びます。