モデル駆動型アプリにカスタム ページを追加する

[このトピックはプレリリース ドキュメントであり、変更されることがあります。]

この記事では、最新のアプリ デザイナーを使用して、モデル駆動型アプリのカスタム ページを作成および編集する方法について説明します。

重要

カスタム ページは製品が大幅に変更された新機能であり、現在、カスタム ページの既知の問題に概説されているいくつかの既知の制限があります。

最新のアプリ デザイナーを使用してモデル駆動型アプリを作成または編集する

以下の手順では、モデル駆動型アプリにカスタム ページを追加するために必要な、最新のアプリ デザイナーを開く方法について説明します。

最新のアプリ デザイナーを使用して新しいモデル駆動型アプリを作成する

  1. Power Apps にサインインします

  2. 左のナビゲーション ウィンドウで、ソリューション を選択します。 項目がサイド パネル ウィンドウに表示されない場合は、…さらに表示 を選択して、目的の項目を選択します。

  3. 新しいモデル駆動型アプリを含むソリューションを開くか作成します。

  4. 新規 > アプリ > モデル駆動型アプリを選択します。

  5. 最新のアプリ デザイナーを使用するを選択し、次へを選択します。

    新しいモデル駆動型アプリの設計プロンプト

  6. 新しいアプリの名前と必要に応じて説明を入力し、作成を選択します。

    新しいモデル駆動型アプリの名前プロンプト

最新のアプリ デザイナーを使用してモデル駆動型アプリを開く

  1. make.powerapps.com を開く

  2. 左のナビゲーション ウィンドウで、ソリューション を選択します。 項目がサイド パネル ウィンドウに表示されない場合は、…さらに表示 を選択して、目的の項目を選択します。

  3. 既存のモデル駆動型アプリを含むソリューションを開きます。

  4. モデル駆動型アプリ メニューを開き、編集 を選択して、最新のアプリ デザイナーを開きます。

カスタム ページを作成または編集する

カスタム ページは 2 つの場所から作成できます。 1 つ目は、最新のアプリ デザイナーでモデル駆動型アプリを作成しているときです。 もう 1 つは Power Apps のソリューション領域からです。 カスタム ページはソリューションエリアから編集できますが、make.powerapps.com のホームアプリ領域には表示されません。

注意

カスタム ページは、最新のアプリ デザイナーまたは Power Apps のソリューション領域のいずれかのソリューションから、新規 > ページを使用して作成する必要があります。 カスタム ページは、通常のスタンドアロン キャンバス アプリとは異なる種類のキャンバス アプリです。

最新のアプリ デザイナーから新しいカスタム ページを作成する

  1. 最新のアプリ デザイナーを開きます。

  2. コマンド バーまたはページ ペインの新しいページを選択します。

    アプリ デザイナーで新しいページを作成

  3. ページの種類としてカスタムを選択します。

    新しいページでカスタム ページを選択

  4. キャンバス アプリ デザイナーがページを作成するために開きます。

    キャンバス デザイナーの新しいページ

  5. キャンバス アプリのカスタム ページの作成が終了したら、保存公開し、キャンバス アプリ デザイナーのブラウザー タブを閉じて、モデル駆動型アプリ デザイナーに戻ります。

ソリューション領域から新しいカスタム ページを作成する

  1. Power Apps にサインインします

  2. 左のナビゲーション ウィンドウから、ソリューションを選択します。 項目がサイド パネル ウィンドウに表示されない場合は、…さらに表示 を選択して、目的の項目を選択します。

  3. 新しいカスタム ページを含むソリューションを開くか作成します

  4. 新規 > アプリ > ページを選択します。

    ソリューション領域で新しいページを作成

既存のカスタム ページを編集する

  1. make.powerapps.com を開く

  2. 左のナビゲーション ウィンドウから、ソリューションを選択します。 項目がサイド パネル ウィンドウに表示されない場合は、…さらに表示 を選択して、目的の項目を選択します。

  3. 新しいカスタム ページを含むソリューションを開くか作成します。

  4. ページの種類でカスタム ページを選択し、編集を選択します。

    ソリューション領域の新しいページ

カスタム ページのコンテンツを作成する

  1. カスタム ページのコンテンツをデザインします。 詳細情報: モデル駆動型アプリのカスタム ページを設計する

  2. カスタム ページを保存し、公開します。

  3. キャンバス アプリ デザイナーを閉じます。

  4. アプリ デザイナーのブラウザー タブに戻り、解除を選択してアプリ デザイナーを更新します。

    ページ作成の解除プロンプト

  5. アプリ デザイナーで公開を選択し、変更されたカスタム ページをモデル駆動型アプリに追加します。

  6. プレビューを選択して新しいブラウザ タブでアプリを再生します。

既存のカスタム ページをサイトマップに追加する

  1. make.powerapps.com にサインインします

  2. 最新のアプリ デザイナーを使用してモデル駆動型アプリを開きます

  3. ナビゲーション タブを選択します。

    アプリ デザイナーのプロパティ ウィンドウ

  4. ナビゲーションを展開し、ページを配置する場所を選択します。

  5. 新しいアイテムを追加するには、選択後に追加 > サブエリアを選択します。

    アプリ デザイナー アプリのサブエリア

  6. 右側のプロパティ ペインで、既存のページをリストから選択し、タイトルを入力します。

    アプリ デザイナー サブエリアで既存のページを選択

  7. 公開を選択します。アプリに変更があった場合は保存されます。

  8. 再生を選択して新しいブラウザ タブでアプリを実行します。

  9. アプリ デザイナーを閉じるには戻るを選択してソリューションに戻ります。

カスタムページを公開する

重要

現在、モデル駆動型アプリは、カスタムページを公開した後に再公開する必要があります。 そうしない場合は、モデル駆動型アプリは以前に公開されたカスタムページを引き続き使用します。

キャンバス デザイナでカスタム ページの変更を保存した後は、まずそのカスタム ページをキャンバス デザイナで公開する必要があります。 続いて、そのカスタムページを参照しているすべてのモデル駆動型アプリを公開する必要があります。

  1. キャンバス デザイナで 公開 を選択します

  2. アプリデザイナーまたはソリューションエクスプローラーから、カスタムページを参照している各モデル駆動型アプリで公開を選択します

関連情報

モデル駆動型アプリのカスタム ページの概要

モデル駆動型アプリのカスタム ページを設計する

カスタム ページで PowerFx を使用する

クライアント API を使用してカスタム ページに移動する

カスタム ページ デザイナーのコード コンポーネント