Power Apps コンポーネント フレームワークと Microsoft Power Platform CLI を使用して、モデル駆動型アプリとキャンバス アプリでコード コンポーネントを作成するために使用できる、Power Apps コミュニティによって作成されたコミュニティ リソースの一覧を次に示します。
注
コミュニティによって作成されたリソースは、Microsoft ではサポートされていません。 コミュニティ リソースに関するご質問または問題については、リソースの発行元にお問い合わせください。 これらのリソースを使用する前に、これらのコミュニティ リソースが Power Apps コンポーネント フレームワークのガイドラインを満たしていることを確認し、参照目的でのみ使用する必要があります。
コード コンポーネント ギャラリー
Power Apps コンポーネント フレームワーク ギャラリー (https://pcf.gallery/) は、Power Apps コミュニティによって作成されたコード コンポーネントのコレクションです。 ビジネス ケースに適したさまざまなコード コンポーネントがあります。
ダウンロードする前に、ライセンス条項とソース コードを確認してください。 ソリューション パッケージ を作成して Microsoft Dataverse にインポートする方法については、サンプル記事を実行する方法に関する記事を参照してください。
Warnung
コード コンポーネントは、コンポーネントを使用しているエンド ユーザーのコンテキストで実行され、データへのアクセス、キャプチャ、変更を含む任意のアクションを実行できます。
Videos
Power Apps コミュニティによって作成されたビデオの一覧を次に示します。
| 名前 | Description |
|---|---|
| 独自のコード コンポーネントをビルドする | Power Apps コンポーネント フレームワークを使用して、モデル駆動型アプリとキャンバス アプリでコード コンポーネントを構築する方法について説明します。 |
| キャンバス アプリのコード コンポーネント | キャンバス アプリでコード コンポーネントを開発して使用する方法について説明します。 |
| コード コンポーネントの開発 | このビデオでは、Power Apps コンポーネント フレームワークを使用してコード コンポーネントを開発するための要件を示し、最初のコード コンポーネントを作成するための段階的なアプローチを示します。 |
| ソース マップと Fiddler を使用したデバッグの容易化 | Fiddler とソース マップを使用して縮小された運用コードをデバッグする方法について説明します。 |
| コードコンポーネントのはじめに | Power Apps コンポーネント フレームワークの概要ビデオと、コード コンポーネントの構築の基本。 |
| Power Apps コンポーネント フレームワーク アカデミー 入門 | 最初のコード コンポーネントをビルドする方法に関する入門ビデオです。 |
| Power Apps コンポーネント フレームワーク: データセット テンプレートの詳細マニフェスト ファイル | データセット型コード コンポーネントのマニフェスト ファイルを定義する方法について説明します。 |
| Power Apps コンポーネント フレームワーク アカデミー: フィールド テンプレート用の詳細なマニフェスト ファイル | フィールド型コード コンポーネントのマニフェスト ファイルを定義する方法について説明します。 |
| Power Apps コンポーネント フレームワーク アカデミー: データセット コンポーネント | データセット コンポーネントの詳細と、データセット API のさまざまなメソッドの使用方法について説明します。 |
| Power Apps コンポーネント フレームワークのアカデミー：組織へのインポート | コード コンポーネントをパッケージ化して Dataverse にインポートする方法について説明します。 |
| Power Apps コンポーネント フレームワークの革命 | コンポーネント フレームワークがモデル駆動型アプリとキャンバス アプリで視覚化を強化した方法について説明します |
| Power Apps コンポーネント フレームワーク Academy: React と Office UI ファブリックの使用 | コード コンポーネントで React と UI ファブリックを使用する方法について説明します。 |
| Power Apps コンポーネントフレームワーク アカデミー: 追加のフレームワークの使用 | コード コンポーネントのビルドで追加のフレームワークを使用する方法について説明します。 |
| Power Apps コンポーネント フレームワーク Academy: マニフェスト ファイルの操作 | マニフェスト ファイルの概要ビデオと、マニフェスト ファイル内のコード コンポーネントを開発するために定義する必要があるさまざまな方法。 |
| Power Apps コンポーネント フレームワーク: Dynamics 365 の概要 | Microsoft Dynamics 365 のカスタム フォーム コンポーネントの制限について嘆いたことがあれば、このチュートリアルでは、まったく新しい可能性の世界に目を向けます。 |
Blogs
Power Apps コミュニティによって作成されたブログの一覧を次に示します。
- Power Apps コンポーネント フレームワークでコード コンポーネントにスタイルを追加する
- Power Apps コンポーネント フレームワークの枠を超えて
- 市民開発者を超えて: Microsoft の Power Apps コンポーネント フレームワークでプロが可能性を見出す理由
- コード コンポーネントを作成する
- ダイアナミックスレディ(複数のトピック)
- サポートされているコード コンポーネントを使用した DOM の編集
- 環境に Node.js と Typescript を構成する方法
- バインドされたプロパティを使用して目的のイベントをシミュレートする方法
- コード コンポーネントのローカライズ
- Power Apps コンポーネント フレームワーク – ケーキの仕上げ
- Power Apps コンポーネント フレームワークの一般提供 – 重要なマイルストーン
- Power Apps コンポーネント フレームワークを使用してコード コンポーネントを操作する
- Web リソースがそのコンポーネントに対して setVisible/setDisabled を呼び出すとどうなりますか
- updateView メソッドを呼び出すタイミング
Tools
コード コンポーネント ビルダーは、CLI コマンドを記述する必要はありませんが、内部で Microsoft Power Platform CLI を引き続き使用するコード コンポーネントを簡単にビルドできるツールです。 ほとんどのコマンドは統合されているため、コンポーネントの構築が容易になります。
コード コンポーネント ビルダーには 2 つのバージョンがあります。 どちらも PCF Builder と呼ばれ、以下に示します。
- XrmToolBox 用 PCF ビルダー。
- PCF Builder for Visual Studio Code。
PCF Builder for XrmToolBox には、Microsoft Power Platform CLI を使用してコード コンポーネントを視覚的に作成できるグラフィカル ユーザー インターフェイスが用意されています。
Visual Studio Code 用 PCF Builder 拡張機能 では、コード コンポーネントを作成できるだけでなく、Visual Studio Code 内でコード コンポーネントをプレビューできるガイド付きエクスペリエンスが提供されます。
