IoT勉強会in岡山#2 M5StickCで遊んでみた！

1. 2019/09/16
IoT勉強会 in 岡山 #2

2. 自己紹介
末房 伸也（Suefusa Shinya）
@ShinyaSuefusa
ピープルソフトウェア株式会社
西日本事業部 所属
最近の好きな言語：Python
学生時代好きだったゲーム： Final Fantasy V
IoTを勉強したきっかけ：会社の役員に「Youやっちゃいなよ」

3. はじめに
（少しだけ会社の紹介）
ピープルソフトウェアは主に、
・スマホアプリ開発
・モバイルバックエンド・クラウドサービス（BaaS＠Rakuza）
・業務システム開発
を行っている会社です。
近年のIT業界では IoT や AI に関するテクノロジーは、
必須の技術となっています。（ただし社内の危機感は薄い）

4. これから IoT を始めようとする方々
IoT を活用してお仕事をしたい方々
に、
何かお手伝いができないか
（わたしもやりたい）
ということで、
会場をご用意する運びとなりました。

5. 一緒に楽しく、
勉強していきましょう！

6. という堅苦しい話は置いといて。

7. 今年の5月
IoTLT Osaka Vol.11にて
「技適ありM5StickCでLINE Things
やってみた (M5StickC)」
by がおまる

9. こいつはすげぇ
○×

10. M5StickCの主なスペック
• 2019年４月発売（国内は5月から）
• 80x160 TFT 液晶
• 加速度センサ & ジャイロセンサ
• ボタン３つ
• WiFi & Bluetooth
• バッテリー内臓
• C言語 / Python などでプログラム可能
• 2,000円くらい（ただし、入手困難）

11. ポチっとな

12. （無事ゲットするも）
一瞬で売り切れる！

13. そして
放置すること３か月

14. M5StickCで
簡単なゲーム作ってみました。

15. 必要なもの
•M5StickC×1個
•パソコン×１台

16. しくみ
ジャイロセンサーの
情報を送信
ブラウザの
WebBluetoothで
受信

17. つくりかた（デバイス編）
•ArduinoIDE
•ジャイロセンサの値取得
•傾き位置を９マスにあてはめ、
BLEで送信

18. BLEの初期化（ネットのコピペ）

19. センサーから傾きの方向を計算（適当）

20. BLEに値をセット＆通知

21. つくりかた（HTML画面編）
•WebStorm（VSCodeでも可）
•Vue.jsでUI作成
•WebBluetoothで受信した
傾き（位置）に応じてCSS
アニメーション

22. BLEの初期化（ネットのコピペ）

23. HTML部分はわずか23行

24. 堂々の完成！
理
想
現
実

25. DEMO

26. 良きIoTライフを！

27. おしまい