
New Release‼️ Power Apps 奮闘‼️ 第三弾『ショートカットキークイズ』
出戻りガツオ🐟です!
Power Appsの挑戦、第三弾ということで8月10日の夜にリリースさせていただきました!ショートカットキークイズアプリを本日は紹介させてください!

お力添えをいろいろな方にいただき、Power Appsの挙動を学びながら作成しましたので、ポイントと工程についてnoteに書きます!
フリーでダウンロードできるので興味があれば、是非ダウンロードしてください🥺
作ろうと思った"きっかけ"
Power Apps第三弾・・・🐟何を作ろうか・・・少し悩みました。
自分専用のアプリよりも「公開できるアプリ」の作成に興味があったからです。
#PowerApps で作成した1年生向けの計算ドリルアプリをダウンロード可能にしました。
— Hiro (@mofumofu_dance) July 18, 2022
自由に改変いただいて構いませんので、ご自由にお使いください。
みんなでこの夏休み乗り切りましょう!!
(Powerな親御さんに届くようにRTよろしくお願いします!)https://t.co/EJrXfKaWFf https://t.co/zmScPYMlps
特に最近かなりの確率で拝読するHiroさん @mofumofu_danceさんのこのアプリは、
コレクションの使い方
汎用性
シンプル
などなど刺激をうけ、クイズアプリとか作ってみたいなと思った次第です。
小学生低学年用の都道府県の地形を覚えるアプリです。外部データ未使用、アプリ単体で動作します。
— 七草あんこ@PowerApps全振り (@ankoromochi7793) July 24, 2022
お子様やコードの勉強にご利用ください。
DL数知りたいのでSTORESに置きました。
無料ですが、会員登録が必要です。#PowerApps #夏休みの宿題
https://t.co/MvutKWWsJc @ankoromochi7793 #storesjp
七草あんこ@PowerApps全振り 先生 @ankoromochi7793も、物凄いアプリ作ってる・・・
降って出たアイディア
一方で先日、競技Excelという大会に参加いたしました。双方予選落ち・・・。
私めっちゃExcelは自信あっから!超実務やってるし!マジガチでワイエクセラー🐟
それくらいの心持でしたが、結果は敗北・・・。普段よくしていただいているゅぇ。🐹 As Boolean @YUExcelMARU さんは鮮やかな技で準優勝・・・。
ショートカットキーやExcel関数など、丁寧に学んだ成果を存分に活かされている事実と自分の驕りに対して、悔しさをひたすら感じ、Excel学びなおしを誓うのです・・・!
👆ゅぇ。🐹 As Boolean @YUExcelMARU さんは、「ショートカットキー勉強会」も開催され、大盛況!
そうだ!これを機会にPower Appsの作成とExcelのショートカットキー学び直しをしよう!
と心に誓うのでした!
アプリのご紹介!画面の構成と機能
Top画面

筒井.xls@Excel関数擬人化マンガを描く経理 @Tsutsui0524 さんの書きおろし!ショートカット女子からスタートです!ほんとにほんとに感謝!!
それぞれのIconをクリックすると画面転移!
ロゴはジェネレーターで作ってます! - ショートカット女子をクリックすると・・・👀✨
Excelモード!


本チャンのクイズモードです。ソースはエクセルの神髄のHPをご参考にさせていただいています。感謝🙇🙇
ルールは1問10秒です。gif画像のように画面転移します。
設問に対し、クリックしたショートカットキーの内容があっていれば正解の仕様です。
Windowsモード!

こちらはWindowsの標準ショートカットキークイズです。
ソースはMicrosoftのページになります。勉強になりますね🐟
Google Chromeモード!

Google Chromeモードも作りました!それぞれの画面のカラーはアイコンのカラーを基調にして作っています1
Google Chromeモード、こちらもソースは公式から!
これだけマスターできれば達人でしょう( ̄ー ̄)ニヤリ
ライブラリモード

メニューで本のマークをクリックすると、一覧を見ることができます。
上書き保存が一つだけじゃないってご存じでしたか?私は衝撃でした!
ごめんなさい!
— あきイカ@よわよわ🦑イカエンジニアYouTuber (@akiikasakiika) August 11, 2022
ctrl+sもありましたね!💦
コレクションの中身をShuffleしてランダム出題してるんですね✨
どのような仕組みで作られているかというところまでのぞけちゃうので、#PowerApps 学習中の身としては大変勉強になります!!
検索もかけられて逆引き的にも使えるゲソ🦑✨ pic.twitter.com/tPzW5R1PhY
👆あきイカ🦑さんのつぶやき借りるゲソ
作者も全然うまくできない激ムズ仕様ですwwww
是非トライしてみてください!
ショートカットキークイズアプリを作るポイント
データソースを無しにしたい
アプリを作るうえでの今回のテーマです。
ExcelやGoogleスプレッドシート、SharePointをデータソースに使えることがPower Appsの魅力ではありますが、今回は全てPower Appsに直打ちする形で接続先に依存しないアプリの作成を目指しました。
ポイントとなるのは『コレクション』の扱いです。
ざっくりまとめると
データソースがないため、関数でコレクションを作成する
-ClearCollect ,-Tableデータソースからクイズと回答を作成する
-ClearCollect ,-Shuffle ,-Collect, -Remove, -Filter…etc問題数に対する正誤数のカウント、制限時間の制御
-UpdateContext, -Refresh
こういった関数が活躍します。また回答を作るにあたり、画像のようなラベリングをするには、回答のコレクションにおけるインデックスの付与などが課題になりました。

また一画面の中に動的に正解の○、×の表示。結果の表示などを実現したいため、関数の挙動・整理が大切になりました。

Power Appsで改めて良かったこと
クイズを作るにあたり、Power Appsでその機能を実現することで良かった点として、レコードの考え方があります。

コトバで説明することが難しいですが、レコードの何を、いつ、どのイベントで、どの情報を表すか、評価するか
といったことを工夫することで、データの応用がかなり効くのです。
レコード.shortcutの場合は Ctrl + Sが表示され、同時に正解は、レコード.answerのプロパティで判断する、こうしたことが実現できます!
レコードのプロパティは関数で表現することができるので、動的なアプリがExcel関数のように表現できることが大変魅力的でした!
※Google Apps Scriptのオブジェクトの考え方に似てますね(コゴト🐟)
課題
今回もっとうまくできたのではないかなと思うポイントは、コレクションの宣言、式をもっとスッキリさせることです。
具体で見てみると、例えば問題生成のこちら・・・
// Local Context
UpdateContext({_afterAnswer:false,_result:false,_count_quiz:30,_correct:0});
// Set Quiz Collection
ClearCollect(colQuizExcel,
FirstN(Shuffle(colExcel),_count_quiz)
);
// Set Correct Record
UpdateContext({_quizNum:1});
UpdateContext({recQuestion:Last(FirstN(colQuizExcel,_quizNum))});
//--Loop section
// Copy All OrgData
ClearCollect(_colExcel,colExcel);
// Set _choice else correct record
ClearCollect(_choice,
FirstN(
Shuffle(
Remove(
_colExcel,
First(
Filter(_colExcel,shortcut=recQuestion.shortcut)
)
)
)
,5)
);
// Add _choice correct record
Collect(_choice,{shortcut:recQuestion.shortcut,answer:recQuestion.answer});
// Shuffle
ClearCollect(_choice_shuffled,Shuffle(_choice));
// init answers and get Index
Clear(_answers);
ForAll(
Sequence(CountRows(_choice_shuffled)) As Index,
Collect(
_answers,
Patch(
Last(FirstN(_choice_shuffled,Index.Value)),
{Index:Index.Value}
)
)
);
//--Loop section
// Set global mode
Set(ScrMode,"Excel");
コメントアウトして内容に気を付けましたが、コレクションの宣言が多すぎる気がしています。もっと絞れそう・・・。そんな気持ちです。
単純にインデックスを付けたい!っていう事象に対しても新しくコレクションを作る始末。これってアンチパターンだったりするのかなと悩んでいます😟
ちなみにインデックスの付与は大先生の記事を参考にしました!
とはいえ頑張った作品
ひと様に見せる作品!ということで気合も入りました。
「アプリのチェック」機能も活用し、イケてないとこつぶし。こういう確認機能があると内容のブラッシュアップには大変参考になります。

至らないところも当然あるでしょう。また生みの親の責任もあるので、作った作品の修正、アップデートは向き合って進めていきたいなと思います💪
ひとに使ってもらえる喜び
今回本当にうれしかったことは人に使ってもらえる喜びです。
Google Formから依頼を出してもらってダウンロードできる形式にしていますが、Twitterでやってみた報告はとくに嬉しい。涙がでそうです😢
※悔しめの報告が多いですが、激ムズ仕様なので仕方ないです。
特にあきイカ🦑さんホントめっちゃ見てくださって感激・・・!!
出戻りガツオ @DemodoriGatsuo さんが #PowerApps で作成された新作アプリ
— あきイカ@よわよわ🦑イカエンジニアYouTuber (@akiikasakiika) August 11, 2022
「ショートカットキークイズアプリ」
やってみました!!🦑✨
散々な結果でしたwww
Excelでこの結果、、撃沈( ノД`)シクシク…
上書き保存は「ctrl+s」でもできるぞ!とだけ言わせてください🥲笑
特訓しなくちゃ、、😭 https://t.co/HXna7iMIlt pic.twitter.com/adKEQQn0Lb
ショートカットクイズ来たーー((o(^∇^)o))💕
— ゅぇ。🐹 As Boolean (@YUExcelMARU) August 11, 2022
Power Appsのインストール?や
登録がちょっと難しいけど
それを乗り越えてでも入れる価値あり!!🙌✨
これであなたも
ショートカットマスター😏✨ https://t.co/pdC1jKI4PX
ダウンロードしたファイルを、どうPower Appsで開くのかわからなくて苦戦😂
— まる🍑5550 (@wa_maru_gm) August 12, 2022
全然だめじゃった
(´・ω・`)ショボンダマ https://t.co/14KW8pvMR0 pic.twitter.com/2onBGGEu9n
競技Excel主催のKTさんもお声をくださりありがたいです😢
おおお~めっちゃいいですね!!!
— Excel師 KT @競技Excel主催 (@Keita_Excel) August 11, 2022
Special Thanks!
素晴らしい絵を貸してくださった筒井さん、
ショートカットキーを考えるきっかけをもらったゅぇ。さん(勝手に感謝)、
ソースに活用してくださることを快諾してくださった神髄先生。
盛り上げてくださったあきイカさん。
感謝感謝です!!
筒井.xls@Excel関数擬人化マンガを描く経理 @Tsutsui0524 さん
エクセルの神髄 @yamaoka_ss さん
ゅぇ。🐹 As Boolean @YUExcelMARU さん
あきイカ@よわよわ🦑イカエンジニアYouTuber @akiikasakiikaさん
ありがと~🐟🐟
最後にお決まりの宣伝!
News! - 登壇情報
お世話になっている人の耳よりNews!!
うわぁ2000いいねあざます。
— しゃあ@やっぱりVBAが好き (@VBA07529852) August 11, 2022
んでは宣伝(遅っ!
ExcelやVBAに関するZoom勉強会を開催してます
次回は8月27日 20時~@pippi_vba
スケジュールもチェケラ!https://t.co/qklVP208AP#VBAの悩みはVBAerに聞け
ココナラも活動中。クリックしてくれたら喜びます😊https://t.co/yOgj3nfGS6 pic.twitter.com/ngL35gJsDu
(告知の頭出し)先日のゅぇ。さんの勉強会に感銘・刺激を受け、僕も何か貢献できないかと思い、VBAerイベントに登壇させて頂ける運びとなりました。登壇OK頂いたしゃあさんにも感謝です!
— Excel師 KT @競技Excel主催 (@Keita_Excel) August 11, 2022
・9/3(土)20時開始
・内容:以下いずれかで検討中#VBAの悩みはVBAerに聞け
そして私は!!
実は・・・noteに先行して書くと!!
こちらに9月3日、9月10日登壇予定!!チェケラ!!
頑張るぞぉおお!!もちろんこのスタイルで出るよ!!

Power Appsはじめましたの登壇です!運営様のお力添えをいただきながら、楽しい登壇にするので是非是非!
登壇資料・・・・( ^ω^)・・・ファイト💪💪💪
是非是非Power Appsダウンロードしてください!
こちらのFormからダウンロード可能です!
ハンドルネーム欄ありますけど、あああでもいいですよwコメントも必須ではないのでお気軽に!
ツヨツヨ勢のFBも・・・欲しい🐟
最後の最後に!!!
いつもお読みいただきありがとうございます!
ITを使って仕事を楽しくする一助になりたいと思ってますので
お読みいただいた方はぜひTwitterもフォローしてください!
Power奮闘やPythonやExcel、Google Apps Scriptなどなど雑多につぶやきます。よなよなエールが大好きです🍺
リプ、いいね👍、RT大歓迎です!
強く求めてます🐟😂🐟
業務改善フレンズ大歓迎!!切磋琢磨しましょ~♪♪
それではまた今度!ばいば〜い!