![](https://dmspace.tsuchida.ne.jp/wp-content/uploads/2022/04/IMG_7308-1024x768.jpg)
IoT用のマイコンとして、Arudino、RaspberryPiなどを使ってきましたが、今年度演習に使うものとして「M5Stack」に取り組むことといたしました。
M5Stack(エムファイブスタック)は、約5cm×5cmの正方形のケースの中にWi-FiとBluetoothによる無線通信機能を備えたCPU(ESP32)をはじめ、カラー液晶ディスプレイ・プッシュボタン・スピーカ・microSDカードスロット・バッテリーなどの周辺部品がひとつのモジュールにまとまっている、小型のマイコンモジュールです。
引用元:https://deviceplus.jp/mc-general/what-is-m5stack/
とりあえず、プログラム入門の定番「HelloWorld!」をやってみます。
USBケーブルでパソコンに接続し、電源が入ったらSetup画面を出して、Modeを「USB Mode」にします。これでパソコンで作成したプログラムをUSBケーブル経由でM5Stackに書き込むことができます。
![](https://dmspace.tsuchida.ne.jp/wp-content/uploads/2022/04/Switch-mode-300x297.jpg)
続いて、今回パソコンにインストールするプログラム「UIFlow-Desktop-IDE」をダウンロードしてインストールします。M5Stackはネット上で提供されるUIFlow(https://flow.m5stack.com)を使ってWebブラウザでプログラミングができます。今回はネット環境がない場合を想定してこれでやってみます。
UIFlowを起動すると初回は「Setting」画面が表示されます。設定してOKボタンをクリックします。
![](https://dmspace.tsuchida.ne.jp/wp-content/uploads/2022/04/WiFi_と_Item-0_と_Item-0_と_Item-0_と_Item-0_と_Item-0_と_Item-0_と_Item-0_と_Item-0_と_Battery_と_Bluetooth-1024x545.png)
UIFlowはブロックを組み合わせてプログラミングしていく「Blocky」と「Python」を切り替えて使うことができます。
![](https://dmspace.tsuchida.ne.jp/wp-content/uploads/2022/04/Item-0_と_WiFi_と_Item-0_と_Item-0_と_Item-0_と_Item-0_と_Item-0_と_Item-0_と_Item-0_と_Battery_と_Bluetooth-1024x640.png)
Blockyを使ってプログラミングしてみます。
![](https://dmspace.tsuchida.ne.jp/wp-content/uploads/2022/04/M5Flow.png)
![](https://dmspace.tsuchida.ne.jp/wp-content/uploads/2022/04/M5Flow-1.png)
![](https://dmspace.tsuchida.ne.jp/wp-content/uploads/2022/04/M5Flow-2.png)
![](https://dmspace.tsuchida.ne.jp/wp-content/uploads/2022/04/M5Flow-3.png)
![](https://dmspace.tsuchida.ne.jp/wp-content/uploads/2022/04/IMG_7307.jpg)
M5StackのAボタンを押すと、画面上に「HelloWorld!」と表示されます。
表示する文字の位置や大きさ、色などを変えてみます。
![](https://dmspace.tsuchida.ne.jp/wp-content/uploads/2022/04/M5Flow-4.png)
大きな文字で表示されました。
![](https://dmspace.tsuchida.ne.jp/wp-content/uploads/2022/04/IMG_7308-1.jpg)
少しプログラムを修正して
(1)プログラムを実行すると最初は何も表示しないようにする。
(2)Aボタンで「HelloWorld!」を表示、Bボタンで表示を消す。
ようにしました。
![](https://dmspace.tsuchida.ne.jp/wp-content/uploads/2022/04/M5Flow-5.png)
「Blockyで作ったプログラムをPythonに切り替えるとこのようになります。
![](https://dmspace.tsuchida.ne.jp/wp-content/uploads/2022/04/M5Flow-7.png)
実際の動きを動画で撮影しました。
とりあえず始めました。