Power Apps の使い方を解説! コードを書かないアプリ作成の極意とは

4-3. アプリを作成

SharePoint Online のリストや OneDrive 上の Excel ファイル、SQL Server のデータからキャンバス アプリを作成すれば、画面やデータ登録などの基本構造が自動的に作られるため、軽微な修正でアプリを作ることが可能です。

SharePoint Online のリストから作成する場合、スマートフォンの画面の大きさに合わせた一覧画面 (BrowseScreen)、詳細画面 (DetailScreen)、編集画面 (EditScreen) の 3 画面が自動作成されます。作成された画面から項目の送信を行うと、アプリの元となった SharePoint のリストにデータが登録されます。

Power Apps で自動作成されたアプリは、作成された画面をベースに必要な部品を追加することで、アプリをカスタマイズできます。
アプリの編集画面左側には画面に追加する部品群が表示されています。アプリをカスタマイズする場合は、これらの部品を組み合わせて、アプリの画面を編集します。

以下の例では、予め用意した SharePoint の営業日数のリストから Power Apps のキャンバスアプリを作成します。

事前に SharePoint で営業日報のリストを準備してください。
リストの項目は以下のとおりです。

準備ができたら、アプリを作成してみましょう。

1. Power Apps の Web サイトにサインインし、「この中から始める」の SharePoint をクリック

2. 直接接続 (クラウド サービス) を選択し、「作成」ボタンをクリック

3. リストにある SharePoint サイトの URL を入力し、「移動」ボタンをクリック

4. 一覧の選択からリストを選択 (例では営業日数) し、「接続」ボタンをクリック

読み込み中と表示されます。

5. Power Apps へようこそのメッセージが表示されたら、「スキップ」ボタンをクリック

6. Power Apps のキャンバス アプリが作成され、アプリの編集画面が表示

SharePoint のリストを元にキャンバス アプリが作成されました。

アプリに表示された内容を編集したい場合はアプリの編集画面で行います。
次に編集画面の主な使い方について紹介します。

【部品の追加】

画面の部品の追加は、画面上部の挿入タブや画面左側の挿入ウィンドウから行います。
以下の例では、テキスト ラベルの場所を示しています。
ラベルはテキスト情報を組み込むといったことが可能です。ラベルまたはテキスト ラベルをアプリ画面にドラッグ アンド ドロップまたはダブル クリックしてラベルを追加します。

【アプリの画面移動】

データから作成したキャンバス アプリは一覧画面 (BrowseScreen1)、詳細画面 (DetailScreen1)、編集画面 (EditScreen1) の 3 画面が作成され、画面遷移なども設定されています。
編集する画面を切り替える際には、画面左側のメニューからツリー ビューを選択し、画面の名前をクリックします。

【コピー アンド ペースト】

複数画面でヘッダー部分を統一する場合などに、アプリの部品をコピー アンド ペーストすることもできます。

アプリ画面で部品をクリックした後、右クリックや [Ctrl] + [C] キーと [Ctrl] + [V] キーでコピーと貼り付けが可能なほか、
ツリー ビューからコピーする部品の横の「…」をクリックしてもコピー アンド ペーストができます。

部品が重なっていて画面上で選択しにくい場合などはツリー ビューから選択すると便利です。

【数式の編集】

アプリに表示されるデータや部品のプロパティは、数式で Excel の関数のような記述から設定されたり取得されたりしています。
画面内からオブジェクトを選択すると、画面上部に選択したオブジェクトの設定項目と数式が表示されるので、左側で設定する項目を選択し、右側で数式を編集します。

または、画面右側の詳細設定タブに表示されるオブジェクトの詳細から数式を修正することも可能です。

それぞれの式の中の文字をクリックすると、どういった内容を記述する Power Apps の関数なのか、ヒントが表示されます。

【プレビューで動作確認】

アプリの編集画面では、動作確認のためのアプリのプレビューが利用できます。プレビューを利用することで保存や公開前に動作確認できます。プレビューには 2 つの方法があり、全画面で実行する方法と編集画面で実行する方法があります。

全画面でプレビューを実行するにはアプリの編集画面上部のアプリのプレビュー ボタンをクリックするか [F5] キーを押下します。

アプリの編集画面でプレビューを実行するには、[Alt] キーを押下しながら、マウスで操作します。

【エラーの確認】

アプリの編集画面で数式の入力ミスなどがあった場合、アプリのチェックに出たエラーから確認可能です。
対処が必要なエラーが発生すると、画面右上のアプリのチェック ボタンに赤い点が付きます。ボタンをクリックすると、アプリのチェック タブが表示され、項目の横の数値が表示されている欄をたどっていくと、エラーの箇所が現れます。クリックするとエラーが起こっている数式が数式バーに表示されます。

【アプリの保存と共有設定】

次に、アプリを実行するための保存と、アプリの利用者とアプリを編集する共同所有者を設定するための共有の設定を説明します。
アプリは保存画面で保存し、さらに保存画面から公開するまでは、共有ユーザーには公開されません。

1. アプリの編集画面上部の「ファイル」をクリック

2. クラウドを選択し、アプリの名前を入力 (例では「営業報告」)、「保存」ボタンをクリック

3. 「共有」ボタンをクリック

4. アプリを利用するユーザーを追加および選択し (例では第一営業)、「共有」ボタンをクリック

※共同所有者にチェックを入れない場合はアプリの使用のみが可能で、共同所有者にチェックを入れるとアプリの使用、編集、共有ができます。

編集が完了したらアプリを公開して共有したメンバーが利用できるようにします。ファイルから保存を行うと、「公開」ボタンが表示されるのでクリックし公開します。

【アプリの配布】

公開したアプリは Power Apps サイトやスマートフォンの Power Apps アプリ、アプリの URL などから利用できます。

Power Apps サイト、Power Apps アプリではアプリの一覧に自分が利用可能なアプリが表示されます。

アプリの URL は、アプリの一覧から「…」を選択し、詳細をクリックすると表示されます。

Web リンクの欄に表示されているのがアプリの URL です。

4-4. アプリを起動

SharePoint リストと連動したアプリが公開されたら、アプリを実行してみましょう。

1. ブラウザーでアプリの URL に接続し、サインイン

2. アプリの実行画面を表示

アプリが実行され、実行画面の操作が可能になります。

画面上部のボタンや一覧画面の矢印ボタンから画面の遷移を行います。画面の遷移は下図の流れとなります。