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

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 」も同様の操作を行います。

5-8.「DataTable1」を選択

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

5-9.「罫線」の表示

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

5-10.「編集フォーム」の追加

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

5-11. データソースを選択

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

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

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

5-13.「DataCard」の削除

今回のアプリには不要となる編集フォーム内の「タイトル」と「添付ファイル」の「DataCard」を削除します。また、「Date」に関しても関数で登録するため、編集フォームからは削除します。
ツリービューにてそれぞれの「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.文字の色を「赤」に変更

「テキストラベル」コントロールの「文字色」を「赤」に変更します。
ここまでが「第2回 画面作成編」になります。
次回は「第3回 機能追加編」です。お楽しみに!

無料ご相談受付中 まずはお気軽にご相談ください

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

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

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

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

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

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

社内研修を行いたいが社内に適任者がいない

社内研修を行いたいが
社内に適任者がいない

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

無料ご相談はこちら

ビズウインドでは、 様々な課題でお困りの お客様に対して、 無料相談を実施しております。

無料相談に申し込む

担当者に今すぐ質問する

簡単な情報入力でBizwind担当者が
お電話にて回答いたします!

すぐに電話で質問
日時指定で折り返し

以下の内容をご記入・送信ください。
確認次第お電話を差し上げます。

    以下の内容をご記入・送信ください。
    確認次第お電話を差し上げます。