Power Apps Studio を理解する

Power Apps Studio を使用して、キャンバス アプリを設計、構築、管理できます。

Power Apps Studio の概要

Power Apps Studio ユーザー インターフェイスを示すスクリーンショット。

  1. Power Apps Studio モダン コマンド バー: 選択したコントロールに基づいて異なるコマンド セットを表示する動的コマンド バー。

  2. アプリ アクション: 名前の変更、共有、アプリ チェッカーの実行、コメントの追加、プレビュー、保存、アプリの公開のオプション。

  3. プロパティ リスト: 選択したオブジェクトのプロパティのリスト。

  4. 数式バー: 1 つ以上の関数を使用して、選択したプロパティの式を作成または編集します。

  5. アプリ オーサリング メニュー: データソースと挿入オプションを切り替えるための選択ペイン。

  6. アプリの作成オプション: アプリを作成するために選択したメニュー項目に関連するオプションを含む詳細ペイン。

  7. キャンバス/スクリーン: アプリ構造を構成するためのプライマリ キャンバス。

  8. プロパティ ペイン - UI 形式での選択したオブジェクトのプロパティのリスト。

  9. 設定と仮想オペレーター: 設定に移動するか、仮想オペレーターからアプリを構築するためのヘルプを取得します。

  10. スクリーン セレクター: アプリ内の異なるスクリーンを切り替えます。

  11. キャンバスのスクリーン サイズを変更: Power Apps Studio での作成定見中にキャンバスのサイズを変更します。

Power Apps Studio での各オプションを詳しく理解していきましょう。

1 – Power Apps Studio のモダン コマンド バー

Power Apps Studio オプションは、コマンド バーで使用できます。 このオプションは、現在のセッションとアプリ関連の設定に関連しています。

多くの開発オプションを含むコマンド バー メニューを示すスクリーンショット。

モダン コマンド バー

モダン コマンド バーには、選択したコントロールに応じて、関連する一連のコマンドが表示されます。

選択されたコントロールに応じてコマンド バーがどのように変化するかを示す動く画像。

次のコントロールまたはオブジェクトのいずれかが選択すると、コマンド バーが変化します。

  1. アプリ オブジェクト
  2. スクリーン
  3. Button
  4. Shape
  5. Icon
  6. 空のフォーム
  7. データを含むフォーム
  8. 空白のギャラリー
  9. データを含むギャラリー
  10. Label
  11. テキスト入力
  12. Date picker

複数の種類のコントロールが選択されている場合、コマンド バーには、選択されたコントロール間で共通のコマンドが表示されます。

Back

ビルド ハブに戻り、現在の Power Apps Studio セッションを閉じます。

元に戻すとやり直す

コマンド バーの [元に戻す] および [やり直し] のコントロールの場所を示すスクリーンショット。

  • 元に戻す: 最後の操作を元に戻します。
  • やり直し: 最後の操作を繰り返します。

切り取り、コピー、貼り付け

コマンド バーの [切り取り]、[コピー]、[貼り付け] のコントロールの場所を示すスクリーンショット。

  • 切り取り: 選択範囲を切り取り、クリップボードに保存します。
  • コピー: 選択範囲をコピーして、クリップボードに保存します。
  • 貼り付け: 最後に切り取ったものを貼り付けるか、クリップボードから選択したものをコピーします。

Insert

2 つの挿入コントロールの場所を示すスクリーンショット。1 つはコマンド バーにあり、もう 1 つのコントロール (プラス記号) はナビゲーション メニューにあります。

挿入 メニューは、コマンド バーおよびアプリ作成メニューから使用できます。

挿入 は、キャンバス アプリで選択したスクリーンに追加できるすべてのポピュラーなオブジェクトまたはコントロールを表示します。 その他の選択肢を展開したり、コンポーネント オプションを使用して、コンポーネント ライブラリからコントロールを挿入したりすることもできます。

キャンバスにコントロールを挿入するには、コントロールをキャンバスにドラッグするか、コントロールを選択します。

件名 説明設定
テキスト ラベル テキスト、数値、日付、または通貨などのデータを表示するボックスです。
編集フォーム データ ソースのレコードを表示、編集、作成します。
テキスト入力 テキストを表示するボックス。
垂直ギャラリー その他のコントロールが含まれており、一連のデータを表示するコントロール。
四角形 キャンバスの外観を構成するための長方形の図形。
Date picker ユーザーが日付を選択できるコントロール。
ボタン ユーザーがアプリとやり取りするために選択できるコントロール。

プロパティや定義など、挿入できるコントロールの詳細については、キャンバス アプリのコントロールとプロパティ を参照してください。

データを追加する

[データの追加] ドロップダウン リストからデータを追加する方法を示すスクリーンショット。

データの追加 メニューから、次のことができます:

  • 現在の環境からその他の既存のテーブルを選択します。
  • SharePoint または SQL サーバー のようなコネクタを検索して選択します。

新しい画面レイアウト

使用可能な画面レイアウトのリストから選択します。

[新規画面] メニューからレイアウトを選択する方法を示すスクリーンショット

テンプレート

画面にはテンプレートを使用できます。 テンプレート を選択し、空白スクロール可能リスト成功チュートリアルメール人々会議 カレンダー縦長で印刷、または 横長で印刷 を選択します。

[新規画面] メニューからテンプレートを選択する方法を示すスクリーンショット

背景色

画面の背景色を選択します。 標準色のリストから選択することも、カスタム タブを選択して独自の色を選択することもできます。

コマンド バーから背景色を選択する場所を示すスクリーンショット。

背景の画像

アップロードを選択し、背景画像として設定する画像をアップロードします。

コマンド バーから背景画像を選択する場所を示すスクリーンショット。

設定

全般表示近日公開の機能、または サポート タブからアプリの設定を構成します。

コマンド バーから設定を選択する場所を示すスクリーンショット。

一般
  • アプリの 名前説明 を編集します。
  • アプリ アイコン を追加または更新します。 + 画像の追加 でカスタム アイコンを追加します。
  • アイコンの背景の塗りつぶし または アイコンの塗りつぶし の色を選択します。
  • 自動保存 を切り替えて、2 分ごとに自動的に保存します。
  • オフラインで使用を構成します。
  • モダン コントロールとテーマを有効にして自動的に更新します。
  • データ行の制限 を設定します。
  • 公開するときにデバッグ情報を含めます。
  • 環境変数の自動作成を有効にします。
  • App.OnStart プロパティを有効にします

たとえば、アプリ 名前 を編集するには、設定全般 タブに移動します。

[設定] ポップアップでアプリ名を編集するスクリーンショット。

表示
  • 向き と画面 サイズ を選択します。
  • 全体表示: 利用可能なスペースに合わせてアプリを拡大縮小します。
  • アスペクト比のロック: 高さと幅の比率をロックします。
  • 表示方向のロック: デバイスが回転してもアプリの表示方向を維持します。
  • モバイル デバイス通知領域を表示: 画面上部に通知を表示します。

詳細については、画面のサイズと表示方向の変更 を参照してください。

近日公開の機能

プレビュー中の機能、実験的機能、または廃止された機能を含むアプリの詳細設定を構成できます。

詳細については、Power Apps での実験段階の機能、プレビュー段階の機能、廃止された機能を理解する を参照してください。

サポート

環境、作成バージョン、セッション ID、セッションの詳細などの現在の Power Apps Studio 情報にアクセスします。 この情報は、Microsoft サポート セッションに役立ちます。

Power Automate

Power Automate で新しいフローを作成する、または使用可能なフローを選択します。

Power Automate セクションの場所を示すスクリーンショット。

詳細については、Power Automate ペインを使用する を参照してください。

Collections

コレクションは、製品一覧内の製品など、類似したアイテムのグループです。 このセクションには、現在のアプリで使用されているコレクションが一覧表示されます。 詳細については、キャンバス アプリのコレクション を参照してください。

[変数] セクションにあるアプリ内のコレクションを示すスクリーンショット。

変数

変数を使用して、データセットの結果値などのデータを一時的にストレージに保存できます。 このセクションには、現在のアプリで使用されているコレクションが一覧表示されます。 詳細については、キャンバス アプリの変数 を参照してください。

[変数] セクションを示すスクリーンショット。

2 – アプリ アクション

アプリ固有のアクションを使用するには、共有アプリ チェッカーコメントアプリのプレビュー保存公開 などのオプションを使用します。

コマンド バーのアプリのアクションを示すスクリーンショット。

共有

アプリの 共有 アクションを選択すると、アプリを共有できる新しいタブまたはウィンドウが開きます。 他のユーザーと共有したり、アプリの共同所有者として追加したりできます。

[アプリの共有] アクションが選択され、新規ウィンドウまたはタブで開き、ユーザーや共同所有者とアプリを共有できることを示すスクリーンショット。

ヒント

アプリを共有するには、まずそのアプリを保存する必要があります。

アプリのチェック

アプリ チェッカー を選択してチェックを実行します。

詳細については、PowerApps チェッカーがソリューションにキャンバス アプリのアプリ チェッカーの結果を含むようになりました を参照してください。 アプリ チェッカーのアプリ アクションの場所とそのメニューの内容を示すスクリーンショット。

Comments

コメントは、アプリでアイテムに関連付けられたメモです。 コメントを使用して、チームがアプリをレビューしてフィードバックを提供したり、アプリでの実装の詳細について追加情報を提供したりできます。

コメントのアプリ アクションの場所と、新しいコメントを追加できるメニューを示すスクリーンショット。

プレビュー

アプリのプレビュー を選択して、プレビュー モードに切り替えます。 ここでは、アプリの現在のバージョンを表示して操作できます。

アプリのプレビュー アクションの場所を示すスクリーンショット。

保存​​

アプリは、保存バージョン メモで保存名前を付けて保存、または コピーのダウンロード など、さまざまな方法で保存できます。 保存オプションのドロップダウンは、アプリの 保存 アクションの横にあります。

保存オプションの場所を示すスクリーンショット。

保存オプションには以下が含まれます:

  • 保存: アプリに加えた最近の未保存の変更を保存します。 変更を保存するたびに、新しいバージョンが作成されます。
  • バージョン メモで保存する: 更新に関するメモを保存して追加します。
  • 名前を付けて保存: 別の名前で保存して、アプリを複製します。
  • コピーをダウンロード: アプリのローカル コピーをダウンロードします。

発行

アプリの現在のバージョンを公開するには、公開 を選択します。 詳細については、キャンバス アプリを保存して公開する を参照してください。

アプリの公開アクションの場所と、アプリの公開に詳細を追加できるポップアップを示すスクリーンショット。

3 – プロパティ リスト

キャンバスでオブジェクトを選択すると、プロパティ リストからオブジェクトのプロパティの 1 つを選択できます。 すべての使用可能なプロパティの完全なリストについては、すべてのプロパティ を参照してください。

アプリのキャンバスで選択したオブジェクトのプロパティ リストを示すスクリーンショット。

4 – 数式バー

数式バーでは、選択したオブジェクトからプロパティの関数を追加、編集、または削除できます。 たとえば、アプリ画面を選択し、RGBA 関数 を使用して背景色を更新します。

数式バーを示すスクリーンショット。

数式バーは、IntelliSense 対応です。 1 つ以上の関数に一致するテキストの入力を開始すると、数式バーに関数のリストが表示されます。

入力時に IntelliSense が動作している数式バーを示すスクリーンショット。

関数を選択すると、数式バーにインライン関数のヘルプが表示され、カーソル位置に関連するヘルプ テキストが強調表示されます。

数式バーに関数のインライン ヘルプを示すスクリーンショット。

数式がエラーを返す場合は、アプリ チェッカー でエラーの詳細を表示できます。

アプリ チェッカーを使用して表示された数式エラーを示すスクリーンショット。

同様に、複雑な関数、ネストされた関数を使用するとき、または数式の構文を修正するときにも役立ちます。

キャンバス アプリのすべての関数の完全リストについては、数式のリファレンス - Power Apps を参照してください。

5 –アプリ作成メニュー

アプリの操作中に、さまざまな作成オプションを切り替えます。

アプリ作成メニューを示すスクリーンショット。

ヒント

ツリー ビュー アイコンを選択して、リストを折りたたむか展開し、アイコンのみまたはアイコン付きのフルネームを含めることができます。 メニューを折りたたむためにツリー ビュー アイコンを選択する場所を示すスクリーンショット。

  • ツリー表示: 現在のアプリのすべての画面とコントロールのツリー ビューを表示します。
  • 挿入: 画面にさまざまなコントロールを追加できます。
  • データ: アプリが接続するテーブルなどのデータを追加または削除します。
  • メディア: アプリにメディアを挿入または削除します。
  • Power Automate: Power Automate ウィンドウ を使用してフローを作成します。
  • 変数 (プレビュー): アプリの編集中に変数コレクションを操作します。
  • 高度なツール: モニターおよびテスト ツールにアクセスし、アプリをデバッグおよびテストできます。
  • 検索: アプリ内のメディア、数式、テキストなどを検索する場合に選択します。 検索して置換することもできます。

6 – アプリの作成オプション

キャンバス アプリを使用するためのオプションは、作成メニューの選択内容に応じて異なります。

ツリー ビュー

ツリー ビューを選択して、アプリで使用可能なスクリーンを表示します。

作成メニューからツリー ビューを選択したときのツリー ビュー ペインを示すスクリーンショット。

ヒント

アプリ固有のコントロールを使用するには、ツリー ビューで アプリ を選択します。 アプリの OnStart イベントの数式を追加するなど、アプリの動作を変更できます。

ツリー ビューコンポーネント タブに切り替えて、コンポーネント ライブラリ機能を使用します。 新しいコンポーネントを追加したり、公開されたコンポーネント ライブラリから再利用することができます。 詳細については、コンポーネント ライブラリ を参照してください。

ツリー ビュー ペインの [コンポーネント] タブを示すスクリーンショット。

コンポーネントの追加の詳細については、挿入 セクションを参照してください。

日付

キャンバス アプリからデータ ソースを追加、更新、または削除します。 データ ソースを使用して、1 つ以上の 接続 を追加できます。

テーブル内に格納されているデータに加えて、一般的なサービスとしてのソフトウェア (SaaS)、サービス、システムのデータと対話するために使用できる数多くのコネクタがあります。

作成メニューの [データ] セクションの場所を示すスクリーンショット。ここでデータを追加できます。

SharePoint、OneDrive、または SQL サーバーのようなその他のコネクタを選択するは、データ ソースの検索ボックスにテキストを入力するか、コネクタのリストから選択できます。

[データの追加] ドロップダウンを選択して、データ ソース を選択する方法を示すスクリーンショット。

詳細については、すべての Power Apps コネクタの一覧 を参照してください。

メディア

メディア を選択して、自分のアプリでイメージ、ビデオ、またはオーディオ ファイルを追加します。 メディアをアプリに直接追加すると、ファイルがアプリにアップロードされ、アプリのストレージが使用されます。

作成メニューから [メディア] オプションを選択する方法を示すスクリーンショット。

ヒント

  • メディアとしてアプリにアップロードする各ファイルは、64 MB 以下である必要があります。
  • アプリにアップロードされるすべてのメディア ファイルのサイズは 200 MB を超えることはできません。

より多くのメディアを参照する場合は、URL 付きのオーディオおよびビデオコントロールAzure Media Services からのメディア、または Microsoft Stream からのメディアの使用を検討してください。

詳細については、Power Apps でマルチメディア ファイルを使用する を参照してください。

7 – キャンバス/スクリーン

キャンバスには、作成メニューから現在選択されている画面が表示されます。

キャンバス アプリを編集するときにインライン アクションを使用します。 詳細については、Power Apps Stuido でインライン アクションを使用するを参照してください。

8 – プロパティ ペイン

プロパティ ペインには、キャンバス上で現在選択されているオブジェクトで使用できるプロパティとオプションが表示されます。

  • プロパティ タブには、名前、色、サイズ、位置などの一般的なオプションが表示されます。
  • 詳細 タブには、詳細カスタマイズのオプションが表示されます。 データ カードを操作する場合など、高度なプロパティが編集のためにロックされる場合があります。 そのようなシナリオでは、ロックを解除してプロパティを変更 を選択できます。

キャンバスでオブジェクトを選択すると表示されるプロパティ ペインを示すスクリーンショット。詳細プロパティは、同じペインのタブです。

9 - 仮想オペレーター

Power Platform 仮想オペレーターを使用して、ドキュメントからリアルタイムの製品内ヘルプを利用できます。 仮想オペレーターは、一般的なシナリオに関する質問に答えるのに役立ちます。

詳細については、仮想オペレーターからアプリを構築するためのヘルプを取得する を参照してください。

10 – スクリーン セレクター

キャンバス アプリに複数のスクリーンがある場合は、スクリーン セレクターを使用してスクリーンを切り替えます。 ツリー ビューを選択して、作成メニューから画面を選択することもできます。 現在の選択範囲がコンテナ内、またはギャラリー内の個々のセル内にある場合、セレクターには各レベルの親要素のブレッドクラムが表示されます。

スクリーン セレクターの場所を示すスクリーンショット。

11 – キャンバス スクリーン サイズの変更

キャンバス アプリの作成中にズームインまたはズームアウトできます。 Ctrl+0 自動調整 を選択して、現在の作成ウィンドウ サイズに基づいてスクリーンサイズをフィットさせます。

注意

キャンバス アプリの作成で使用するズーム率または画面サイズは、アプリに構成されている縦横比に影響しません。 アプリをプレビューしたり、公開されたアプリを再生すると、画面サイズは一時的になります。