ゲームで学ぶ！キャンバスアプリ設計の考え方

ゲームで学ぶ！ キャンバスアプリ設計の考え方 2023/02/26 Japan Power Platform Game Builders #4 小玉 純一（じゅんじゅん） 画像引用元：https://oshihaku.jp/article/12596493/

• https://oshihaku.jp/article/12596493/

みなさんはどこから考えましたか？

私はこう考えてみた ※あくまで個人の意見です。

スピーカー：自己紹介 小玉 純一（じゅんじゅん）と申します。 仕事 組み込みプログラマ → 情シス → ITコンサル → 技術営業 を経て、今後は 色々やる予定です（？） 趣味 Power Platform と Azure でカブトムシを飼育すること その他 Blog：jn.hateblo.jp Twitter：@KodamaJn SlideShare：slideshare.net/JunichiKodama やまさんとの著書：Microsoft Power Apps入門 手を動かしてわかるローコード開発の考え方 ｜翔泳社

• https://jn.hateblo.jp/
• https://twitter.com/KodamaJn
• https://www.slideshare.net/JunichiKodama
• https://www.shoeisha.co.jp/book/detail/9784798173955

私はこう考えてみた ※あくまで個人の意見です。 ※私が犯した余計な回り道をご体感ください。

① どんなテーブルを ② どうやって正誤を ③ どうやって数字の 用意しようかなぁ 判定しようかなぁ 表示を切り替えよう かなぁ

① どんなテーブルを ② どうやって正誤を ③ どうやって数字の 用意しようかなぁ 判定しようかなぁ 表示を切り替えよう かなぁ

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40

Id 1 2 3 4 5 ・ ・ ・ 39 40

Id Num 1 2 3 4 3 5 6 7 8 9 5 10 11 12 6 13 14 15 2 … … 23 24 9 25 8 26 27 7 … … 40

Id Num 1 2 3 4 3 5 6 7 8 これを作ろう！ 9 5 10 11 12 6 13 14 15 2 … … 23 24 9 25 8 26 27 7 … … 40

Id Num 1 2 3 4 3 5 6 7 8 どうやって？ 9 5 10 11 12 6 13 14 15 2 … … 23 24 9 25 8 26 27 7 … … 40

Id Num 1 2 3 4 3 5 6 7 ① Id列から作る ② Num列から作る 8 9 5 10 11 12 6 13 14 15 2 … … 23 24 9 25 8 26 27 7 … … 40

Id Num 1 2 3 4 3 5 6 7 ① Id列から作る ② Num列から作る 8 9 5 10 11 12 6 13 14 15 2 … … 23 24 9 25 8 26 27 7 … … 40

Value 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 … 23 24 25 26 27 … 40

Id 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 … 23 24 25 26 27 … 40

Id Num 1 0 2 0 3 0 4 0 5 0 6 0 7 0 8 0 9 0 10 0 11 0 12 0 13 0 14 0 15 0 … … 23 0 24 0 25 0 26 0 27 0 … … 40 0

Id Num Value 1 0 1 2 0 2 3 0 3 4 0 4 5 0 5 6 0 6 7 0 7 8 0 8 9 0 9 10 0 10 11 0 11 12 0 12 13 0 13 14 0 14 15 0 15 … … … 23 0 23 24 0 24 25 0 25 26 0 26 27 0 27 … … … 40 0 40

Id Num Value 1 0 35 2 0 15 3 0 4 4 0 20 5 0 9 6 0 12 7 0 27 8 0 25 9 0 24 10 0 1 11 0 8 12 0 40 13 0 11 14 0 39 15 0 6 … … … 23 0 2 24 0 31 25 0 14 26 0 5 27 0 29 … … … 40 0 26

Id Num Value 1 0 35 2 0 15 3 0 4 4 0 20 5 0 9 6 0 12 7 0 27 8 0 25 9 0 24 10 0 11 0 12 0 13 0 14 0 15 0 … … 23 0 24 0 25 0 26 0 27 0 35 0 40 0

Id Num Value 1 0 35 2 0 15 3 0 4 4 0 20 5 0 9 6 0 12 7 0 27 8 0 25 9 0 24 10 0 11 0 12 0 13 0 14 0 15 0 20 0 23 0 24 0 25 0 26 0 27 0 35 0 1 40 0

Id Num Value 1 0 35 2 0 15 3 0 4 4 0 20 5 0 9 6 0 12 7 0 27 8 0 25 9 0 24 10 0 11 0 12 0 13 0 14 0 15 0 2 20 0 23 0 24 0 25 0 26 0 27 0 35 0 1 40 0

Id Num Value 1 0 35 2 0 15 3 0 4 4 3 0 20 5 0 9 6 0 12 7 0 27 8 0 25 9 0 24 10 0 11 0 12 0 13 0 14 0 15 0 2 20 0 23 0 24 0 25 0 26 0 27 0 35 0 1 40 0

Id Num Value 1 0 35 2 0 15 3 0 4 4 3 0 20 5 0 9 6 0 12 7 0 27 8 0 25 9 0 5 24 10 0 11 0 12 6 0 13 0 14 0 15 0 2 20 0 4 23 0 24 9 0 25 0 8 26 0 27 7 0 35 0 1 40 0

Id Num Value 1 35 2 15 3 4 4 3 20 5 9 6 12 7 27 8 25 9 5 10 11 12 6 13 14 15 2 20 4 23 24 9 25 8 26 27 7 35 1 40 24

チョットムズカシイ、、カモ、、

Id Num 1 2 3 4 3 5 6 7 ① Id列から作る ② Num列から作る 8 9 5 10 11 12 6 13 14 15 2 … … 23 24 9 25 8 26 27 7 … … 40

Value 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 … 23 24 25 26 27 … 40

Value 28 24 33 3 35 10 27 24 5 12 37 6 33 18 2 4 40 9 8 31 7 1 29

Num 28 24 33 3 35 10 27 24 5 12 37 6 33 18 2 4 40 9 8 31 7 1 29

Id Num 0 28 0 24 0 33 0 3 0 35 0 10 0 27 0 24 0 5 0 12 0 37 0 6 0 33 0 18 0 2 0 4 0 40 0 9 0 8 0 31 0 7 0 1 0 29

Id Num 0 0 0 0 3 0 0 0 0 0 5 0 0 0 6 0 0 0 2 0 4 0 0 9 0 8 0 0 7 0 1 0

Id Num 1 2 3 4 3 5 6 7 8 9 5 10 11 12 6 13 14 15 2 20 4 23 24 9 25 8 26 27 7 35 1 40

サッキヨリハシンプル、、カナ、、

何か違和感に気付いた方！

Id列って何に使うん？

Num 3 5 Num列だけでええやん。 （登壇3日前に気付きました。汗） 6 2 … 9 8 7 …

Num 3 5 6 2 … 9 8 7 …

① どんなテーブルを ② どうやって正誤を ③ どうやって数字の 用意しようかなぁ 判定しようかなぁ 表示を切り替えよう かなぁ

１打目

２打目

３打目

N打目のときに 値がNのところをクリックすれば 正解

① どんなテーブルを ② どうやって正誤を ③ どうやって数字の 用意しようかなぁ 判定しようかなぁ 表示を切り替えよう かなぁ

数字の表示に どんな特徴が あったっけ？

１打目

２打目

３打目

① ２打目以降は■になる ② N打目のときN未満は消える

① ２打目以降は■になる ② N打目のときN未満は消える

① ２打目以降は■になる ② N打目のときN未満は消える

ほぼ完成です。

できました。 意外とシンプルだった…かな？

まとめ ３＋１ 必要な情報 分解して言語化 まず作ってみる  見直してみると、無駄な制御に気付くかも

まず作ってみよう 後から何とでもなる