次の方法で共有


コード インタープリター PCF コンポーネントのサンプル

このサンプルでは、Copilot Studio または AI Hub によって定義されたプロンプトを使用してコンテンツを生成する方法を示します。

このサンプルは、コード インタープリターが有効なプロンプトと統合された Power Apps Component Framework (PCF) コントロールで、対話型の HTML/JavaScript データ ビジュアルをレンダリングしたり、PDF、Word、PowerPoint、Excel ファイルのプレビューとダウンロードを生成したりできます。

使用可能な対象

モデル駆動型アプリ

Code

サンプルのコードは、 PowerApps-Samples/component-framework/CodeInterpreterControl/にあります。

Important

コントロールをビルドし、フォームで PCF コンポーネントを構成する方法の詳細については、README のサンプルを参照してください。

対象

この例では、1 つの PCF コントロールで、指定されたプロンプトに依存するモデル駆動型アプリ フォームで異なる出力をレンダリングする方法を示します。 このサンプルでは、準備された 3 つのプロンプトを含む、インストールできるマネージド ソリューションを提供します。

プロンプト: サンプル テーブルのサンプル データを作成する

指定されたマネージド ソリューションには、 sample_exampleという名前のテーブルの定義も含まれています。 このプロンプトをテストすると、このデモで使用する 10 個のサンプル レコードが作成されます。

sample_example テーブルのサンプル データを作成するように設計されたプロンプト

ヒント

他のプロンプトをテストするときに、いずれかの GUID 値の例をコピーして、環境のテスト sample_example レコードとして設定します。

プロンプト: 対話型列の概要グラフの例

このプロンプトは、mimetypetext/html値を返す対話型グラフを指定します。

インタラクティブな行のサマリーチャート プロンプトの例

ヒント

このプロンプトをテストする場合は、最初のプロンプトの GUID 値の例のいずれかを使用し、RecordId パラメーターのサンプル データとして設定します。

recordid パラメーターのサンプル データの設定

現在、HTML は モデル応答でレンダリングされていませんが、 実行の詳細 を表示して、正常に実行されたことを確認できます。

PCF コントロールは、次の形式で対話型 HTML をレンダリングします。

生成された HTML 対話型行の概要グラフを示すコード インタープリター PCF コンポーネントのサンプル

プロンプト: 販売提案ドキュメントの例

このプロンプトでは、生成された PDF ファイルのプレビューと直接ダウンロードを指定します。

生成された販売提案ドキュメントを示すコード インタープリター PCF コンポーネントのサンプル

ヒント

このプロンプトをテストする場合は、最初のプロンプトの GUID 値の例のいずれかを使用し、RecordId パラメーターのサンプル データとして設定します。

このプロンプトを テスト すると、 モデル応答で結果をプレビューできます。 このコントロールは、フォーム内で異なるエクスペリエンスをレンダリングします。

生成された PDF 販売提案ドキュメントを示すコード インタープリター PCF コンポーネントサンプル

生成された .docx.pptx 、および .xlsx ファイルもサポートされていますが、現在、サンプル PCF コントロールは .pptxをサポートしていません。

アプリ: sample_example アプリ

マネージド ソリューションには、CodeInterpreter PCF コントロールを構成するためのフォームを含む、事前構成済みのモデル駆動型アプリケーションも含まれています。 このアプリは、サンプルを試すために必要な手順の数を減らします。

詳細情報