演習 - Power Apps で Copilot を使用してキャンバス アプリを作成する

完了

この演習では、Power Apps で Copilot を使用してモバイル アプリケーションを作成します。 フィールド エージェントは、このアプリを使用して不動産在庫を閲覧し、内見の予定を管理して、そのデータを Dataverse に格納します。

Power Apps を使用するには、Microsoft 365 のライセンスまたは無料試用版が必要です。 ご自身のライセンス オプションの詳細について確認してください。 Microsoft 製品には、Power Apps および Power Automate が含まれます

このラボでは、データの結果がスクリーンショットと画像に示されている結果と異なる場合があります。 その理由は、Power Apps で OpenAI を使用して生成するラボのデータが日々変化するためです。

Power Apps ホーム ページの上部に、新しいデータ エクスペリエンスを試す トグルが表示される場合があります。これがオフになっていることを確認してください。

自然言語でキャンバス アプリを作成する

  1. Power Apps のホーム ページの中央にあるテキスト フィールドで、次のプロンプトを入力して AI で生成されたテーブルを検索します。

    build an app to manage real estate showings

    送信ボタンをクリックします。

    Power Apps プロンプト テキスト フィールドの Copilot のスクリーンショット。

  2. 入力したプロンプトに基づいて Copilot AI がテーブルを生成した後、初期テーブルに作成される列が表示されます。

    プロンプトに基づいて生成されたテーブルを示すスクリーンショット。

    次に、生成済のテーブルを変更して追加します。

  3. 画面の右側にある Copilot ウィンドウの下部にあるテキスト ボックスに、次のテキストを入力します。

    add a column to track client full name

    送信ボタンをクリックします。

    Copilot は、テーブルが更新され、新しい列がテーブルに追加されて表示されます。

    テーブルが更新され、テーブルに新しい列が表示されていることを確認する、Copilot チャットのスクリーンショット。

  4. チャットに次のテキストを入力します。

    add a column to track client email

    送信ボタンをクリックします。

    新しい列がテーブルに追加され、クライアントのメールが表示されます。

    新しく生成された [クライアント メール] 列のスクリーンショット。

    テーブルに生成されるデータは、ラボのスクリーンショットのテーブルに表示されるデータと異なる場合があります。

    画面の左下隅の提案セクションには、テーブルで追加や変更を行う方法に関するさまざまな提案が表示されます。

    Copilot に指示する提案の一覧を示すスクリーンショット。

    画面の右側に、テーブルに追加や変更を行う間、Copilot AI と会話しているように表示されます。 この領域をスクロールすると、テーブルに行った変更または追加が表示されます。

    Copilot との会話履歴を示すスクリーンショット。

  5. テーブル内の ステータス 列を編集します。

    ステータス列がない場合は、次のようなステートメントを使用して、最初にCopilot チャットを使用してステータス列を追加する必要があります。

    • add a status column to track the status of the showing
    • status should have options for Pending, Confirmed, and Cancelled
    • set the default choice of Status to Pending

    Copilot ウィンドウ内のテキスト ボックスに、次のテキストを入力して送信します。

    add an option for “Completed” to the Status column

    システムに読み込まれるまで 1 分ほどかかる場合があります。 読み込まれると、ステータス列に更新済と表示され、完了のオプションが含まれます。

  6. ステータス列名のドロップダウン メニューを選択し、列を表示を選択して、列のプロパティと現在のステータスの詳細とデータを表示します。

    選択が更新されたステータス列のプロパティのスクリーンショット。

    列の選択がスクリーンショットに示されているのと同一ではない場合は、次のコマンドをCopilot ウィンドウのテキスト ボックスに入力して送信します。

    the status choices should be Pending, Confirmed, Cancelled, and Completed

    ウィンドウの右上隅にある X を選択してウィンドウを閉じます。

    次に、テーブルの既存の列にさらにデータを追加してみましょう。

  7. Copilot ウィンドウのテキスト ボックスに、次のテキストを入力します。

    add 5 more rows of data

    テーブルの各既存の列に、さらに 5 行のデータが追加されます。

    追加された 5 行のデータを示す、Real Estate Showings テーブルのスクリーンショット。

    テーブルにはさまざまな列が含まれます。 ただし、このラーニング パスのモジュールに引き続き従う場合は、一部の使用しない列を削除してください。

    必要な列の一覧は次のとおりです。

    • ID
    • 住所
    • 日付
    • 時刻
    • ステータス
    • エージェント名
    • クライアントの氏名
    • クライアントのメールアドレス

    Copilot チャット ウィンドウで学習したことを使用して、前の一覧と一致するようにテーブルを調整します。 列の削除や列名の変更、列の追加が必要な場合は、提案セクションを参照してください。

  8. アプリを作成するには、画面の右下隅にあるアプリの作成ボタンを選択します。

    画面の右下隅にあるアプリの作成ボタンのスクリーンショット。

  9. アプリが初めて読み込まれると、Power Apps Studio にようこそというダイアログが表示される場合があります。 表示された場合は、スキップ ボタンを選択します。

    作成されたアプリは編集モードで表示されます。

    Power Apps Studio で生成されたアプリのスクリーンショット。

Real Estate Showings テーブルを変更する

  1. 左側のナビゲーション バーからデータ アイコンを選択します。 Copilot によって Dataverse テーブルが作成され、環境セクションに表示されます。

    Power Apps Studio の [データ] パネルに表示される Real Estate Showings という Dataverse テーブルのスクリーンショット 。

    現在 Copilot は、Dataverse でのみサポートされています。 現時点では、他のデータ アクセス ポイントを使用することはできません。

    アプリが作成されたので、テーブルを編集してみましょう。

  2. データ ウィンドウ内で、テーブルの上にマウス カーソルを置きます。 テーブルの右にある省略記号 (...) を選択します。

  3. メニューから、データの編集を選択します。

    [データの編集] オプションを選択するアクションを示すスクリーンショット。

  4. テーブルの編集ダイアログでは、テーブルに独自の列を追加したり、既存の列を変更したりすることができます。

    Real Estate Properties のデータが表示される [テーブルの編集] ダイアログのスクリーンショット。

  5. テーブルで、ID 列ヘッダーを選択します。

  6. ドロップダウン メニューで、列の編集オプションを選択します。

    [テーブルの編集] ダイアログ内で列を編集するアクションを示すスクリーンショット。

  7. この例では、データ型1 行テキストにしません。 値を変更するには、列の編集ウィンドウに移動し、データ型ドロップ メニューから # オートナンバーを選択します。

  8. 保存を選択します。

    オートナンバーのデータ型と [保存] ボタンが強調表示されたスクリーンショット。

  9. テーブルの編集ダイアログの右下隅にある閉じるボタンを選択します。

    これで、テーブルは、データ ウィンドウで更新済みと表示されます。

    Real Estate Showings テーブルが更新されたことを示すスクリーンショット。

キャンバス アプリのユーザー インターフェイスを変更する

  1. 関連データが表示されるように、アプリケーション内のギャラリーを変更します。 ツリー ビュー アイコンを選択してツリー ビューに戻ります。

  2. アプリのメイン画面で RecordsGallery1 を選択してReal Estate Showingsを表示し、[編集] ボタンを選択してギャラリーを編集モードにします。

  3. タイトルを選択し、Text の値を次の式に設定します。

    ThisItem.Address

  4. サブタイトルを選択し、Text の値を次の式に設定します。

    ThisItem.'Client Email'

  5. 本文を選択し、Text の値を次の式に設定します。

    ThisItem.Status

    ギャラリーの 1 つのレコードが次の図のようになります。

    Real Estate Showings ギャラリーの 1 つのレコードのスクリーンショット。

  6. アプリのメイン画面で、フォーム コントロールを選択します。

    アプリのメイン画面から選択したフォーム コントロールのスクリーンショット。

  7. 右側のプロパティ ウィンドウのフィールドプロパティで、フィールドの編集を選択します。

    [プロパティ] ウィンドウの [フィールドの編集] オプションを示すスクリーンショット。

  8. フィールド ウィンドウで、ID フィールドを展開します。

  9. コントロール タイプ ドロップダウン メニューで、タイプをテキストの表示に変更します。

    ID コントロール タイプを [テキストの表示] に変更するアクションを示すスクリーンショット。

    ID フィールドは前にオートナンバーに変更したため、ユーザーに独自の数字を入力させるのではなく Dataverse で自動的に番号が入力されます。

  10. フィールド ウィンドウで、右上隅にある X を選択して、ウィンドウを閉じます。

  11. 画面の上部から再生ボタンを選択して、アプリに表示されるプロパティに新しい要求を行います。

    Power Apps Studio の [再生] ボタンのスクリーンショット。

  12. 左側のウィンドウで + 新規ボタンを選択します。

    Power Apps Studio で新しいレコードの追加ボタンが強調表示されたスクリーンショット。

  13. 自動的にフィールドに入力されるようにフォームを変更することもできますが、このラボでは、この手順を手動で実行して、アプリの動作を確認します。

    フィールドに以下の情報を入力します。

    • エージェント名 - < 自分の名前 >
    • クライアントの氏名 - < Your name >
    • クライアント メール - < Your email >
    • 日付 - < Any future date >
    • 時刻 - < Any future time >
    • ステータス - Pending
    • 住所 - 210 Pine Road, Portland, OR 97204

    この住所は、モジュール 1 の Microsoft Excel ファイルからの住所の 1 つであり、アップロードして Real Estate Properties テーブルに変換したファイルと同じです。

    通常、Real Estate Properties テーブルにはルックアップ フィールドがありますが、説明を単純にするためにこのラボではありません。

  14. 画面の右上隅のチェック マークを選択します。

    完了したフォームのスクリーンショット。変更を保存するために選択するチェック マークが表示されています。

  15. 右上隅にある X を選択して、アプリを閉じます。

    ご存じですか? というダイアログが表示されたら、OK を選択します。

    新しい要求は、要求の一覧の左側に追加されます。

  16. 画面の上部にある 保存 ボタンを選択して、作成した新しいアプリを保存します。

    Power Apps Studio の [保存] ボタンのスクリーンショット。

    メッセージが表示された場合は、アプリ名を Real Estate Showings として保存します。

  17. アプリを終了して Power Apps のホームページに戻ります。