演習 - 従来の開発者として最初の Power Apps アプリを作成する - Training

10 分

このユニットでは、現場のユーザーが必要に応じて在庫の確認や部品の注文に使用できるモバイルアプリを作成します。 Microsoft SQL Server や Salesforce などの既存のシステムにすぐに接続しなくても、Excel を "開発データ" の代わりとなるデータソースとして使用して、アプリを構築できます。

Microsoft の多くの製品やサービス、およびサードパーティサービスにも、Power Apps がすぐに接続できる何百ものデータコネクタがあります。必要なサービスにコネクタがない場合、開発者がカスタムコネクタを作成してその接続を行います。

メモ

Power Apps では、Microsoft 365 のライセンスまたは無料試用版のいずれかが必要です。ご自身のライセンスオプションの詳細について確認してください。 Microsoft 製品には、Microsoft Power Apps および Power Automate が含まれます。

データソースへの接続

データソースに接続するには、次の手順を使用します。

フローリング在庫ブックをダウンロードし、OneDrive for Business に保存します。
https://make.powerapps.com に移動して、自分の組織アカウントでサインインします。
左側のウィンドウで、+ 作成を選択します。
その他のデータソースが表示されるまで下にスクロールします。画面の右の部分です。それを選択します。
左のペインで新規を選択します。(強調表示されている場合でも) もう一度選択します。別の画面が表示されます。
+ 新しいアプリを選択し、ドロップダウンメニューからキャンバスを選択します。
OneDrive for Business のデータソースで、携帯電話レイアウトを選択します。

生成されたアプリは常に、1 つのリストまたはテーブルを基にしていますが、後でアプリにデータをさらに追加できます。次の 3 つの手順は、Excel ブックへの接続方法について説明しています。
OneDrive for Business で、作成を選択します。
接続で OneDrive for Business を選択し、ファイルの場所を参照します。場合によっては、OneDrive for Business への接続を表示するために新しい接続を選択する必要があります。
Excel ファイルの選択で、FlooringInventory.xlsx ファイルを選択します。
テーブルの選択で FlooringEstimates テーブルを選択します。
右下の接続を選択します。

Power Apps ではデータを検査し、データが Power Apps の機能に対応するようにアプリを生成するので、実際に機能するアプリを起点にすることができます。

生成されたアプリのプレビュー

新しい 3 画面アプリが Power Apps Studio で開きます。

アプリを実際に使ってみるには、右上隅の再生を選択します。テーブルのすべてのデータが含まれていることと、既定で問題なく動作していることに注意してください。

データから生成されたすべてのアプリには、[画面] ウィンドウで表示できるものと同じ画面のセットが含まれています。

閲覧画面 - 既定では、この画面が表示されます。ここでは、データソースのデータの参照、並べ替え、フィルター、更新ができます。閲覧画面では、プラスアイコン (+) を選択して、データソースに項目を追加できます。
詳細画面 - 詳細画面には、1 つの項目に関するすべての情報が表示されます。この画面では、項目を開いて編集または削除することができます。
編集/作成画面 - この画面では、既存の項目を編集したり、新しい項目を作成したりできます。

生成されたアプリの検討

右上隅の (X) アイコンを選択すると、アプリが編集モードに戻ります。アプリは、編集モードのときでも、従来のアプリケーションのウォッチモードと同様にアクティブに実行されています。 control プロパティや Power Fx の式に変更を加えると、アプリは (編集モードのときでも) それらの変更に自動的に応答します。

メモ

編集モードのときにプレビューモードに一時的に切り替えるには、キーボードの Alt キーを押したままにします。このキーを押しながらアプリを選択すると、プレビューモードと同様に動作します。このキーを離すと自動的に編集モードに戻り、アプリを選択するとコントロールを通常どおり選択できます。

在庫要求画面の追加

生成されたアプリには、データ編集画面を再利用してデータ行を追加する画面がありますが、このアプリでは代わりにアプリの (+) アイコンを使用して、ユーザーが本社近くの倉庫に在庫追加を要求する方法を用意します。

左側のツリービューパネルのコントロールツリーで EditScreen1 コントロールを選択します。
EditScreen1 が強調表示された場所の右側にある ... を選択し、画面の複製を選択します。
ツリービューで EditScreen1_1 を右クリックし、名前の変更を選択します。画面の新しい名前として InventoryRequest と入力し、Enter を選択して保存します。
ツリービューで BrowseScreen1 を選択して最初の画面に戻り、(+) アイコンをクリックして選択します。
フォーミュラバーの横にあるドロップダウンリストから OnSelect プロパティを選択し、これでフォーミュラバーのコンテンツを置き換えます。
```
    Navigate(InventoryRequest, Transition.None)
```
ALT キーを押しながら (+) アイコンを選択して、作成したばかりのナビゲート機能をテストします。アプリは作成したばかりの InventoryRequest 画面を読み込む必要があります。
次に、ツリービューで EditForm1_1 を選択し、Delete キーを押してコントロールを削除します。

新しい画面へのコントロールの追加

画面の左側にある + アイコンを選択すると、挿入パネルが表示されます。
テキストラベル を選択し、テキスト入力 を選択して、いずれかの種類のコントロールを画面に追加します。
画面で 2 つのコントロールをドラッグしてヘッダーの下に移動し、画面の中央に揃えます。コントロールを周囲にドラッグすると、Power Apps で各コントロールが簡単に揃うことを確認します。
アプリ画面のラベルをクリックして選択し、右側のプロパティ パネルで、Text プロパティ値をリクエストの理由に変更します。
アプリ画面のテキストボックスをクリックして選択し、右側のプロパティパネルで、Default プロパティを顧客のニーズに対応できる在庫が必要に変更します。
挿入パネルのテキストラベルを選択して、画面に別のラベルを追加します。
挿入パネルの検索ボックスを使用して、ドロップを検索します。 ドロップダウンを選択し、アプリにドロップダウンリストボックスを追加します。
両方のコントロールを選択およびドラッグして他のコントロールと揃え、新しいラベルのテキストを在庫品目に変更します。
ドロップダウンコントロールをクリックして選択し、右側のプロパティパネルで Items プロパティのドロップダウンを選択して FlooringEstimates を選択します。次に、Value プロパティのドロップダウンを選択して名前を選択します。
Items プロパティラベルを選択し、カーソルのフォーカスが数式バーにあって、Items プロパティが選択されていることを確認します。
品目を名前で並べ替え、次の数式を入力します。
```
    Sort(FlooringEstimates, Name, SortOrder.Ascending)
```

エラーの修正とデータ接続の追加

✖ アイコンを選択します。アイコンの OnSelect プロパティが数式バーに表示されます。数式を Back() に変更します。
画面の左側にあるデータアイコンを選択すると、データ パネルが表示されます。アプリの起動に使用した FlooringInventory 接続がここに一覧表示されます。
➕ データの追加を選択して接続検索パネルを開き、Office 365 Outlook を検索します。
接続が既に定義されている場合は、それを選択して追加します。接続が一覧表示されない場合は、つながりの追加を選択します。新しい接続のパネルが右側に開いたら、接続を選択して接続を追加します。
アプリのヘッダーにある ✔ アイコンを選択します。数式バーでアイコンの OnSelect プロパティが選択されます。
アイコンの OnSelect 数式を以下の数式に変更します。この数式により、追加在庫の注文を求めるメールが自分自信に送信されます。

Office365Outlook.SendEmailV2(
    User().Email,
    "New Request: " & TextInput1.Text,
    User().FullName & " has requested more inventory for " &
        Dropdown1.Selected.Name & " be ordered. There is currently " &
        Dropdown1.Selected.InventoryInSquareFeet & " square feet left in stock."
);
Back()

メモ

1 つのイベントに複数のステートメントを追加するには、セミコロン (;) を使用して区切ります。

要求がアプリに保存される際に送信されるメールの例

アプリの保存と公開

スマートフォンでアプリを表示するには、アプリを保存して公開する必要があります。右上の項目で、[保存] アイコンの隣にあるドロップダウンの矢印を選択し、名前を付けて保存を選択します。現在のタイトル「App」をフローリング在庫に置き換えてから、保存を選択します。ここで、リボンから発行アイコンを選択し、数分後に電話でアプリにアクセスして使用できます。

新しいアプリを初めて保存すると、アプリが自動的に公開され、保存したバージョンは「ライブ」となります。次回以降保存すると、追加の保存は自動的にライブにならず、新しいバージョンとして保存されます。後で、保存をクリックした後に保存画面に表示される公開ボタンを選択する必要があります。

デバイスへのアプリのインストール

モバイルデバイスでのアプリの実行を確認するため、ご使用のスマートフォンに Power Apps Mobile アプリをインストールします。アプリを構築するときは、ユーザーと同じフォームファクターでテストする必要があります。

使用するプラットフォームのアプリストアから Power Apps Mobile をダウンロードします。
- Google Play の場合
- Apple App Store の場合
自分のユーザー名とパスワードを使用してサインインします。
スマートフォンまたはタブレット PC で、Power Apps Mobile でフローリング在庫アプリを実行します。アプリをインストールしない場合は、ブラウザーで実行できます。
フローリング在庫アプリが表示されない場合は、Power Apps Mobile アプリの画面の左上のハンバーガーメニューを選択して、非運用アプリを表示をオンにします。

続行

演習 - 従来の開発者として最初の Power Apps アプリを作成する

データ ソースへの接続