コンポーネント

完了

ソリューション アーキテクトは、アプリのアーキテクチャの一部としてコンポーネントの作成を検討する必要があります。 コンポーネントは、再利用を促進し、複数の開発者がビルド ステージでキャンバス アプリの複数の部分で協力できるため、重要です。

コンポーネントには次の特徴があります。

  • アプリ内および複数のアプリ全体で再利用ができる。
  • 複数の開発者が 1 つのアプリの作成に共同で取り組むことができる。
  • 一貫性を高め、冗長性を減らすのに役立つ。

ソリューション アーキテクトは、コンポーネント、ヘッダー、共通ウィジェットなど、コンポーネントにすることで利点を得られるコントロールを探す必要があります。

Power Apps の 2 種類のコンポーネントは次のとおりです。

  • キャンバス コンポーネント - キャンバス アプリ開発者向けで、キャンバス アプリでのみ動作します。
  • Power Apps component framework コード コンポーネント - プロの開発者向けです。

Power Apps コンポーネントを示す図。

コンポーネント ライブラリ

キャンバス コンポーネントは、アプリ開発者がコンポーネント ライブラリを使用して、アプリ内部または複数のアプリ全体で使用するカスタム コントロールを作成できる、キャンバス アプリの再利用可能な構成要素です。

キャンバス コンポーネントには次の特徴があります。

  • キャンバス アプリで再利用するのに最適。
  • 複数のアプリで使用できる。
  • 一般的な開発者スキルを使用できるため、複数の開発者のプロセスを簡素化できる。
  • キャンバス アプリの数式とコネクタを起動する機能に限定される。

コンポーネント ライブラリは、次の作業を容易にするのに役立つコンポーネント定義のコンテナーです。

  • コンポーネントの検出と検索を行う。
  • アップデートを公開する。
  • 使用可能なコンポーネントのアップデートがあった場合、アプリ開発者に通知する。

重要

キャンバス コンポーネントをコンポーネント ライブラリに追加する必要があります。 コンポーネント ライブラリは、複数アプリ全体でコンポーネントを再使用するための推奨方法です。 コンポーネント ライブラリを使用する場合、アプリではそれを使用するコンポーネントへの依存が維持されます。 依存コンポーネントへのアップデートが使用可能になると、アプリ開発者には警告が表示されます。 したがって、すべての再使用可能コンポーネントをコンポーネント ライブラリ内に作成する必要があります。

ソリューション アーキテクトには、コンポーネントを管理するための戦略が必要です。

Power Apps Component Framework を使用したコード コンポーネント

Power Apps Component Framework を使用すると、プロの開発者やアプリ開発者は、モデル駆動型およびキャンバス アプリ (パブリック プレビュー) 用のコード コンポーネントを作成して、ユーザーがフォーム、ビュー、およびダッシュボードのデータを処理する際のユーザー エクスペリエンスを強化することができます。

コード コンポーネントには次の特徴があります。

  • Web およびモバイルのモデル駆動型およびキャンバス アプリで使用できる。
  • 列とグリッドを置き換える複数のアプリで使用できる。
  • 新しいレコードや編集エクスペリエンスで使用できる。
  • 通常、パフォーマンスの問題なしに、フォーム上の複数コンポーネントを使用できる。
  • コード開発者に TypeScript と HTML スキルが必要。
  • プロ開発者のスキルを使用できるため、あらゆるタイプの開発者がソリューションに貢献できる。

コード コンポーネントは、ソリューションにパッケージ化できます。 ソリューションがアップデートされると、そのコンポーネントを消費する各アプリは、アップデートされたコンポーネントを自動的に認識します。

ソリューション アーキテクトは、優れたユーザー エクスペリエンスを生み出すために意図的にコード コンポーネントを使う必要があります。

コード コンポーネントは大規模なコミュニティで開発されています。 これらのコンポーネントは、ギャラリーサンプル コンポーネント ギャラリー から再使用できます。

次のスクリーンショットは、計算されたリスク スコアに基づいたカウントのグリッドを表示するコミュニティ コントロールです。

リスク マトリックス コンポーネントを示すスクリーンショット。