「M5Stack」シリーズ（Stick-C、ATOM等）のための「Arduino IDE」のインストール方法から初期設定、使い方まで詳しく紹介します。
※インストール方法は「Arduino」等他のマイコンボードでも同じです。
一つ一つ画像を交えて紹介していますので、プログラム初心者の方でも以下の手順で進めていけば、インストールから動作確認まで進められると思います。
１．M5Stackシリーズとは
２．Arduino IDEとは
３．Arduino IDEのインストール方法
４．USBドライバの準備
５．Arduino IDEの起動と画面説明
６．共通設定
・初期設定
・ボード（M5Stackシリーズ）の追加
・シリアルポート（通信）選択
７．機種別設定
・ライブラリの準備
・使用するボードの選択
・スケッチ（プログラム）例の読み込み
・スケッチ（プログラム）例の書き込み
・動作確認
８．コピペ（コピー＆ペースト）での書き込み方法
９．他の便利な書込みツールPlatformIOの紹介
１０．まとめ
１．M5Stackシリーズとは
「M5Stackシリーズ」とは、M5Stackテクノロジー社製マイコンボードです。
マイコンボードには他にも「Arduino」や「Raspberry Pi」「micro:bit」等がありますが、いずれも基板剥き出しで電源ON中に金属に触れないように等、扱いには少し注意が必要です。
「M5Stackシリーズ」はケースに入ったものがほとんどで安心して使用でき、液晶表示付きの物もあります。
また、「Arduino」には無いWiFi、Bluetooth機能や9軸センサを搭載したものもあり、これ単体でいろいろなアイデアを試すことができます。
プログラムに関しては「Arduino」と同じコマンド、開発環境が使えるので、学習のための情報も多く初心者の方にも短時間で気軽にプログラミングを体験することができます。
「M5Stackシリーズ」の「ATOM LITE」や「ATOM MATRIX」「M5StickC Plus」「CORE2」については以下のリンクで詳しく紹介しています。
２．Arduino IDEとは
「Arduino IDE」とは誰でも簡単にプログラミング学習ができるように開発された、イタリア発祥のマイコンボード「Arduino」の開発環境で無償でダウンロードすることができます。
複雑で専門的な知識を必要とするプログラムが「ライブラリ」としてまとめられており、直感的に理解しやすいコマンドでこの「ライブラリ」を使用することで、初心者でも簡単に複雑な動作を実現することができます。
「Arduino」のプログラミングを目的に開発されたものですが、操作性の高さや理解のしやすさ、情報量の多さから、他のマイコンボードのプログラミング環境としても使用されており「M5Stackシリーズ」もこの一つです。
プログラミング言語は「C言語」をベースにマイコンボードを制御するための「Arduino」独自のコマンドを使用して行います。
マイコンボードを動かしながらプログラミングを進めることで「C言語」も自然に身につくため「C言語」の学習にも最適です。
３．Arduino IDEのインストール方法
「Arduino IDE」のインストール方法は以下の手順になります。
まずは「Arduino IDE」のインストールファイルをダウンロードします。以下のリンクへアクセスしてください。
下画像のようなページが表示されます。
ページ内の「DOWNLOAD OPTIONS」の欄で、お使いのOSに合わせてダウンロードファイルを選択します。
Windows10の場合は「Windows win 7 and never」をクリックしてください。
クリックすると下画像のようなページが表示されます。
無償でダウンローできますが寄付をしてダウンロードすることもできます。
無償でダウンロードする場合は「JUST DOWNLOAD」をクリックしてください。
ダウンロードが始まるので終わるまで待ちます。
ダウンロードが終わったらダウンロードしたファイルを開いてインストールしていきます。
お使いのOSによってファイルの開き方は異なります。
「Google chrome」と「Microsoft Edge」の場合はそれぞれ下画像のようになります。
Google Chromeの場合
Chromeの場合は左下でダウンロードの状況が確認できます。
ダウンロードが完了したら下画像のように「開く」をクリックしてください。
Microsoft Edgeの場合
Edgeの場合は右上辺りでダウンロードの状況が確認できます。
ダウンロードが完了したら下画像のように「ファイルを開く」をクリックしてください。
ファイルの場所がわからない場合、ファイルは「ダウンロード」フォルダにあります。
「ダウンロード」フォルダを開くと下画像のようなファイルがあるので、クリックして開いてください。
以下の画面が表示されたら「はい」をクリックしてください。
以下の警告画面が立ち上がった場合は、既にインストール済か旧バージョンの「Arduino IDE」がインストールされています。
「OK」をクリックするとアンインストールするウインドウが立ち上がりますので「Uninstall」から「OK」とクリックして既存の「Arduino IDE」をアンインストールしてください。
新規でインストールする場合は、ファイルが実行されると下画像のようなウインドウが表示されるので、矢印部をクリックしていってください。
下画像のウインドウで保存場所を指定できますが、そのまま「Install」をクリックしましょう。
インストールが始まるので終わるまで待ちます。
インストールが完了すると「Close」がクリックできるようになるのでクリックして終了です。
インストールが完了するとデスクトップに下画像のようなショートカットアイコンが作成されます。
これで「Arduino IDE」のインストールは完了です。
４．USBドライバの準備
次に「パソコン」と「M5Stackシリーズ」をUSBケーブルで接続して通信するための「ドライバ」をインストールしていきます。
まずは「ドライバ」のファイルをダウンロードします。以下のリンクへアクセスしてください。
表示されるページを下へスクロールすると下画像のようなページが表示されます。
以下「CP210x」のインストールを例に紹介します。このページの「CP210x_VCP_Windows」の右端にある［↓］をクリッして下さい。
「ドライバ」の圧縮ファイルのダウンロードが始まるので、ダウンロードが終わったらダウンロードしたファイルを開いてください。
お使いのOSによってファイルの開き方は異なります。
「Google chrome」と「Microsoft Edge」の場合はそれぞれ下画像のようになります。
Google Chromeの場合
Chromeの場合は左下でダウンロードの状況が確認できます。
ダウンロードが完了したら下画像のように「開く」をクリックしてください。
Microsoft Edgeの場合
Edgeの場合は右上辺りでダウンロードの状況が確認できます。ダウンロードが完了したら下画像のように「ファイルを開く」をクリックしてください。
ファイルの場所がわからない場合、ファイルは「ダウンロード」フォルダにあります。
「ダウンロード」フォルダを開くと下画像のようなファイルがあるので、クリックして開いてください。
ダウンロードしたファイルが展開されて下画像のようにフォルダが開きます。
お使いのパソコンのCPUが64ビットか32ビットかによって実行するドライバのファイルが以下のように異なります。
・64ビットの場合：CP210ｘVCPInstaller_x64_v6.7.0.0.exe
・32ビットの場合：CP210ｘVCPInstaller_x86_v6.7.0.0.exe
お使いのパソコンに合ったファイルをクリックして実行しましょう。
最近のパソコンは64ビットだと思いますが、以下の方法で確認できますので念のため確認しておきましょう。
まずはデスクトップで下画像の「PC」アイコンを右クリックしてください。
次に表示されたドロップダウンメニューから「プロパティ」をクリックします。
下画像のような画面が表示されるので「システムの種類」で64ビットか32ビットかを確認してください。
ドライバファイルをクリックして以下の画面が表示されたら「はい」をクリックしてください。
下画像のようなウインドウが立ち上がったら「次へ」をクリックしてください。
以下の画面では「同意する」にチェックを入れてから「次へ」をクリックしてください。
以下の画面が表示されたらインストール完了です。「完了」をクリックすると画面が閉じて終了です。
５．Arduino IDEの起動と画面説明
「Arduino IDE」の起動と開発画面について紹介します。
デスクトップにある以下のアイコンをクリックして「Arduino IDE」を起動してください。
以下のような画面が表示されるので「Arduino IDE」が起動するまでしばらく待ちます。
しばらくすると下画像のようなウインドウが立ち上がります。
これが「Arduino IDE」のスケッチ（プログラム）作成画面です。
「Arduino IDE」の画面について紹介します。
・コマンドアイコン
コマンドアイコン①～⑥の機能について紹介します。
①検証：作成したスケッチにエラーが無いかを確認します。
②マイコンボードに書込む：作成したスケッチをマイコンボードに書き込みます。
③新規ファイル：スケッチの新規作成を行います。
④開く：作成済のスケッチを開きます。
⑤保存：現在のスケッチを保存します。
⑥シリアルモニタ：マイコンボードと通信して、取得した情報を表示したり
データを送信したりする、シリアルモニタ画面を起動します。
・スケッチ（プログラム）作成エリア
このエリアでスケッチの作成を行います。
・コンパイル、書込み情報表示エリア
コンパイルや書込み時の進み具合やエラー情報等が表示されます。
※コンパイルとは作成したプログラムをマイコンボードに書き込める形式に変換する作業です。
・使用するマイコンボード情報
通信ポート番号や書き込み対象のマイコンボードの情報等が表示されます。
６．共通設定
「M5Stackシリーズ」共通の初期設定手順について紹介します。
・初期設定
まず初期設定として「M5Stackシリーズ」のボード情報を追加できるようにします。
下画像のように「ファイル」→「環境設定」とクリックしてください
下画像のように「環境設定」ウインドウが表示されます。
「追加のボードマネージャのURL」の所に以下のURLをコピーして貼り付けてください。
貼り付けたら右下の「OK」をクリックしてください。
・ボード（M5Stackシリーズ）の追加
「M5Stackシリーズ」のマイコンボードを追加していきます。
下画像のように「ツール」→「ボード：”ここは使用状況により異なります”」→「ボードマネージャ」とクリックします。
下画像のようなウインドウが表示されるので検索窓に「M5」を入力します。
「M5Stack by M5Stack official」が表示されるのでこれをインストールしていきますが、バージョンは下画像のように「1.0.9」を選択してください。
バージョンを選択出来たら「インストール」をクリックしてください。
インストールが始まりますが容量が大きいので結構時間がかかります。しばらく放置しましょう。
インストールが終了すると、下画像のように「バージョン1.0.9 INSTALLED」と表示されます。
これでボードの追加は完了しました。「閉じる」をクリックしてウインドウを閉じましょう。
・シリアルポート（通信）選択
「パソコン」と「M5Stackシリーズ」との通信に使用する「シリアルポート」の選択を行います。
パソコンのUSBにマイコンボードを接続していない状態で（接続している場合は抜く）下画像のように「ツール」→「シリアルポート」をクリックすると、現在パソコンが使用しているシリアルポートが表示されます。
この状態でマイコンボードを接続すると下画像のように接続したシリアルポート（ここではCOM7）が追加で表示されるので、表示されたシリアルポートをクリックします。
シリアルポートをクリックするとドロップダウンメニューは消えます。
正しくシリアルポートが選択されたかを確認するには再度下画像のように「ツール」→「シリアルポート」をクリックすることで確認できます。
選択したシリアルポートの横にチェックマークがついていれば正しく選択されています。
以上で「M5Stackシリーズ」共通の設定は完了です。
７．機種別設定
「M5Stackシリーズ」を使用するためには機種ごとに必要な設定があります。
ここでは使用するマイコンボードとして「ATOM LITE」を例に紹介します。
・ライブラリの準備
「ATOM LITE」を例に「ライブラリ」をインストールする方法を紹介します。
まずは下画像のように「ツール」→「ライブラリを管理」をクリックします。
以下のようなウインドウが立ち上がるので検索窓に「M5ATOM」と入力します。
「M5Atom by M5Stack」が表示されるので「インストール」をクリックして下さい。
「インストール」をクリックすると下画像のようなウインドウが表示されます。
これは選択した「ライブラリ」と関連する「ライブラリ」のリストです。
個別にインストールすることもできますが、ここでまとめてインストールできるのでインストールしておきましょう。
ウインドウの下にあるボタンの「Install all」をクリックします。
クリックするとインストールが始まるのでしばらく待ちます。
インストールが終わると下画像のような表示になります。
左下に「no protocol」と表示されていますが選択したライブラリのインストールは完了しています。
しかし、肝心の「M5Atom」のライブラリはまだインストールされていませんので、下画像のように再度「インストール」をクリックしてください。
再び関連する「ライブラリ」のリストが表示されますが、今度はウインドウの下にあるボタンの「Install ‘M5Atom’ only」をクリックします。
クリックしてインストールが始まり下画像のように「バージョン0.0.7 INSTALLD」が表示されたらインストール完了です。
ウインドウ右下の「閉じる」をクリックしてウインドウを閉じます。
・使用するボードの選択
使用するマイコンボードを選択します。
「ツール」をクリックして「ボード：”ここは使用状況により異なります”」→「M5Stack Arduino」とカーソルを合わせると「M5Stackシリーズ」のマイコンボード一覧が表示されます。
ここで使用するマイコンボードを選択します。
今回は「ATOM LITE」を使用するので「M5Stack-ATOM」をクリックして選択します。
ボードを選択すると下画像のように画面右下に使用するマイコンボードの情報が表示されます。
・スケッチ（プログラム）例の読み込み
「Arduino IDE」にはスケッチ（プログラム）例が準備されています。
このスケッチ例を読み込む方法を紹介します。
スケッチ例は下画像のように「ファイル」→「スケッチ例」をクリックするとリストが表示されます。
このリストの一番下にある「 ▼ 」にカーソルを合わせるとさらに下のリストが表示されます。
「スケッチ例」の中に下画像のように「M5Atom」があるのでカーソルを合わせて、さらに「Basic」から「LEDSet」をクリックしてください。
「LEDSet」ファイルが新しいウインドウで立ち上がります。
・スケッチ（プログラム）例の書き込み
スケッチ例「LEDSet」を読み込み、下画像のように新しいウインドウで立ち上がったら「→」アイコンをクリックしてスケッチを書き込みます。
書き込みが始まると「→」アイコンが黄色くなります。
下画像のように「ボードへの書き込みが完了しました。」と表示されたら書き込み完了です。
・動作確認
書き込みが完了したら動作確認をしましょう。
「ATOM LITE」のスケッチ例「M5Atom」→「Basic」→「LEDSet」の動作は本体ボタンを押す度に下画像のように本体のLEDが緑、黄、赤、青と繰り返しで点灯するものです。
書き込みが成功していたら、下画像のようにLEDの色が変わるのが確認出来ると思います。
８．コピペ（コピー＆ペースト）での書き込み方法
ここまで書き込むプログラムは「スケッチ例」を使用してきましたが、サイト内に埋め込まれたプログラムを「コピペ」で書き込む方法を紹介します。
以下のコードは以下のリンクで紹介している「ATOM LITE」を使用した「Lチカ（LEDを点灯させる）」プログラムです。
これを「Arduino IDE」のスケッチ（プログラム）作成エリアに貼り付けていきますので、以下のプログラムを全て選択してコピーしてください。
※コピーは下の黒枠内の右上角にある小さなアイコンのクリックでもできます。
#include <M5Atom.h> //Atomのヘッダファイルを準備
// FastLEDライブラリの設定（CRGB構造体）
CRGB dispColor(uint8_t r, uint8_t g, uint8_t b) {
return (CRGB)((r << 16) | (g << 8) | b);
}
// 初期設定 -----------------------------------------------
void setup() {
// 本体初期化（UART有効, I2C無効, LED有効）
M5.begin(true, false, true);
// LED全消灯（赤, 緑, 青）
M5.dis.drawpix(0, dispColor(0, 0, 0));
}
// メイン -------------------------------------------------
void loop() {
M5.update(); //本体のボタン状態更新
if (M5.Btn.isPressed()) { //ボタンが押されていれば
M5.dis.drawpix(0, dispColor(0, 0, 255)); //LED（指定色）
} else { //ボタンが押されてなければ
M5.dis.drawpix(0, dispColor(20, 20, 20)); //LED（白）
}
delay(100); //100ms待機
}次にコピーしたプログラムを「Arduino IDE」に貼り付けていきます。
まず、「Arduino IDE」のスケッチ（プログラム）作成エリアを全選択します。
上画像のように「編集」→「全て選択」をクリックしてください。
※キーボードで「Ctrl ＋ A」でも同じことができます。
上画像のようにスケッチが黄色のハイライトで選択されます。
次にコピーしたプログラムを貼り付けていきます。
下画像のように「編集」→「貼り付け」をクリックしてください。
※キーボードで「Ctrl ＋ V」でも同じことができます。
「貼り付け」を実行すると下画像のように貼り付けられます。
あとは「→」アイコンをクリックして書き込みを実行するだけです。
「ATOM LITE」については以下のリンクで詳しく紹介しています。
９．他の便利な書込みツールPlatformIOの紹介
マイコンボードの開発ツールとして「Arduino IDE」は有名で情報量も多く、手軽に導入できますが、プログラムの作成にはもっと便利な開発ツールがあります。
「Arduino IDE」だけでもプログラムの作成から書込みまでできますが、プログラムを作成するための「エディタ（プログラムを作成、編集するソフト）」の機能が少ないため、効率よくプログラムするには少し物足りないです。
「エディタ」には「VS Code（Visual Studio Code）」という高機能なエディタがあります。
「VS Code」は様々なプログラム言語に対応しており、「コピー」「ペースト」はもちろん、コマンドの「選択」から「一括置換」まで豊富な機能が備わっています。
中でも便利なのが「エメット（自動補完）」機能です。
これはプログラムコマンドの一部を入力すると候補の一覧が表示される機能です。
コマンドに限らず頻繁に使用する「for文」等でも「構文」ごと表示してくれます。
これにより、プログラムコマンドの「スペル」や「構文」間違いを気にすることなくプログラミングに専念できます。
現状ではプログラムの作成、編集を行うなら「VS Code」一択で間違いないと個人的には思います。
この「VS Code」の中で動作するマイコンボードの開発環境として「PlatformIO」というものがあります。
「PlatformIO」のインストールは「Arduino IDE」よりは少しだけ手間がかかりますが、使い慣れてしまうと、もう「Arduino IDE」には戻れません。
本格的にプログラミングを勉強するなら、他の言語でも使用できる「VS Code」だけでもインストールして使い方に慣れておくと今後必ず役に立つと思います。
以下のリンクで「VS Code」と「PlatformIO」のインストールから初期設定まで詳しく紹介しています。
どちらも無償でダウンロードできるのでこの機会にぜひインストールしてみてください。
１０．まとめ
「M5Stackシリーズ」を「Arduino IDE」で使用する方法を紹介しました。
「M5Stackシリーズ」は基板剥き出しの「Arduino」や「Raspberry Pi」「micro:bit」とは違いケースに入ったものがほとんどで初心者の方でも安心して扱えます。
プログラミング環境としては「Arduino」と同じコマンドが使えて、開発環境は情報量の多い「Arduino IDE」が使えるので、初心者の方にも短時間で気軽にプログラミングを体験することができます。
しかし「Arduino IDE」はスケッチ例やコピペしたプログラムの動作確認には最適ですが、プログラムの作成、編集には「エディタ」の機能が物足りないので、最終的には高機能エディタ「VS Code」で動作する「PlatformIO」でプログラムを作成することをお勧めします。
便利なツールはたくさんあります。まずはそれらを利用して間違っててもいいのでプログラムを作って動かしてみましょう。
難しいプログラミングの知識は書いているうちに自然と身についていきます。
「Arduino IDE」では「プログラム」のことを「スケッチ」と呼びます。
これには「キャンバスに自由に絵を描く（スケッチする）ようにプログラムを作成して欲しい」という開発者の思いが込められています。
そんな気持ちで、普段何気なく思いついた「こんなのあったらいいな～」を自分で作ってみましょう。
コメント
Great content! Keep up the good work!
Thank you! I will continue to do my best to deliver good information.
Thanks for another excellent post. The place else may anybody get that type of information in such an ideal manner of writing?
I’ve a presentation next week, and I am at the look
for such information.
Thank you for watching!
I hope the individual information has benefited you.
Good site you’ve got here.. It’s difficult to find high quality writing like yours these days.
I honestly appreciate people like you! Take care!!
Thank you for coming to see us!
I would be happy if the contents recorded here were of some help to you.
I really like your blog.. very nice colors & theme. Did you make this website yourself or did
you hire someone to do it for you? Plz respond
as I’m looking to design my own blog and would like to find out where
u got this from. appreciate it
This site is made by myself with [WordPress].
I will slowly write what I like at my own pace.