
Power Appsで簡単に「在庫管理アプリ」を作成し、無駄な在庫や欠品を減らす!~第2回 画面作成編~
5月 17, 2024

記事の監修
H.Sueno
記事の監修
H.Sueno
開発部/1グループ Bizwindのエース
資格:MCP認定資格(PL-900,100,300)、フォークリフト免許、サウナスパ健康アドバイザー など
2023年8月入社。エンジニア経験は浅いながらも当社では、自称エースとして活躍中。
アプリ開発だけでなく、ハンズオンやハッカソンの経験も持つ。
コミュニケーション能力も高く、仕事、プライベートとともに周りの人から慕われている。
趣味はダンスやサウナ、筋トレでエネルギッシュな一面に加え、マンガやアニメ、音楽など幅広い分野が好きである。
Contents
目次
5. PowerApps メイン画面を作成
5-1.「ツリービュー」を選択
「ツリービュー」アイコンを選択します。

5-2.「テキストラベル」の追加
「+挿入」から「テキストラベル」コントロールを追加します。

5-3.「Text」プロパティを入力
「テキストラベル」コントロールの「Text」プロパティに「”在庫管理”」と入力します。
フォントサイズ、色などは自由に配置してください。今回は画面上部にヘッダーとして配置します。
フォントサイズ、色などは自由に配置してください。今回は画面上部にヘッダーとして配置します。

5-4.プロパティを編集
今回の「テキストラベル」コントロールの設定は左画像から右画像のように変更しています。

5-5.「データテーブル」の追加
「+挿入」から「データ」と検索し「データテーブル」コントロールを追加します。

5-6.「Items」プロパティを入力
「データテーブル」コントロールの「Items」プロパティに「StockControl」と入力します。
今回は画面真ん中辺りに配置します。
今回は画面真ん中辺りに配置します。

5-7.列の削除
今回のアプリには不要となる「タイトル」列と「添付ファイル」列を削除します。
ツリービューにて「DataTable1」内の「添付ファイル列(_C)1」の三点リーダーを選択し、削除を選択します。「タイトル列(_C)1 」も同様の操作を行います。
ツリービューにて「DataTable1」内の「添付ファイル列(_C)1」の三点リーダーを選択し、削除を選択します。「タイトル列(_C)1 」も同様の操作を行います。

5-8.「DataTable1」を選択
不要な列の削除が終わった後、再びツリービューにて「DataTable1」を選択します。

5-9.「罫線」の表示
「データテーブル」コントロールの罫線を「0」から「1」に変更します。

5-10.「編集フォーム」の追加
「+挿入」から「編集フォーム」コントロールを追加します。

5-11. データソースを選択
挿入した「編集フォーム」コントロールのデータソースの選択にて「StockControl」を選択します。

5-12.「編集フォーム」コントロールを画面下部に配置
「編集フォーム」コントロールを画面下部に配置します。

5-13.「DataCard」の削除
今回のアプリには不要となる編集フォーム内の「タイトル」と「添付ファイル」の「DataCard」を削除します。また、「Date」に関しても関数で登録するため、編集フォームからは削除します。
ツリービューにてそれぞれの「DataCard」の三点リーダーを選択し、削除を選択します。
ツリービューにてそれぞれの「DataCard」の三点リーダーを選択し、削除を選択します。

5-14.「既定モード」を「新規」に変更
「編集フォーム」コントロールの「既定モード」を「新規」に変更します。
プレビューにした際、編集フォームが表示されるようになります。
プレビューにした際、編集フォームが表示されるようになります。

5-15.「ボタン」コントロールの追加
「+挿入」から「ボタン」コントロールを追加します。

5-16. 「Text」プロパティを入力
「ボタン」コントロールの「Text」プロパティに「”送信”」と入力します。
フォントサイズ、色などは自由に配置してください。今回は画面下部に配置します。
フォントサイズ、色などは自由に配置してください。今回は画面下部に配置します。

5-17.「コンボボックス」コントロールの追加
「+挿入」から「コンボ」と検索し「コンボボックス」コントロールを追加します。

5-18.データソースの選択
「コンボボックス」コントロールのデータソースの選択に関しては後ほど設定するため、「×」を選択します。

5-19.「コンボボックス」コントロールの配置
「コンボボックス」コントロールをデータテーブルの左上に配置します。

5-20.複数選択の「オフ」
「コンボボックス」コントロールの「複数選択の許可」を「オフ」に変更します。

5-21.「並べ替え」アイコンの追加
「+挿入」から「並べ替え」と検索し「並べ替え」アイコンを追加します。

5-22. 「並べ替え」アイコンの配置
「並べ替え」アイコンをデータテーブルの右上に配置します。

5-23. 「テキストラベル」コントロールの追加
「+挿入」から「テキストラベル」コントロールを追加します。

5-24. 「Text」プロパティを入力
「テキストラベル」コントロールの「Text」プロパティに「”※Itemが未選択&ItemIn、ItemOutどちらかに値がない場合選択できません”」と入力し、送信ボタンの下に配置します。

5-25.文字の色を「赤」に変更

Microsoftを導入して
コスト効率をよくしたい

Microsoftに関して
気軽に聞ける相談相手が欲しい

Microsoftを導入したが、うまく活用できていない・浸透していない

社内研修を行いたいが
社内に適任者がいない
Bizwindでは、Microsoft導入支援事業などを中心に
IT・DX推進に関する様々なご相談を承っております。
ご相談・お見積りは無料です。まずはお気軽にお問い合わせください。