【JPPGB #9】バレンタインアプリを作成してみた

JPPGB #9 • コルネ • Microsoft MVP for Business Applications

自己紹介 ◼ Name コルネ ◼ Microsoft MVP Business Applications ◼ Who am I ? Power Appsでゲーム作成している人(最近あまり作れてない orz) 今年はフュージョン開発の布教を目指したいと思っています ◼ X(Twitter) @koruneko32767 ◼ Blog コルネの進捗や備忘録が記されたなにか ◼ YouTube Korune Ch. コルネ ◼ connpass Japan Power Platform Game Builders 業務改善検討会 3

• https://twitter.com/koruneko32767
• https://koruneko.hatenablog.com/
• https://www.youtube.com/@koruneko32767/videos
• https://jppgb.connpass.com/
• https://bpr-tbd.connpass.com/

作成したもの

作成したゲーム レシピ構築 レシピを元にお菓子の作成 バレンタイン用お菓子の完成！ 5

6

ゲームの概要

ゲームの構成 1. Power Automateにレシピを渡す 2. Azure OpenAI Service(chat)呼び出し 3. レシピより作成されるお菓子の名称を返す 4. Azure OpenAI Service(images)呼び出し 5. お菓子の名称からお菓子の画像を返す 6. Power Appsにお菓子の名称とお菓子の画像を返す 8

レシピ早押し作成の仕組み 1. レシピの情報が格納されたコレクションの作成 Group Type Process Choices レシピのグループ Sentence or Question を選択 Sentence であれば直接 Process の文章が表示され、 Question であれば ??? で表示 Type に Sentence を選んだ場合はこのタイミングで設定 レシピのヒントとして表示される文章 Type に Question を選んだ場合に設定 ??? に入る選択肢を配列形式で作成 2. タイマーをループさせ、レシピの Group ごとにグループ分けを行い文字を1文字ずつ表示させる • グループ分けされたレシピの全文が表示されたら次のグループのレシピを表示させる仕様なので、対象のグループのレシピの文字列 が少ないと、それだけ ??? の値を選択する時間が減り、レシピの最後の方にある ??? は選択できる時間が短いクソゲー • 現在対象のレシピグループにある Question を順に表示させる 選択された結果は対象の列の Process に格納される * 文字が1文字づつ表示される仕組みは大昔に Power Apps で画面にアニメーションをつける~その7~ で紹介していますので、こちらをご確認ください！ 3. 作成されたレシピをPower Automateに渡す 9

• https://koruneko.hatenablog.com/entry/2020/06/01/024016

レシピからお菓子の名称を考案 1. AOAIの system には以下のように振る舞うように指示 You are the AI that answers the sweets create from a given recipe. 訳) あなたは、与えられたレシピから作られるスイーツに答えるAIです。 2. 以下のようにルールを元に回答を行うようAOAIに強制させる ### ルール ### 与えられた「レシピ」によって作成されるスイーツを答えてください。 回答は「回答例」のように回答してください。 ### 回答例 ### 大人リッチな ブラック生チョコタルト ザクザクナッツのあん抹茶生チョコケーキ 見た目華やか濃厚チョコレートケーキ 濃厚ほろ苦大人なオペラ 焦がしバター香る フィナンシェ ### レシピ ### <与えるレシピ> -> 出力例: "ホワイトチョコレートとコーヒーのビスケットベースタルト" 10

お菓子の名称から画像を作成 1. DALL-E 3を用いて先ほど返されたお菓子の名称をAOAIに渡して画像を生成 ✓ 以前は画像の生成依頼を投げた後、指定された秒数待った後、再度生成された画像を取得しに行く必要がありましたが、 現在は一度の呼び出しで、画像の生成結果を返してくれます！ 以前の仕様の参考: Power Apps × Power Automate × Computer Vision × Azure OpenAI Serviceで画像生成を行う 11

• https://koruneko.hatenablog.com/entry/2023/06/26/025754

Thank You!