Power Apps component framework とキャンバス アプリ コンポーネントを使った再利用可能な UI の構築

Power Apps は、再利用可能なコンポーネントを作成するために 2 つのオプションを提供します。

  • Canvas アプリのコンポーネント。これは、Power Apps Studio 内部で再利用可能なコントロールを作成するためのローコード方式です。
  • Power Apps component framework。これは、HTML、Typescript、および CSS を使用して再利用可能なコントロールを構築するプロ開発者の方法です。

キャンバス アプリのコンポーネントは強力であり、アプリのほとんどの UI 要件を満たすために使用できます。 それらを構築して維持するためのコストはほとんどの場合 Power Apps component framework よりも低くなる可能性があるため、最初にそれらを検討する必要があります。

次の画像は、キャンバス アプリ コンポーネントの例を示しています。

セッション、スケジュール、活動などのキャンバス アプリのコンポーネントのスクリーンショット。

キャンバス アプリのコンポーネントは、コンポーネント ライブラリ内にパッケージ化できます。コンポーネント ライブラリは、多くのアプリでコンポーネントを簡単に再利用できるようにするコンテナです。 コンポーネント ライブラリを使用すると、コンポーネントの検索と検出、変更の公開、コンポーネントの更新が利用可能になったときのアプリ メーカーへの通知が簡単になります。

メーカー ポータルのコンポーネント ライブラリのスクリーンショット。

より高度なシナリオについては、Power Apps component framework は、コンポーネント ライフサイクル管理、コンテキスト データ、メタデータなどの多くの機能を公開するフレームワーク API の豊富なセットへのアクセスを提供します。 カメラ、マイクなど、デバイス機能へのアクセスが必要なシナリオでは、Power Apps component framework を使用したコード コンポーネントの構築のみが唯一のオプションです。 Power Apps component framework で作成されたコード コンポーネントは、キャンバス アプリ、モデル駆動型アプリ、および Power Apps ポータルで使用できます。

Power Apps component framework の実際の使用を確認するには、Chevron がデジタルで強化された井戸計画ツールを構築して、深さ 35,000 フィート (地球から約 7 マイル) の井戸の設計を支援する様子について、このビデオをご覧ください。ビデオ: 現実世界のストーリー: 世界のエネルギー企業が Microsoft Power Platform でデジタル トランスフォーメーションを推進を参照してください。 このデジタルツールでは、Power Apps component framework を使用してアプリのエクスペリエンスを向上させています。

Power Apps Component Framework を使用して構築されたコード コンポーネントを使用して構築されたモデル駆動型アプリを示すスクリーンショット

コード コンポーネントは、ドロップダウンを備えた高度な入力フィールドを表示します。このドロップダウンは、入力フィールドの値を取得するために使用される式をユーザーが理解しやすくなる追加情報を含んでいます。