PowerApps&Power Automateに入門してみた

# はじめに
PowerAppsとPower Automateに入門する機会があったのでその時にやったことを以下に書いていきます。

# Power AppsとPower Automateとは
Power AppsとPower Automateは、Microsoftが提供するビジネスプロセスの自動化およびアプリケーション開発のためのプラットフォームです。これらのツールを使うことで、特にユーザや開発者がコードをほとんど書かずに業務プロセスを効率化し、生産性を向上させることができます。

## Power Apps
Power Appsは、カスタムアプリケーションを迅速に作成するためのツールです。
- ローコード開発: プログラミングの知識がほとんどなくても、ドラッグ＆ドロップでアプリケーションを作成できます
- データ接続: Excel、SharePoint、Dynamics 365、SQL Serverなど、さまざまなデータソースと連携可能です
- クロスプラットフォーム: 作成したアプリはWebブラウザやモバイルデバイス（iOS、Android）で使用できます
- カスタマイズ: プリセットのテンプレートやコントロールを利用して、業務ニーズに合わせたカスタムアプリを構築できます
## Power Automate
Power Automate（旧Microsoft Flow）は、ワークフローの自動化を行うためのツールです。
- ワークフロー自動化: 反復的な業務プロセスを自動化し、手動作業を削減します
- 豊富なコネクタ: さまざまなクラウドサービスやオンプレミスのシステムと接続でき、情報の自動連携が可能です。例えば、Office 365、Dynamics 365、OneDrive、Dropbox、Twitter、SQL Serverなど。
- トリガーとアクション: 条件が満たされた場合に自動的に特定のアクションを実行するワークフローを構築できます。例えば、メールの受信をトリガーとしてデータベースにデータを追加するなど
- テンプレート: すぐに使える多くのワークフローテンプレートが用意されており、簡単に開始できます

# Power AppsのDBとなるShare Pointリストを作る
以下では、Power AppsとShare Pointを連携させてアプリを作成していきます。ExcelからShare Pointにデータ管理の方法を変えることでPower Appsとの親和性が良くなって自動化が進みます。

https://qiita.com/y-hy-h/items/a2ad803d3723dd34ee9c

Excel　※ダミーデータ
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2475719/a31d903e-24f2-4439-db3a-558e26c7fd9b.png)

SharePoint　※ダミーデータ
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2475719/090e5a35-df12-7ae6-b6dd-58c9c2acf12e.png)

### Share Pointリスト作成までの流れ
1. Share Pointでサイトを作る
2. Share Pointでリストを作る
3. 作ったサイトの画面→作成→リスト→空白のリスト
3. 「列の追加」からリストを作っていく

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2475719/41ecd1d8-2500-b4d7-c8bd-16093c028dce.png)


### サンプルデータをいれる
作ったリストの画面から「グリッドビューでの編集」
※作ったリストにはサンプルデータを1件入れた方が良い。

1行サンプルデータを入れてみました。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2475719/106b88fa-114a-e3fe-f316-aac11384d9f3.png)


# Power Appsでテンプレートからアプリを作成する

Power Appsのホーム画面
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2475719/665f5ea1-34d5-dd19-06a4-f9c57a4d1623.png)

「テンプレートから始める」の検索窓から「contacts」のテンプレートを検索
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2475719/2f2b4dc4-e261-a46a-6858-37047fbd523f.png)


データソースにsharepointを選ぶ
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2475719/08bc5734-b026-72bb-d699-c47360351555.png)


先ほど作ったリストを選ぶ
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2475719/cbcaf03d-1618-856e-44f4-449308c44af4.png)


作成完了(一覧・詳細・編集の3画面ができている)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2475719/5db4e933-6ff6-50c8-f97a-ad2944f628a1.png)

カンタンですね！

最初の画面でF5キーを押すと実行できる。
アプリ上でレコードを追加してみます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2475719/ca75df77-21db-e737-641f-228ee9c4b06b.png)

レコードが追加されたことがアプリ上で確認できました。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2475719/89a2b608-de1a-2e61-44b2-9f23e4cbbda9.png)


SharePointから見ても反映されていることがわかります。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2475719/a8e56598-36bd-3572-6892-548153b2629d.png)


添付ファイルのプロパティがいらなかったのですが、カンタンに削除できます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2475719/cff3e9b6-1e34-6f82-bed6-d088f6ecfa86.png)


機能と見た目を兼ね備えた様々な部品が用意されていて、それをアプリ上に配置していくだけでアプリができるというイメージ。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2475719/582ecba6-35ff-1928-9f3d-dcf559cf5d27.png)


- マークから四角形やテキストラベルをカンタンに挿入できる
- 横幅をウィンドウサイズに合わせたいときは該当の要素のプロパティの詳細設定を開き「Width」を「Parent.Width」にする

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2475719/a1dbb800-9cff-44d8-569c-cd3186df44d1.png)


オブジェクトのサイズを可変にできる
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2475719/8f353afd-b8d2-68ca-78d8-bf638321a3c2.png)

# Power AppsをトリガーにPower Automateフローを開始する
Power AppsとPower Automateを連携してみます。
とはいっても操作はカンタンで、フローに組み込みたいPowerAppsのアプリの画面からフローを作成できます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2475719/d58dceda-5510-81a4-1cb2-55b5cb74d0fe.png)

Power Automateの画面
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2475719/224ca94d-332b-ae95-bc0d-ea4264c813b9.png)

ステップを追加していくことでワークフローを作成できる
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2475719/cc685525-ddbe-6865-8c3c-8d5e08d4bfd0.png)

Teamsにアダプティブカードを投稿するようにしてみました。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2475719/9d89765e-f72c-e0a2-f850-deb0904b9354.png)

こちらもカンタンですね！

# おわりに
Power Appsのテンプレート作成からPower Automateのフロー作成までやってみました。カンタンにアプリやフローを作成でき、Officeとの親和性も高いので普段の業務を色々と自動化できそうだなと思いました！