Power Pages の機能拡張の概要

完了

Power Pages は、ビジネス Web サイトを構築するためのローコード ソリューションです。 複雑な要件の場合、高度な作成者とプロ開発者は、Power Pages を複数の方法で統合および拡張できます。

他の Microsoft Power Platform コンポーネントとの統合

Power Pages は Power Platform の一部であるため、他の Microsoft Power Platform コンポーネントとの緊密な統合が提供されます。

  • Dataverse を使用すると、Power Pages サイトで使用されるメタデータとデータの安全なストレージと管理が可能になります。
  • Power Apps を使用すると、外部の Power Pages ユーザーがアクセスして生成した情報を処理するカスタム アプリを作成できます。 モデル駆動型 Power Apps などの要素は、Power Pages ユーザー エクスペリエンスの中核をなします。
  • Power Automate は ビジネス ロジックを拡張し、ユーザーが Power Pages を操作するときにデータとイベントを処理します。
  • Power BI は Power Pages と直接統合され、Web サイト上のレポート、ダッシュボード、タイルに安全にアクセスできます。
  • Microsoft Copilot Studio は、ユーザー エクスペリエンスを強化するために、外部向けの Web サイトにチャットボットを追加します。

Power Pages の機能拡張

液体

Liquid は、Power Pages Web テンプレートの基盤となるオープンソースのマークアップ言語です。 また、サイト コンテンツを配信するために直接埋め込むこともできます。 Liquid は、多くの場合、Web ページに動的コンテンツを追加するために使用され、Dataverse テーブルのデータを表示するためにも使用できます。

詳細については、「 Liquid テンプレートの操作」を参照してください。

Web テンプレート

Power Pages サイトは、Web ページの構造化方法を定義する定義済みの Web テンプレートセットを使用してプロビジョニングされます。 作成者は、特定の要件に対応するために新しい Web テンプレートを変更または作成できます。 通常、Web テンプレートは、特定のレイアウトで静的コンテンツと動的コンテンツの両方を表示するために使用されます。

詳細については、「 カスタム ページ テンプレートを作成する」を参照してください。

コード エディター

作成者とプロ開発者は、Power Pages デザイン スタジオから Web 用 Visual Studio Code にアクセスし、HTML ソース コードを編集して複雑なレイアウトを構築できます。 ページのソース コードを編集するには、コマンド バーの [コードの編集] ボタンを選択します。

Power Pages デザイン スタジオの [コードの編集] のスクリーンショット。

JavaScript

カスタム JavaScript コードは、Web ページ、Web テンプレート、フォーム、リストなど、さまざまな Power Pages アセットに埋め込むことができます。 JavaScript を使用すると、Power Pages Web API を使用して、クライアント インターフェイスの強化、複雑なユーザー入力検証の追加、外部 Web サービスの呼び出し、Dataverse 機能への直接アクセスを行うことができます。

Web サイト ページでのスクリプト作成は Power Pages に固有であり、フォームやビューでモデル駆動型アプリのスクリプトを使用することはありません。

詳細については、「 カスタム JavaScript の追加」を参照してください。

CSS

作成者は、Power Pages デザイン スタジオ の [スタイル] ワークスペースを使用して、Web サイト スタイルの基本的な要素を構成できます。 Pro 開発者は、カスタム カスケード スタイル シート (CSS) ファイルをサイトに追加できます。 CSS を使用して、個々のサイト要素の外観と動作を制御できます。 CSS では、たとえば、特定のページ要素を非表示にするために、JavaScript コードの代わりに特定のポータル機能を実装することもできます。

カスタム CSS ファイルにアクセスするには、[ スタイル] ワークスペースを選択し、テーマを選択し、[ ... ] オプションを選択して、[ CSS の管理] を選択します。

Power Pages デザイン スタジオでの高度な CSS 編集のスクリーンショット。

詳細については、「 Power Pages のテーマの CSS を編集する」を参照してください。

コンポーネント フレームワーク

Power Apps コンポーネント フレームワークを使用すると、プロの開発者やアプリ作成者は、モデル駆動型アプリとキャンバス アプリ用のコード コンポーネントを作成できます。 これらのコンポーネントを Power Pages で使用して、高度なユーザー インターフェイスと機能を提供できるようになりました。

詳細については、「 Power Pagesを参照してください。

開発者用ツール

Power Pages 開発をアプリケーション ライフサイクル管理 (ALM) の一部として含めることができるようになりました。 作成者とプロ開発者は、Microsoft Power Platform コマンド ライン インターフェイス (CLI) を使用して Power Pages サイト構成をダウンロード、変更、アップロードし、Azure Pipelines を使用して構成データをソース管理にコミットし、開発から他の環境にデプロイできます。

Microsoft Power Platform CLI の使用方法の詳細については、power Platform CLI の Power Pages サポートを参照してください。

次に、知識チェックを使用してPower Pagesの知識をテストします。