次の方法で共有


コマンド デザイナーを使用して、コマンド バーをカスタマイズする

この記事では、コマンド デザイナーと Power Fx を使用して最新のコマンドを作成および編集する方法について説明します。

アプリ デザイナーを開く

最新のアプリ デザイナーを使用して、新しいモデル駆動型アプリを作成する、または最新のアプリ デザイナーを使用して、既存のモデル駆動型アプリを開く

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

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

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

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

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

  5. アプリに名前を入力し、作成を選択します。 詳細: 取引先企業テーブル ページを持つモデル駆動型アプリを作成する

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

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

  1. Power Apps にサイン イン
  2. 左のナビゲーション ウィンドウで、ソリューション を選択します。 項目がサイド パネル ウィンドウに表示されない場合は、…さらに表示 を選択して、目的の項目を選択します。
  3. 既存のモデル駆動型アプリを含むソリューションを開きます。
  4. モデル駆動型アプリを選択し、... > 編集を選択して、最新のアプリ デザイナーを開きます。

最新のコマンドを作成または編集

アプリ デザイナーに入ったら、コマンド デザイナーを使用してコマンド バーをカスタマイズします。

注意

  • 現在、コマンド デザイナーは、最新のアプリ デザイナーから、または既存のコマンドのソリューション内でのみアクセスできます。
  • 現在、クラシック コマンドは、コマンド デザイナー内で編集できません。

コマンド バーの編集

コマンド デザイナーを開いてコマンド バーを編集

  1. アプリ デザイナーのページエリアから任意のテーブルを選択します。

  2. ... を選び、編集コマンド バーを選択します。

    App Designer のエントリ ポイント

  3. 目的のコマンド バーの場所を選択してから、編集を選択します。 詳細: コマンド バーの場所

    場所の選択

新しいコマンドを作成

従来のコマンドとは異なり、最新のコマンドは編集中のアプリ内にのみ表示されます。 これにより、不要なコマンドが他のアプリに転送されるのを防ぎ、実行時のパフォーマンスを向上させます。

アプリのコマンド デザイナーを初めて開くと、JavaScript のみを使用するか、Power Fx を使用するかのプロンプトが表示されます。 Power Fx を選択すると、必要に応じて JavaScript を使用することもできます。 ダイアログで Power Fx を選択すると、Power Fx の数式を格納するコマンド コンポーネント ライブラリが作成されます。

  1. コマンド デザイナーを開いてコマンド バーを編集し+ 新規コマンドを選択します。 新しいコマンドを作成

  2. 右側のペインで、次のオプションを入力または選択します。

    • Label (オプション)。 コマンド ボタンに表示されるラベルを入力します。

    • アイコン。 コマンド ボタンのアイコンを選択します。 任意のシステム アイコンまたは Web リソース SVG ファイルから選択できます。 独自のアイコンをアップロードするには、Web リソースを選択して SVG フォーマット ファイルをアップロードします。 そして、保存を選択してから、Web リソースを公開します。 必要なアイコン画像の Web リソースを作成する方法の詳細については、モデル駆動型アプリの Web リソースを作成または編集し、アプリを拡張 へ移動します。

    • アクション。 以下より選択:

    • 表示対象。 コマンドボタンを表示 するか、数式から条件を指定して表示するかを選択します。

    • Tooltip タイトル (オプション)。 ヒント タイトルを入力します。 ユーザーがコマンド上にマウスを置くと、タイトルが表示されます。

    • Tooltip の説明 (オプション)。 ヒントの詳細を入力します。 ヒント タイトルの下でユーザーがコマンド上にマウスを置くと、説明が表示されます。

      コマンドのヒント タイトルと説明の例。

    • アクセシビリティ テキスト (オプション)。 スクリーン リーダーで読み上げるテキストを入力します。

    • 注文番号。 同じコマンドバー内の他のコマンドに関連して、実行時にコマンドが表示される順序。

  3. コマンドをドラッグ アンド ドロップして場所を形成します。 古典的なコマンドの中に、現代的なコマンドを配置することができます。

  4. 保存して公開 を選択して、アプリのユーザーがコマンドを利用できるようにします。

  5. 実行を選択してアプリを実行し、変更をテストします

注意

  • Power Fx 式の公開には、コマンド コンポーネント ライブラリの公開に数分かかる場合があります。 このバック グラウンド操作は、コマンド デザイナーがリクエストを完了し、デザイナーのロックを解除した後も進行中となっている場合があります。

アクションと可視性に Power Fx を使用する

Power Fx は、アクション (コマンド ボタンが選択されたときに何が起こるか) と可視性 (ボタンがいつ表示されるかを制御するロジック) の両方に使用できます。 Power Fx は、従来のコマンドではサポートされていません。

モデル駆動型アプリ コマンドには、キャンバス アプリと同様の数式バー エクスペリエンスがあります。 Dataverse データを操作する場合、キャンバス アプリの場合と同じように Power Fx 式を使用できます。 詳細情報: コマンドで Power Fx を使用する

注意

  • 現在、Dataverse だけがモデル駆動型アプリのコマンドでサポートされいるデータ ソースです。
  • 現在、コマンド デザイナーから直接データ ソースとして追加テーブルを追加できません。 ただし、キャンバス スタジオでコマンド コンポーネント ライブラリを開き、データ ソースとしてテーブルを追加を実行し、コマンド デザイナー内でそれらを使用します。
  • 現在、キャンバス アプリ内で使用できるすべての機能が、モデル駆動型アプリ コマンドでサポートされているわけではありません。 さらに、モデル駆動型アプリ コマンドにいくつかの固有の新機能を導入しました。
  • 最新のコマンドの制限については、最新のコマンド実行の既知の制限事項を参照してください。

アクションに JavaScript を使用する

JavaScript は、クラシック コマンドとモダン コマンドの両方でサポートされています。 ただし、最新のコマンド デザイナーを使用してコマンドを作成し、JavaScript を関連付ける方が簡単です。

  1. アクションには、JavaScript を実行を選択します。

  2. ライブラリを追加またはリストから別のものを選択します。 リストには、現在のコマンド バーで使用されているライブラリが表示されます。

    JavaScript ライブラリの追加

  3. 追加を選び、既存の JavaScript Web リソースを検索するか、または独自のリソースを追加できます。

    JavaScript Web リソースの追加

  4. 関数名を入力します。 たとえば、Main_system_library.js ライブラリを選び、この関数を呼び出します: XrmCore.Commands.Open.opennewrecord

  5. パラメーターを追加し、関数に渡します。

    パラメータを追加

注意

1 つのコマンドから複数の JavaScript ライブラリを呼び出したり、複数の関数を呼び出したりすることはサポートされていません。

参照

最新のコマンドの概要