「ものづくり:make」を楽しみながら学ぶ人へ向けた独習サポートサイト。

and more...

Lab.以外の情報を紹介しています。

用意されたExcelファイルを選ぶだけ

【Power Apps】Excelからアプリを自動作成する

2022-09-232022-09-23

Power Appsには、用意されたExcelファイルを選ぶだけで、自動的に3画面アプリを作成する機能があります。本記事では、Excelファイルの作り方からアプリを自動作成するまでの手順を紹介します。

Excelから3画面アプリを作る

Power Appsではじめてアプリを作成される方は「【Power Apps】はじめてのアプリ作り」をご覧ください。また、Power Apps for Office 365を含むMicrosoft 365 Business Basicが1ヶ月間無料で体験できる試用版の登録手順を「Microsoft 365 Business Basic 試用版」で紹介しています。

データーソースとコネクター

Power Appsには、用意されたExcelファイルを選ぶだけで、自動的に3画面アプリを作成する機能があります。自動作成される画面は、データーの入力画面・入力データーの一覧画面・入力内容を表示する詳細画面の3つです。アプリで入力したデーターは、Excelファイルに保存されます。このようにデーターが保存される対象(本記事ではExcelファイル)のことを、Power Appsでは「データーソース」と呼び「コネクター」という仕組みで接続します。「コネクター」を使えば、Excelファイルだけでなく、さまざまな対象を接続して、データーのやりとりを行えます。

本記事では、まず、データーの保存場所となるExcelファイルで住所録を作成します。そのあと、Power Appsの機能で3画面アプリを自動作成します。

Excelで住所録を作る

Office 365」にサインインします。サインイン時に「アカウントの保護にご協力ください」というメッセージが表示される場合は「Microsoft 365 Business 多要素認証」を参考にしてください。

Excelを起動して、新しい空白のブックを作成します。

図1-1.新しい空白のブックを作成する
図1-1.新しい空白のブックを作成する

まず最初に名前をつけます。ファイル名(以下の画像では「ブック - 保存済み」となっている部分)をクリックして、ファイル名に「住所録」と入力します。

図1-2.ファイル名をつける
図1-2.ファイル名をつける

セルA1・B1・C1に、それぞれ「名前」「郵便番号」「住所」と入力します。

図1-3.住所録の項目名を入力する
図1-3.住所録の項目名を入力する

セルA1・B1・C1を選択します。

図1-4.セルA1~C1を選択する
図1-4.セルA1~C1を選択する

「挿入」>「テーブル」の順にクリックします。

図1-5.「挿入」>「テーブル」をクリックする
図1-5.「挿入」>「テーブル」をクリックする

テーブルのデータの範囲が「A1:C1」であることを確認します。「先頭行をテーブルの見出しとして使用する」にチェックをつけて「OK」をクリックします。

図1-6.テーブルの範囲を確認する
図1-6.テーブルの範囲を確認する

選択した範囲がテーブルとして設定されました。各項目にフィルターボタン(下向きの三角)が表示されていればOKです。

図1-7.テーブルの設定完了
図1-7.テーブルの設定完了

設定したテーブルに名前をつけます。「テーブルデザイン」をクリックして、左端の入力ボックスに「住所録」と入力します。

図1-8.テーブルに名前をつける
図1-8.テーブルに名前をつける

以上で、住所録が完成しました。保存済みであることを確認して、Excelを閉じます。

OneDriveでExcelファイルを確認する

「アプリ起動ツール」>「OneDrive」の順にクリックします。

図1-9.「アプリ起動ツール」>「OneDrive」をクリックする
図1-9.「アプリ起動ツール」>「OneDrive」をクリックする

OneDriveが起動するので、作成したExcelファイル「住所録.xlsx」が保存されていることを確認します。

図1-10.Excelファイル「住所録.xlsx」を確認する
図1-10.Excelファイル「住所録.xlsx」を確認する

OneDriveを閉じます。

Power Appsで3画面アプリを作る

Office 365のホーム画面から「アプリ起動ツール」>「Power Apps」の順にクリックして、Power Appsを起動します。アプリ起動ツールに「Power Apps」が表示されていない場合は「すべてのアプリ」をクリックして、一覧から選択します。

図1-11.Power Appsを起動する
図1-11.Power Appsを起動する

Power Appsのホーム画面が表示されるので「Excel」をクリックします。

図1-12.「Excel」をクリックする
図1-12.「Excel」をクリックする

「+新しい接続」をクリックします。

図1-13.「+新しい接続」をクリックする
図1-13.「+新しい接続」をクリックする

「OneDrive for Business」>「作成」の順にクリックします。

図1-14.「OneDrive for Business」>「作成」をクリックする
図1-14.「OneDrive for Business」>「作成」をクリックする

先ほど作成したExcelファイル「住所録.xlsx」が表示されるのでクリックします。

図1-15.Excelファイル「住所録.xlsx」をクリックする
図1-15.Excelファイル「住所録.xlsx」をクリックする

選択したExcelファイル中のテーブル「住所録」が表示されます。「住所録」>「接続」の順にクリックします。

図1-16.「住所録」>「接続」をクリックする
図1-16.「住所録」>「接続」をクリックする

選択したExcelファイルを元にして、3画面アプリが自動作成されるのでしばらく待ちます。以下のメッセージが表示されたら「スキップ」をクリックします。

図1-17.「スキップ」をクリックする
図1-17.「スキップ」をクリックする

ツリービューを確認してみましょう。「BrowseScreen1」「DetailScreen1」「EditScreen1」の3画面が自動作成されています。現在、中央に表示されている画面は「BrowseScreen1」です。この画面は登録されたデーター(住所)の一覧が表示されるもので、一番上にタイトル「住所録」や「再読み込み」「並べ替え」「追加」アイコン、その下には検索用の入力ボックスが並んでいます。

図1-18.作成された3画面を確認する
図1-18.作成された3画面を確認する

では、アプリを実行してみましょう。「アプリのプレビュー」をクリックします。

図1-19.アプリを実行する
図1-19.アプリを実行する

まだ、データー(住所)が登録されていないので一覧画面は空欄です。右上の「追加」アイコンをクリックします。

図1-20.「追加」アイコンをクリックする
図1-20.「追加」アイコンをクリックする

住所の登録画面が表示されるので「住所」「名前」「郵便番号」を入力して、右上の「チェック」アイコンをクリックします。

図1-21.「住所」「名前」「郵便番号」を入力する
図1-21.「住所」「名前」「郵便番号」を入力する

一覧画面に戻りました。登録した住所が表示されています。「右」アイコンをクリックすると登録内容が確認できます。

図1-22.「右」アイコンをクリックする
図1-22.「右」アイコンをクリックする

登録内容を表示するための詳細画面です。「左」アイコンをクリックすると一覧画面に戻ります。

図1-23.「左」アイコンをクリックする
図1-23.「左」アイコンをクリックする

さらに、データー(住所)を追加しました。

図1-24.データー(住所)を追加する
図1-24.データー(住所)を追加する

アプリからデーター(住所)を3件登録しました。では、Excelファイルはどのようになっているのでしょうか?Excelファイルを開いて確認してみましょう。

登録した住所が、そのまま新しい行として追加されています。また、右端に「__PowerAppsId__」という列が追加されています。この列は、Power Appsが接続時に自動的に追加したもので、管理用に使用されます。削除しないように気をつけましょう。

図1-25.データー(住所)が追加されたExcelファイル
図1-25.データー(住所)が追加されたExcelファイル

アプリを編集する

自動的に作成された3画面アプリは、自由に編集(変更)できます。以下の画面は、一覧画面のレイアウトを変更したものです。名前を一番上に大きく表示して、郵便番号の先頭に「〒」マークを追加しました。

図1-26.アプリを編集する
図1-26.アプリを編集する

変更した内容は「アプリのプレビュー」ですぐに確認することができます。

図1-27.編集したアプリを実行する
図1-27.編集したアプリを実行する

エラーメッセージ「要求されたリソースはロックされています。」

Excelファイルを開いたまま、アプリを実行して、住所を登録しようとすると「要求されたリソースはロックされています。」というエラーメッセージが表示されます。

図1-28.エラーメッセージ「要求されたリソースはロックされています。」
図1-28.エラーメッセージ「要求されたリソースはロックされています。」

おすすめ

この記事を読んだ人は、こんな記事にも興味があります。
スポンサーリンク
TOPへ移動
目次へ移動