2020/05/22 コロナ対策エンジニアの勉強会「30分でランチ勉強！子供と遊べるリコーダーアプリを作る！～MS Power Apps編～」でお話しした内容です。 レコーディング動画 https://youtu.be/NnsgoVc8520

2. 自己紹介
初めまして。 小玉 純一（34）と申します。
仕事
地方新聞社の社内SE
Power Platform 等を活用した社内業務改善など
趣味
Power Apps で楽器アプリを作ること
楽器アプリの演奏が Microsoft のイベントで放映されました！ →
SNS
Twitter：@KodamaJn
Qiita：@KodamaJn
SlideShare：slideshare.net/JunichiKodama
Power Apps Champion
(Microsoft Ignite 2019)
https://youtu.be/XDmKEf_h1uo

3. 在宅ワーク

4. 在宅ワーク…

5. 勉強の教え方が分からない

6. そこで！

7. 楽器アプリを作ってみよう！！
（強引にプログラミング教育w）

8. どうやってアプリに仕立てるのか？

9. ほぼ 全工程を
ご紹介！
（果たしてお役に立つのか？！）

10. Power Apps
とは？

11. Power Apps
社内アプリを作りたい？
すぐできますよ。そう、
ならね
実際に Power Apps で
作った業務アプリ

12. PowerPoint っぽい
簡単に作れる
“ Excel や PowerPoint のような操作感” で
マルチプラットフォーム対応アプリが作成できる
PowerPoint っぽい
Excel っぽい

13. データから自動生成もできる

14. 残業申請
客先訪問日程調整ヘルプデスク記録
施設予約 機器貸出台帳 DCマッチング
受注作業台帳
短期間で量産できる
（弊社実例）

15. 家庭利用事例も！
ひらがな入力＆音声再生アプリ
（Hiro @mofumofu_dance）

16. 今日の
題材

17. デモ

18. どんな画面なら演奏できる？
なるべく本物と同じように
演奏できるアプリがいい！

19. こんなイメージかなー
ボ
タ
ン
配
置
（
押
し
た
ボ
タ
ン
に
応
じ
て
音
が
出
る
）

20. いいね！

21. でもそれ、
どうやって
演奏する？

22. タブレットに息は入らない

23. 裏側のボタンが押せない
表 裏

24. “半分塞ぐ”が難しい

25. 解決方法を
考える

26. → 何かボタンを押したら音を出す！
タブレットに息は入らない

27. 表 裏
左手の小指は
普段使わない
裏側のボタンが押せない
→ 表側の未使用の指を使う！

28. “半分塞ぐ”が難しい
→ 諦める！

29. ちょっと
整理します

30. 指使いを整理する
左手の小指で
代用する
何か押したら
音を鳴らす
諦める
（この指は0にする）
諦める
（この音は捨てる）
諦める
（この音は捨てる）
※新たな運指を作るという
方法もある

31. 指使いと音源を紐づける
パターン：11111111で再生ド
パターン：11111110で再生レ
パターン：11111100で再生ミ
パターン：11111000で再生ファ
パターン：11110000で再生ソ
パターン：11100000で再生ラ
パターン：11000000で再生シ
パターン：11111000
ボタンの押下パターンが、各音のパターンと
一致した場合に音が再生されるようにする

32. なんか
できそうな
気がする！

33. 最後に
必要な素材を
用意する

34. 画像ファイル
フリー素材が
無難
Zipファイルにまとめましたので、ご自由に
お使いください ↓
https://kdmj-
my.sharepoint.com/:u:/g/personal/kodama_kdmj_onmicroso
ft_com/Ebn-
XbIeAlJEjKD2DPn3fRYBLCjmjjmAPMF8wDrxDe7kyQ?e=gTsEka
音ファイルないので
自分で１音ずつ録音した
音ファイル

35. 作成開始！

37. デモで使用したコレクション
（AppのOnstart内に記載し、
「OnStartを実行します」をクリックしておく）
ClearCollect(RecorderSound,
{KeyID:"11111111",SoundName:C4},
{KeyID:"11111110",SoundName:D4},
{KeyID:"11111100",SoundName:E4},
{KeyID:"11111000",SoundName:F4},
{KeyID:"11110100",SoundName:Fis4},
{KeyID:"11110000",SoundName:G4},
{KeyID:"11101110",SoundName:Gis4},
{KeyID:"11100000",SoundName:A4},
{KeyID:"11011000",SoundName:Ais4},
{KeyID:"11000000",SoundName:B4},
{KeyID:"10100000",SoundName:C5},
{KeyID:"10000000",SoundName:Cis5},
{KeyID:"01111110",SoundName:D5},
{KeyID:"01111100",SoundName:E5},
{KeyID:"01111000",SoundName:F5},
{KeyID:"01110100",SoundName:Fis5},
{KeyID:"01110000",SoundName:G5},
{KeyID:"01101000",SoundName:Gis5},
{KeyID:"01100000",SoundName:A5},
{KeyID:"01101110",SoundName:Ais5},
{KeyID:"01101100",SoundName:B5},
{KeyID:"01001100",SoundName:C6},
{KeyID:"01011101",SoundName:Cis6},
{KeyID:"01011010",SoundName:D6}
)

38. まとめ
 リコーダーをアプリにするほぼ全工程をご紹介
① 頭の中でイメージする
② 課題の解決方法を探る（諦めも肝心）
③ 作る！
作成時間より
考える時間の方が
長そうだなー
アプリ化する時に生じる課題を
どうやって解決するかがカギだなー
テキシコゥ…テキシコゥ…

39. 欲しい アプリ は
欲しい人が作り、
欲しいデータは
欲しい人が集める時代へ。

40. ご興味をお持ちいただけた方は！
 Power Apps ランチタイム勉強会 - はじめてのPower Apps #6
https://powerapps.connpass.com/event/177145/

41. ありがとう
ございました！