自然言語を使用して、AI を使用して作成された生成ページを構築します。 生成ページは、モデル駆動型アプリでのアプリ設計プロセスを簡素化、加速、改善するために設計された AI 主導のエクスペリエンスです。 アプリ エージェントと対話することで、自然言語で必要なことを記述し、どの Microsoft Dataverse テーブルを参照するかを指定することで、モデル駆動型アプリで完全に機能するページを作成できます。 ページをどのように見せたいかの画像を添付することもできます。
ページを記述すると、システムは要件と仕様を処理し、適切なコンポーネントを選択して最適なレイアウトを決定することで、フロントエンドのユーザーエクスペリエンスと対応するビジネスロジックの両方をカバーする React コードをインテリジェントに生成します。 インタラクティブな会話エクスペリエンスを通じて、ページのデザインをリアルタイムで調整し、要素、レイアウト、機能をビジョンに完全に一致させることができます。
前提条件
- Power Platform 環境は米国地域にある必要があります。 この機能は、他のリージョンではまだ使用できません。
モデル駆動型アプリに生成ページを作成する
Power Apps にサインインします。
編集するモデル駆動アプリを開く
アプリ デザイナーで、ページの追加>ページの説明 を選択します。
フルページの生成ページ エクスペリエンスが開きます。
テキストボックスに、作成するページの種類の説明を入力します。 説明には、機能要件と、必要に応じて UX 仕様を含める必要があります。 たとえば、アカウント記録をカードのギャラリーとして表示するページを最新のルック＆フィールで作成することができます。上部に名前、実体画像、Web サイト、電子メール、電話番号を含め、Account テーブルのデータを使用して、ギャラリーをスクロール可能にします。
データの追加>テーブルの追加 を選択して、必要に応じてテーブルと画像を追加します。 最大 6 つの Dataverse テーブルをリンクすることができます。 スクリーンショットでは、アカウント テーブルが追加されています。
オプションで、データの追加>画像の添付 を選択して生成ページの UI をガイドする画像をアップロードできます。 これは、ラフなナプキン スケッチでも、高解像度の画像でもかまいません。
必要に応じて、ページの生成に使用する AI モデルを選択します。
ページの説明が終了したら、ページの生成を選択します。
エージェントは、リアルタイムで観察できる複数ステップのビルド プロセスを開始します。
- その考えをストリーミングする: エージェントはまず、プロンプトの解釈、要件、前提条件、実行計画の一覧を示します。
- コード生成: 次に、プランに基づいてページの基になるコードを書き込みます。
- トランスパイル: 生成されたコードは、互換性と適切なレンダリングを確保するためにトランスパイルされます。
- 最終的なレンダリング: 最後に、完成したユーザー エクスペリエンスが表示されます。
このプロセスの最後にユーザー エクスペリエンスが表示されない場合は、[ プレビュー ] タブを選択して表示できます。
生成されたコードを表示し、反復処理して公開する
ページを生成した後、ページを絞り込んで最終処理するオプションがいくつかあります。
生成されたコードを表示および編集する [ コード ] タブを選択して、アプリ エージェントによって生成されたコードを表示します。
出力は、次の 2 つの方法で絞り込むことができます。
- アプリ エージェントと繰り返しチャットして、エラーの修正、レイアウトの調整、機能の追加を行います。
- [コード] タブで [編集] を選択して、コードを手動で 編集 します。いくつかの編集を行った後、[ 保存] を選択して変更を新しいイテレーションとしてコミットするか、[ キャンセル] を 選択して変更を破棄できます。
イテレーションを比較する エージェントで 2 つ以上のイテレーションを完了した後、[コード] タブで [比較 ] を選択して、現在のイテレーションと前のイテレーションのコードの相違を表示できます。
メモ
この機能は現在、現在のセッションの 2 番目のイテレーション以降でのみ使用できます。
クイック リファレンス用のスクリーンショットを添付する チャット エクスペリエンスで、[ アタッチ>追加のスクリーンショット ] をクリックして、現在のプレビューのスクリーンショットと、アプリ エージェントとの次の対話を含めます。 これは、ページのビジュアルを調整するのに役立ちます。
保存して発行 コマンド バーで 保存 を選択すると、ページの進行状況が失われないようにします。
ページに問題がなければ、[ 保存して発行] を選択して、生成ページを含め、アプリの保留中のすべての変更を発行します。
重要
エージェントは、アクセシビリティとセキュリティのベスト プラクティスに関する考慮事項を含め、完全で実稼働可能なコードの生成をベスト エフォートで試みますが、最終的にはコードの検証を担当します。 生成されたコードが組織の標準とコンプライアンス要件を満たしていることを確認します。
ソリューションへの生成ページの追加
生成ページはソリューション対応であり、環境間の移動を容易にするために (アプリを介して) ソリューションに追加できます。 ソリューションに生成ページを追加するには、次の操作を行います。
重要
プレビュー フェーズ中に生成ページが作成された場合は、モデル アプリ デザイナーで生成ページを読み込んで、新しいソリューション対応データ モデルへの 1 回限りの移行を開始する必要があります。 デザイナーでページが読み込まれると、"ページのアップグレード" 進行状況メッセージが表示されます。 移行が完了するまでウィンドウを閉じないでください。
- 生成ページを含むアプリをソリューションに追加する
- Power Apps で、左側のナビゲーション ウィンドウで [ソリューション ] を選択し、目的のソリューションを開きます。
- 「既存のアプリ> アプリ > モデル駆動アプリを追加」を選択します。
- 生成ページを含むアプリを選択します。
-
ソリューションを ( マネージドまたはアンマネージドとして) エクスポートする
- アプリサイトマップがソリューションに含まれていることを確認します。 そうでない場合は、依存関係チェック中に要求する必要があります。
- 生成ページ ( UX エージェント プロジェクト 行として表示) も、サイトマップへの依存関係に基づいて要求されます。
メモ
依存関係チェック中に生成ページが要求されない場合は、次の項目を確認します。
- プレビュー中に作成されたページは、移行された場合にのみ表示されます。 デザイナーに読み込んで移行をトリガーします。
- サイトマップがソリューションに含まれていて、生成ページが移行されている場合は、サイトマップに少し変更を加えて (ページの並べ替えや名前変更など)、アプリを再発行してから、エクスポートをもう一度試してみてください。
エクスポート後、アプリと生成ページを別の環境にインポートできます。 ターゲット環境でデザイナーで開くと、最初のプロンプトと発行されたコードのみが使用できるようになります。 エージェントの会話全体は、ページと共に転送されません。
制限
生成ページの現在の制限は次のとおりです。
- ページは Dataverse テーブルにのみ接続できます (1 ページで最大 6 つ)。 これらのテーブルに対して作成、読み取り、更新、および削除 (CRUD) の操作を実行できます。 他のデータ ソースは使用できません。
- プロンプトの最大文字数は 50,000 文字です。
- 米国英語のみサポートされます。
- コラボレーションはサポートされていません。 意図しない競合を回避するために、一度に 1 人の作成者のみが生成ページで作業するようにします。
- 以下のデータ型のみサポートされます。
- 選択肢
- 通貨
- 大変お世話になっております
- 日時
- 日付のみ
- 10 進数
- 浮動小数点数
- Image
- 検索
- 複数行テキスト
- ステータス
- ステータスの理由
- テキスト
- 整数
- はい/いいえ
- 一意識別子
よくあるご質問
プラン デザイナーでアプリの設計を開始してから、生成ページを使用することはできますか?
はい。現在、プランと生成ページの間には直接統合されていませんが、プランを使用してテーブルとアプリを定義し、アプリ デザイナーに切り替えて目的の生成ページを作成できます。
生成ページを使用するために必要な追加料金やクレジットはありますか?
いいえ。生成ページ (およびプラン) の作成者エクスペリエンスでは、追加の AI またはメッセージ クレジットは必要ありません。
UI 生成のガイドにはどのような画像が最適ですか?
目標によって異なります。 最終的なページの外観を正確に把握している場合は、スケッチやワイヤーフレーム (手描きでもデジタルでも) が最も効果的です。 漠然とした概念しか持っておらず、詳細部分をエージェントに委ねたい場合、ホワイトボードやナプキンにサッと描いたスケッチでも十分役立ちます。
生成ページを キャンバス アプリや他の種類のアプリで使用できますか?
いいえ、生成ページは現在、モデル駆動型アプリでのみサポートされています。
環境間で生成ページを再利用またはクローンする方法はありますか?
はい。生成ページは、環境間で移動できるソリューション対応の要素です。 ソリューションでは、最後に発行されたバージョンのコードと最初のプロンプトのみが保持されます。完全なリビジョン履歴は元の環境に残ります。
生成されたコードを手動で編集できますか?
Yes. 生成されたコードを手動で編集するには、[コード] タブの [編集] を選択します。変更内容は新しいイテレーションとして保存されます。 編集内容を保持しない場合は、[ キャンセル] を選択して編集を取り消します。
生成ページによって生成されたコードは、運用環境に対応し、組織の標準に準拠することが保証されていますか?
番号 エージェントは、アクセシビリティとセキュリティのベスト プラクティスを念頭に置いて、高品質で実稼働可能なコードを生成するためのベスト エフォートを試みますが、出力を検証するのはお客様の責任です。 生成されたコードを常に確認して、組織の標準、ポリシー、コンプライアンス要件に合っていることを確認します。
この機能に関するフィードバックを送るには、どうすればよいですか?
生成ページに関するフィードバックを提供する最善の方法は、各反復後に使用できるチャット エクスペリエンスの高評価/低評価ボタンを使用することです。 また、この機能で発生した問題をデバッグまたは再現できるように、関連するコンテンツのサンプルや追加のログファイルを共有する場合は、はいを選択することを強くお勧めします。
自分の環境で生成ページが有効になっていることを確認できない場合はどうすればよいですか?
環境が米国リージョンにあることを確認します。