【M5Stack】Arduino IDEの開発環境構築(Windows,Mac)

M5StackのArduino IDEの開発環境
読者

M5Stackの開発環境を「Arduino IDE」で構築してみたい人「写真付きで解説された記事を読みたい. . . 」

こんにちは、クマベです。
この記事ではArduino IDEの環境構築をおこない、M5Stack開発の準備作業について説明していきます。

Arduino IDE とは

「Arduino IDE」とは、イタリア発祥のマイコンボード「Arduino」の統合開発環境です。
誰でも簡単にプログラミング学習ができる環境になっており、無償でダウンロードできます。

豊富なライブラリが揃っており、コンパイル・ダウンロード・実行など一連の作業がこれひとつで可能です。
利便性の高さから、他のマイコンボードの開発環境としても使用されており、「M5Stackシリーズ」も扱えます。

マイコンボードを動かしながらプログラミングを進められるので「C言語」の学習にも最適です。

目次

Windows編

STEP
Arduino IDEをインストールする

下記のArduinoの公式サイトからArduino IDEを取得します。

あわせて読みたい
Software Open-source electronic prototyping platform enabling users to create interactive electronic objects.


「Windows zip file」を選択します。

Windows-Arduino-IDE


「JUST DOWONLOAD」を選択します。
※無償ですが、ドルを選択することで開発者に寄付してダウンロードすることも可能です。

Windows-Arduino-IDE-Download


「Microsoft Store アプリの取得」を選択します。

install-arduino-for-windows
STEP
USBドライバをインストールする

下記のM5Stackの公式サイトからUSBドライバを取得します。
※USBドライバはUSBケーブルで接続して通信するのに必要なツールです。

m5stack-store
Download TUTORIAL M5StickC-Guide Download English 中文 日本語 introduce UIFlow Tutorial for M5StickC. Contains 8 course cases M5GO-Guide Download English 中文 日本語 int...


「CP2104 Driver」の「Download」を選択し、「Windows」をクリックします。

WIndows-CP2104-Driver


「フォルダー」からダウンロードしたzipファイルを解凍します。

cp210x-vcp-windows


「CP210xVCPInstaller_x64」を選択します。

cp210x-vcp-installer

PCのバージョンによってソフトが変わります。
下記の写真のようにPCの設定から、詳細情報を選択し、システムの種類をお確かめください。
※ほとんどの場合が「x64」ですが、「x86」の場合もあります

alart-system-board
注意:PCのバージョンの確認方法


手順通りに進めドライバをインストールします。

open-arduino-ide-for-windows


インストール完了。

Download-CP210x
STEP
Arduino IDEの設定

ダウンロードした「Arduino」を選択します。

open-arduino-ide-for-windows


初回起動時はアクセスの許可が必要です。

acsess-fire-wall
STEP
ボードマネージャの追加

「ファイル」から「環境設定」を選択します。

click-to-preference


「追加のボードマネージャのURL」の右にあるボタンをクリックし、下記の「URL」を2つコピペします。

board-maneger-add
https://raw.githubusercontent.com/espressif/arduino-esp32/gh-pages/package_esp32_index.json
https://m5stack.oss-cn-shenzhen.aliyuncs.com/resource/arduino/package_m5stack_index.json
STEP
M5Stackのライブラリ追加

「ツール」から「ボード」をクリックし、「ボードマネージャ」を選択します。

select-to-board-maneger


「M5Stack」と入力し「M5Stack」のライブラリ(最新バージョン)をインストールします。

m5stack-library-install


「esp32」と入力し「esp32」のライブラリ(最新バージョン)をインストールします。

esp32-library-install


インストールが終了すると、「INSTALLED」と表示されます。
※容量が大きいので多少時間がかかります

これで「M5Stack」シリーズの開発をおこなう準備が完了しました。

Mac編

STEP
Arduino IDEをインストールする

下記のArduinoの公式サイトからArduino IDEを取得します。

あわせて読みたい
Software Open-source electronic prototyping platform enabling users to create interactive electronic objects.


「Mac OS X」を選択します。

Mac-Arduino-IDE


「JUST DOWONLOAD」を選択します。

Mac-Arduino-IDE-Download
STEP
USBドライバをインストールする

下記のM5Stackの公式サイトからUSBドライバを取得します。
※USBドライバはUSBケーブルで接続して通信するのに必要なツールです。

m5stack-store
Download TUTORIAL M5StickC-Guide Download English 中文 日本語 introduce UIFlow Tutorial for M5StickC. Contains 8 course cases M5GO-Guide Download English 中文 日本語 int...


「CP2104 Driver」の「Download」を選択し、「MacOS」をクリックします。

MAC-CP214-Driver


「Finder」からダウンロードしたソフトを選択します。

Mac-SiLabsUSBDriverDisk.dmg


「Silicon Labs VCP Driver.pkg」を選択します。

Mac-SiliconLabsVCPDriver.pkg


手順通りに進めドライバをインストールします。

Mac-Open-CP2104-Driver


インストール完了。

Mac-Install-cp2104-driver
STEP
Arduino IDEの設定

「Finder」からダウンロードした「Arduino」を選択します。

open-arduino-for-mac
STEP
ボードマネージャの追加

メニューバーの「Arduino」から「Preferences」を選択します。

open-preference-for-mac


「追加のボードマネージャのURL」の右にあるボタンをクリックし、下記の「URL」を2つコピペします。

board-maneger-arduino
https://raw.githubusercontent.com/espressif/arduino-esp32/gh-pages/package_esp32_index.json
https://m5stack.oss-cn-shenzhen.aliyuncs.com/resource/arduino/package_m5stack_index.json
STEP
M5Stackのライブラリ追加

「ツール」から「ボード」をクリックし、「ボードマネージャ」を選択します。

Select-to-board-maneger


「M5Stack」と入力し「M5Stack」のライブラリ(最新バージョン)をインストールします。

install-m5stack-board-maneger


「esp32」と入力し「esp32」のライブラリ(最新バージョン)をインストールします。

install-esp32-board-maneger


インストールが終了すると、「INSTALLED」と表示されます。
※容量が大きいので多少時間がかかります

これで「M5Stack」シリーズの開発をおこなう準備が完了しました。

おわりに

「Arduino IDE」で「M5Stack」シリーズを使用する方法を紹介しました。

次回は実際にプログラムを作ってM5Stackに書き込むまでを対応していきます。

よかったらシェアしてね!
  • URLをコピーしました!
目次