* What’s the BrainPad? * What’s STEM and STEAM? * Block construction language - Microsoft MakeCode * Evolution programming step - Microsoft Visual Studio * Conclusion

1. Fun
with
BrainPad
2018.10.12 MADOBEN YOKKAICHI
KOUJI MATSUI (@KEKYO2)

2. Kouji Matsui - kekyo
• NAGOYA city, AICHI pref., JP
• Twitter – @kekyo2 / Facebook
• Self employed
• Microsoft Most Valuable Professional VS
and DevTech 2015-
• Certified Scrum master / Scrum product
owner
• Center CLR organizer.
• .NET/C#/F#/IL/metaprogramming or like…
• Bike rider

3. Agenda
•What’s the BrainPad?
•What’s STEM and STEAM?
•Block construction language - Microsoft MakeCode
•Evolution programming step - Microsoft Visual Studio
•Conclusion

4. What’s the BrainPad?
温度センサー
加速度センサー
照度センサー
ボタン
ELディスプレイ
マイクロUSB
マイクロサーボ
フルカラーLED
ブザー

5. What’s the BrainPad?
https://brainpad.com/
• STM32F401 (Arm Cortex M4)
• CPU:84MHz
• ROM:512KB RAM:96KB
Brainpadで検索すると、関係ない
法人が出てきてしまうので、
”ghi brainpad” で検索
Mouserで買えます！

6. Agenda
•What’s the BrainPad?
•What’s STEM and STEAM?
•Block construction language - Microsoft MakeCode
•Evolution programming step - Microsoft Visual Studio
•Conclusion

7. What’s STEM and STEAM?
STEM、またはSTEAM
• 科学(Science)
• 技術(Technology)
• 工学(Engineering)
• 芸術(Arts)
• 数学(Mathematics)
STEM教育には「進化するプラットフォーム」が必要:
• プログラミング初学者（Scratchなどのブロック言語・スクリプト言語）
• プログラミング上級者（プロフェッショナルが使用する言語）

8. Agenda
•What’s the BrainPad?
•What’s STEM and STEAM?
•Block construction language - Microsoft MakeCode
•Evolution programming step - Microsoft Visual Studio
•Conclusion

9. Block construction language
プログラミング初心者（Scratchなどのブロック言語・スクリプト言語）
Scratch
• ブロック言語で初学者にわ
かりやすい
• コミュニティが巨大
• 基本的にPCに閉じている
• ステップアップが難しい

10. Block construction language
プログラミング初心者（Scratchなどのブロック言語・スクリプト言語）
Microsoft MakeCode
• ブロック言語で初学者にわか
りやすい
• プラットフォームに依存しな
い
• 様々なターゲット（Minecraft,
micro:bit, etc…）
• JavaScriptでも記述出来る

11. Block construction language
プログラミング初心者（Scratchなどのブロック言語・スクリプト言語）
Microsoft MakeCode
• ブロック言語で初学者にわか
りやすい
• プラットフォームに依存しな
い
• 様々なターゲット（Minecraft,
micro:bit, etc…）
• JavaScriptでも記述出来る

12. Block construction language
BrainPadはMakeCodeに対応しています！
https://makecode.brainpad.com/
プレビュー
エミュレータ
ブロック
プログラミング
JavaScript
出来上がったプログラムを
ダウンロード

13. Block construction language
USBで接続して、RESETを3秒押してから、
D&Dで書き込み（mbedライク）

14. Agenda
•What’s the BrainPad?
•What’s STEM and STEAM?
•Block construction language - Microsoft MakeCode
•Evolution programming step - Microsoft Visual Studio
•Conclusion

15. Evolution programming step
ブロックプログラミングを卒業したら:
BrainPadのプログラムをVisual Studioで（つまりC#で）書けます。
もちろん、デバッガも使えます！
• BrainPadに”TinyCLR OS”を書き込み、C#で動かせるようにします。
• TinyCLR OSは.NET MicroFrameworkをベースとした環境です。

16. Evolution programming step
Visual Studio拡張機能
“tinyclr” で検索
あらかじめBrainPadにTinyCLRファームウェアを
書き込んでおくこと（RESETを3秒押して、D&Dするだけ）
https://docs.brainpad.com/resources/downloads.html

17. Evolution programming step
新規プロジェクト生成

18. Evolution programming step
NuGetパッケージ追加

19. Evolution programming step
ユーティリティクラス
画面更新の流れ
https://gist.github.com/kekyo/dad60b0cd5a5e5ca6a5d70c7d84ad70c

20. Evolution programming step

21. Agenda
•What’s the BrainPad?
•What’s STEM and STEAM?
•Block construction language - Microsoft MakeCode
•Evolution programming step - Microsoft Visual Studio
•Conclusion

22. Conclusion
BrainPadはステップアップが可能な、STEM学習プラットフォーム
• 初学者は、Microsoft MakeCodeを使ってブロックプログラミング。
• より高度なプログラミングへのステップアップに、Microsoft Visual
Studioを使ってC#でコードを書くことができる。
• そして、PCで閉じてしまわず、センサーやデバイスを使ったプログラ
ムも書けてハックができる。

23. Thanks join!
The BrainPad
https://www.brainpad.com/
TinyCLR OS NuGet packages:
https://www.nuget.org/profiles/ghielectronics
BrainPadWiFi project (working):
https://github.com/kekyo/BrainPadWiFi/