AIプロンプトを活用したPower Appsキャンバスアプリの作成方法とアプリ事例-ChatGPTに「また同じこと言わせてる」人へ。Power Appsで業務を加速する-


# はじめに

日々の業務に欠かせなくなったChatGPT。しかし、振り返ってみると、例えばメール文の添削などで、1日に何度も同じプロンプトを入力していることに気づきます。これは非常に非効率です。

そこで今回は、Power Appsを使ってこの悩みを解決する方法をご紹介します。Power Appsを利用することで、同じプロンプトを毎回入力する手間を省き、業務の効率化を図ることができます。

ChatGPTのPlusプラン以上を利用している方は「プロジェクト」機能を活用することができ（2024/3時点）、これを使えば毎回同じプロンプトを入れなくて済みます。
しかし、私たちが毎日同じプロンプトを使っているということは、周りの人たちも同じように感じているかもしれません。

Power Appsの強みは、一度アプリを作成すれば、社内や仲間と簡単に共有できる点です。これにより、業務の効率化が図れます。


# 作ったアプリの機能紹介-アイデア次第で可能性は無限大-


### 上司へのチャット文アプリ

新人にとって、上司へのチャット文の作成は悩みの種です。時間がかかり、丁寧なクッション言葉を考えるのも一苦労です。そんなとき、このアプリを使えば、伝えたいことを入力し、オプション（上司の性格など）を選ぶだけで、簡単にチャット文が作成できます。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3921999/c5b3e5d8-779f-47c0-827c-1614b29490fc.png)

プロンプトは以下
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3921999/707c5288-2490-4124-8bc1-1acd6d7d2123.png)


### 上司への返信文自動生成アプリ
相手からのメール文と、その相手の性格や気分を入力するだけで、返信文を自動生成することができます。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3921999/710d1adb-7e8e-467b-9a08-6b9eb007b08c.png)

プロンプトは以下
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3921999/593775d9-f9a1-4143-a425-d7d13232db73.png)

### Qiita投稿文修正アプリ
Qiitaに記事を投稿したいけれど、文章を整えるのが面倒だったり、執筆に時間がかかってしまうことはありませんか？
そんな悩みを解決するために、「Qiita投稿文自動修正アプリ」を作ってみました！
このアプリを使えば、ラフなメモ程度の文章からでも、それなりに整ったQiita記事の形に仕上げることができます。まるで専門の赤ペン先生が付いているような感覚で、投稿のハードルをぐっと下げてくれます。
※自動修正後は、自身でもう一度チェックすることをお勧めします。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3921999/d34c6c17-0b7c-46ec-9df1-06144c0fce5b.png)

プロンプトは以下
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3921999/7e52c0d4-f5e2-49cd-93b5-95e92a779405.png)


# 作り方

## プロンプトを作成する

Power Appsポータルにログインします。

[詳細]>[すべて見るを選択]

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3921999/74cf943c-8d7a-455a-ad30-76f08ae53603.png)

下の方にスクロールし、[AIプロンプト]をクリック
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3921999/967bde57-8c38-4887-81de-3dd03a81b178.png)

[独自のプロンプトを作成する]をクリック

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3921999/98b47fa2-1a96-417e-a099-3975bdb3288f.png)

プロンプトを考えてみます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3921999/2c15f9b8-cf58-4a91-89b3-9324db18e75f.png)

アプリ側から入力する文章（変数となるところ）は以下の画像の「下書き」のようにオブジェクトを作成してやる必要があります。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3921999/9b585a99-6fd1-449c-b70d-0547c173fdd5.png)

[追加]＞[テキスト]をクリック

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3921999/de94ffd2-9a1f-4762-91c6-cbafbce64333.png)

オブジェクトの名前をつけてあげてください
サンプルデータはなんでも大丈夫です
[入力を追加する]をクリック

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3921999/f3b74e3a-db32-49f5-a309-0450c2cb8e80.png)

無事、紫のボックスが追加されます
この紫ボックスが動的なコンテンツとなり、この後のアプリ作成でポイントとなります。
プロンプトが思いつかない場合は、この後紹介するアプリのアイテム配置から始めも問題ありません。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3921999/e73edc5d-1d52-4f09-b917-64c2ae5eb09c.png)





## アプリを作成する

Power Appsポータルにログインします。

空のキャンバスアプリを新規作成し、パワポのような要領でアイテムを配置していきます。
画面左側には、入力用の説明文とTextInputを配置します。また、自動生成用のボタンも配置します。
画面右側には、出力用のLabelオブジェクトを配置しておきます。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3921999/abc0abdb-a0c0-4441-a0cd-537b20adeadc.png)


画面左のデータタブから
[データの追加]>検索ボックスに先ほど作成したプロンプトを検索し、クリック

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3921999/2443f7bf-d9ce-4e52-860b-9fe56d84ee9c.png)

追加されたことを確認
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3921999/5298b8ad-69ff-486a-9410-338c4f28ef93.png)

自動生成ボタンのオブジェクトを選択し、[Onselect]を選択

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3921999/c712c36c-1c01-4dea-8e7c-0f24946a232f.png)

Onselectには以下を入力

Set(result, プロンプト名.Predict(TextInput名.Text, TextInput名.Text))

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3921999/a3c318b3-78aa-49d9-a75c-4623548852f1.png)


▽参考

https://learn.microsoft.com/ja-jp/ai-builder/use-a-custom-prompt-in-app



右側の出力用のラベルのTextには以下を入力
result.text

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3921999/b21c9039-4395-4761-a8e9-39b652fcde00.png)

出力用のラベルオブジェクトの詳細設定から
[Overflow.scroll]にOverflow.scrollを入力
これで、出力結果の文章量が多くなってもスクロールで全文を確認することができます

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3921999/1aadb4a6-1723-435d-84dc-70797e60076d.png)
▽参考ドキュメント

https://learn.microsoft.com/ja-jp/power-apps/maker/canvas-apps/controls/control-text-box




完成！

### 試してみた

今回のQiita記事の下書きを書いていたので、早速このアプリで文章を修正しています。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3921999/ba15fb37-63a3-40c6-8d27-bfae87b4c688.png)



# まとめ

この記事では、Power Appsを活用して業務の効率化を図る方法を紹介しました。アプリを作成することで、同じプロンプトを何度も入力する手間を省き、業務をスムーズに進めることができます。ぜひ、皆さんも試してみてください。