【M5Stack】Arduino IDEで開発環境構築

M5Stackの開発環境をArduino IDEで構築する方法について入門者向けに紹介します。

【環境構築】Arduino IDEのインストール～各種設定

M5Stackは、カラーディスプレイ、Wi-Fi、Bluetooth、microSDカードスロット、バッテリーなどを備えたコンパクトで便利なモジュールです。
（Arduinoよりも最初から色々と搭載されていて、コンパクトな感じです）
ESP32を搭載しているため、Arduino環境での開発もできます。
今回は、M5Stackの開発環境をArduino IDEで構築する手順を紹介してきます。

–	詳細（M5Stack全般についてはこちら）
1	【M5Stack入門】できること・使い方

動画解説版

本記事の内容は動画でも解説しています。

① Arduino IDEをPCにインストールします。

–	インストー方法は下記事で詳しく紹介しています。
1	【Arduino】IDEのインストール＆ダウンロード

② デバイスドライバを公式ページ(https://m5stack.com/pages/download)からダウンロードし、インストールします。
※お使いのPCの環境にあったものをクリックしてダウンロード

③ダウンロードしたZIPファイルを解凍します。
Windowsの場合、中にあるインストーラのうち、お使いのWindowsのビット数に合わせて、ドライバをインストールします。

種別	操作
32ビット版Windows	「CP210xVCPInstaller_x86_vx.x.x.x.exe」をダブルクリックしてインストール
64ビット版Windows	「CP210xVCPInstaller_x64_vx.x.x.x.exe」をダブルクリックしてインストール

④ M5StackをPCにUSB接続します。次に、デバイスマネージャを開き、CP210x USB to UART Bridgeのポート番号を確認します。
（下画像の例ではCOM7）

⑤ Arduino IDEを起動します。
つぎに、メニューから[ファイル] -> [環境設定]と選択します。

⑥ 追加のボードマネージャーに、「https://dl.espressif.com/dl/package_esp32_index.json」を設定します。

⑦ メニューから[ツール] -> [ボード:～] -> [ボードマネージャ…]を選択します。

⑧ ダイアログで「ESP32」と検索し、[Install]をクリックします。

⑨ メニューから[スケッチ] -> [ライブラリのインクルード] -> [ライブラリの管理…]を選択します。

⑩ ダイアログで「M5Stack」と検索し、「M5Stack by M5Stack」をインストールします。

これで環境構築作業は完了です。

【動作確認】サンプルスケッチ実行

M5Stackのサンプルプログラム（サンプルスケッチ）を実行し、動作確認をしてみます。

① M5StackをPCにUSB接続します。次に、デバイスマネージャを開き、CP210x USB to UART Bridgeのポート番号を確認します。

② メニューから[ツール] -> [ボード：～] -> [M5Stack-Core-ESP32]を選択します。

③ メニューから[ツール] -> [シリアルポート]をクリックし、先程確認したCOMポートを選択します。（下画像はCOM7だった場合の例）

⑤ メニューから[ツール]をクリックし、以下のように設定されていることを確認します。

項目	設定
ボード	M5Stack-Core-ESP32
ボーレート（通信速度）	921600
COMポート	②で確認したCOMポート

⑥ [ファイル] -> [スケッチ例] -> [M5Stack] -> [Basics] -> [HelloWorld]を選択します。

⑦ [→]ボタンをクリックすると、コンパイルとM5Stackへの書き込みが始まるので終わるまで待ちます。
書き込みが終わると、M5StackのLCDに「Hello World!」と表示されます。

–	関連記事
1	【M5Stack入門】できること・使い方
2	M5Core クイックスタート – Arduino Win