Power Pages は、ローコード作成者や Web デザイナーが強力な Web サイトを構築および構成するためのツールを提供します。
多くのプロジェクトでは、開発のためのテクニックを必要とする Web アプリケーションの機能をさらに拡張する必要があります。
Power Pages プラットフォームは、開発者が高度で複雑な要件に対処できるようにするツールとテクノロジーを提供します。
ツール
Power Pages 開発者は、アセットを作成したり、HTML、JavaScript、Liquid、CSS codeを編集したりするためのツールを利用できます。
| ツール | Description |
|---|---|
| Web 用 Visual Studio Code | HTML、JavaScript、Liquid、CSS コードを表示および編集します。 マルチ ステップ フォーム、基本フォーム、コンテンツ スニペット、リスト、web ファイル、web ページ、web テンプレートのコードを編集できます。 |
| Visual Studio Code デスクトップ | HTML、JavaScript、Liquid、CSS コードを表示および編集します。 Web ページ、Web テンプレート、ページ テンプレート、コンテンツ スニペット、Web ファイルを作成します。 インテリセンスでコードと Web サイトのメタデータを編集し、Copilot を使用してコードを生成します。 |
| Power Pages 管理アプリ | Power Pages メタデータ レコードを作成ます。 モデル駆動型アプリのコンテキスト内で HTML、JavaScript、Liquid、CSS コードを表示および編集します。 |
| Power Platform CLI | Power Pages メタデータをローカル ワークステーションにダウンロードしてアップロードし、Visual Studio Code (または他のエディタ) で編集します。 |
| コミュニティ ツール | 開発者が Power Pages を拡張するのを助けてくれるコミュニティ ツールが多数あります。 そのコミュニティによって作成されたツールは、Microsoft がサポートするものではありません。 コミュニティ ツールに関する質問や問題は、ツールの公開元にお問い合わせください。 |
JavaScript
Power Pages を使用して作成された Web サイトでは、クライアント側 JavaScript を利用して多くの要件に対処できます。
- フォームおよびリスト コンポーネントにロジックを追加して、フィールドの表示と非表示、要件レベルの設定、値の事前入力、その他の機能強化を行います。
- Power Automate や Power Pages WebAPI などの API を呼び出します。
- インタラクティブな機能を構築する
- JavaScript は、Web ページ、基本フォーム、マルチステップ フォーム ステップ、リスト、Web テンプレートに追加できます。
詳細情報:
Liquid
Liquid は、Power Pages に統合されているオープン ソースのテンプレート言語です。 Microsoft Dataverse からデータを安全に取得し、Web ページにコンテンツを動的に表示できます。
- web ページに動的コンテンツを追加します。
- カスタム Web テンプレートと Web テンプレート コンポーネントを作成します。
- 構成可能なヘッダーとナビゲーション インターフェイスを構築します。
詳細情報:
Power Pages Web API
Web API は、Power Pages サイト内でより豊かなユーザー エクスペリエンスを可能にします。 Web API を使用して、自分の Web ページからすべての Microsoft Dataverse テーブルを作成、読み取り、更新、および削除することができます。
- フォーム コンポーネントを使用せずにレコードを作成および更新します。
- Microsoft Dataverse から対話的に情報を取得します。
詳細情報:
カスタム コンポーネント
Power Pages は、Power Apps component frameworkを使用して作成された Power Apps 用のコントロールをサポートします。
- フォーム上のフィールドにカスタム ユーザー インターフェイス コントロールを構築します。
- データセットにバインドされたカスタム ビジュアル エクスペリエンスを作成します。
詳細情報:
AI が生成したコード
Copilot in Visual Studio Code を使用して AI 生成のコードを追加すると、自然言語チャット インタラクションを使用してコードを作成できます。
詳細情報: