Power Pagesでは、ローコード作成者や Web デザイナーが強力な Web サイトを構築および構成するためのツールを提供します。
多くのプロジェクトでは、開発手法を使用して Web アプリケーションの機能をさらに拡張する必要があります。
Power Pages プラットフォームは、開発者が高度で複雑な要件に対処できるようにするツールとテクノロジを提供します。
ツール
Power Pages開発者は、ツールを使用してアセットを作成し、HTML、JavaScript、Liquid、CSS コードを編集できます。
| ツール | 説明 |
|---|---|
| Web のVisual Studio Code | HTML、JavaScript、Liquid、CSS コードを表示して編集します。 マルチステップ フォーム、基本フォーム、コンテンツ スニペット、リスト、Web ファイル、Web ページ、Web テンプレートでコードを編集します。 |
| Visual Studio Code デスクトップ | HTML、JavaScript、Liquid、CSS コードを表示して編集します。 Web ページ、Web テンプレート、ページ テンプレート、コンテンツ スニペット、Web ファイルを作成します。 IntelliSense を使用してコードと 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 を呼び出します。
- 対話型機能を構築します。
- Web ページ、基本的なフォーム、複数ステップのフォーム ステップ、リスト、Web テンプレートに JavaScript を追加します。
詳細については、以下を参照してください。
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 コンポーネント フレームワークを使用して作成されたPower Apps用に構築されたコントロールがサポートされます。
- フォーム上のフィールドにカスタム ユーザー インターフェイス コントロールを作成します。
- データセットにバインドされたカスタム ビジュアル エクスペリエンスを作成します。
詳細については、以下を参照してください。
AI によって生成されたコード
Visual Studio CodeでCopilotを使用して AI によって生成されたコードを追加すると、自然言語のチャット操作を使用してコードを作成できます。
詳細については、以下を参照してください。