0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

Windows10上のArduino IDEを使ってM5Stack BasicでHello Worldするまで

Last updated at Posted at 2021-03-13

用意した物

  1. M5Stack Basic
  2. 64bit版Windows10の動いているPC
  3. microUSB端子付きのACアダプタ(スマホ充電用のもの)
  4. microUSBをUSB-Cに変換するアダプタ

M5Stack Basicの初期動作チェック

ケースから取り出します。

M5StackBasicのパケージ M5StackBasicを取り出したところ

ACアダプタのmicroUSB-C端子にUSB-C変換アダプタを挿して、M5Stack BasicのUSB-C端子に接続します。

起動音とスプラッシュスクリーンが表示されたあとに、動作確認用のディスプレイへのカラーアニメーションが表示されます。

テストプラグラムが起動するので、3つのボタンを押すと、ボタンの名前がディスプレイに表示されることを確認します。

ボタンを押すと対応する文字が表示される

Windows PCへのドライバインストール

Windows PCで動作する適当なWebブラウザで、M5Stackの公式サイトにアクセスします。

"SOFTWARE"→"DOWNLOADS"と選んでいきます。

"CP2104 Driver"の"Download"→"Windows"を選んで、CP210x_VCP_Windows.zipをダウンロードします。

ダウンロードしたCP210x_VCP_Windows.zipをエクスプローラ上でダブルクリックし、メニューバーの「圧縮フォルダーツール」から「すべて展開」を選び、「展開」ボタンをクリックします。

展開後に開いたウィンドウの中から、CP210xVCPInstaller_x64_vX.X.X.X.exeをダブルクリックして起動します。("X.X.X.X"にはバージョン番号が入ります)

インストーラーが起動するので、「次へ」を選択します。

CP210x USB to UART Bridge Driver:インストーラ

使用許諾契約の確認が表示されるので、読んだ上で「同意します」にチェックを入れて、「次へ」を選択します。

CP210x USB to UART Bridge Driver:使用許諾契約

インストールプロセスが始まり、終了後に「完了」を選択します。

CP210x USB to UART Bridge Driver:インストーラの完了

Windows PCへのArduino IDEのインストール

Windows PCで動作する適当なWebブラウザで、M5Stackの公式サイトにアクセスします。

"SOFTWARE"→"DOWNLOADS"と選んでいきます。

"Arduino IDE"の"Download"→"Win10 x64"を選ぶと、Arduino.ccのダウンロードサイトに転送されるので、"SOFTWARE"を選択します。

"Windows Win7 and newer"をクリックしてダウンロードページに移動し、"JUST DOWNLOAD"を選択します。(寄付する場合は金額を選択した上で"CONTRIBUTE & DOWNLOAD")

arduino-X.X.X-win.exeがダウンロードされます。("X.X.X.X"にはバージョン番号が入ります)

arduino-X.X.X-win.exeを実行すると、インストーラーが起動します。

はじめに、License Agreement(使用許諾契約)の確認が表示されるので、読んだ上で"I Agree"を選択します。

Arduino IDE:使用許諾契約

次に、インストールするものを選択しますが、デフォルトのままで"Next"を選択します。

Arduino IDE:インストールするものを選択

そして、インストール先のフォルダの入力を求められますが、ここもデフォルトのままで"Install"を選択します。

Arduino IDE:インストール場所の入力

ファイルのコピーが始まるので、しばらく待ちます。

Arduino IDE:ファイルコピー

ドライバのインストールの確認のダイアログが表示sれますが、すべて「インストール」を選択します。

Arduino IDE:ドライバーインストールの確認ダイアログ1
Arduino IDE:ドライバーインストールの確認ダイアログ2
Arduino IDE:ドライバーインストールの確認ダイアログ3

すべてのファイルのコピーが終了したら、"Close"を選択します。

Arduino IDE:インストーラの完了

Windows PCへのM5Stack Basicの接続

Windowsのスタートボタンを右クリックしてメニューを表示し、「デバイス マネージャー」を選択します。

「デバイス マネージャー」のウィンドウが起動するので、「ポート(COMとLPT)」をダブルクリックして、"Silicon Labs CP210x USB to UART Bridge"の横の"(COMX)"という表示を確認します。

デバイスマネージャでCOMXを確認

この場合は、"COM3"になっていました。

Arduino IDEの設定

Windowsのスタートボタンを押して、"Arduino"を選択すると、スプラッシュスクリーンが表示されて、Arduino IDEが起動します。

Arduino IDE:スプラッシュスクリーン
Arduino IDE:起動直後の画面

初回起動直後に、Windowsファイアウォールの確認ダイアログが表示されますが、ここでは「アクセスを許可する」を選択します。

Arduino IDE:Windowsファイアウォールの確認画面

無事に起動したら、メニューバーの「ファイル」から「環境設定」を選択します。

Arduino IDE:ファイル→環境設定を選択

環境設定のウィンドウが起動するので、このなかで「追加のボードマネージャのURL」の入力欄の右にあるボタンをクリックします。

Arduino IDE:環境設定ウィンドウが開くので「追加のボードマネージャのURL」の右にあるボタンをクリック

さらに「追加のボードマネージャのURL」というウィンドウが開くので、「追加のURLを1行ずつ入力」の入力欄に、
https://raw.githubusercontent.com/espressif/arduino-esp32/gh-pages/package_esp32_index.json
を入力して、"OK"を選択します。

Arduino IDE:追加のボードマネージャのURLにhttps://raw.githubusercontent.com/espressif/arduino-esp32/gh-pages/package_esp32_index.jsonを入力

環境設定のウィンドウの"OK"を選択して、元のArduino IDEの起動画面に戻ります。

そして、メニューバーの「ツール」から「ボード:"Arduino Uno"」→「ボードマネージャ」と選択します。

Arduino IDE:ボードマネージャを選択

ボードマネージャのウィンドウが起動するので、タイプの入力欄に"esp32"と入力して下段枠内に現れる"esp32 by Espressif Systems"をクリックして「インストール」ボタンを選択します。

Arduino IDE:esp32をインストール

インストールが完了したら「閉じる」をクリックして、元のArduino IDEの起動画面に戻ります。

次に、メニューバーの「スケッチ」から「ライブラリをインクルード」→「ライブラリを管理」と選択します。

ライブラリマネージャのウィンドウが起動するので、トピックの入力欄に"m5stack"と入力して下段枠内に現れる"M5Stack"をクリックして「インストール」ボタンを選択します。

Arduino IDE:ライブラリを管理を選択

ライブラリのインストールの終了後に「閉じる」をクリックして、元のArduino IDEの起動画面に戻ります。

Arduino IDE:M5Stackをインストール

そして、メニューバーの「ツール」から「ボード:"Arduino Uno"」→"ESP32 Arduino"→"M5Stack-Core-ESP32"と選択します。

Arduino IDE:M5Stack-Core-ESP32を選択

最後に、メニューバーの「ツール」から「シリアルポート」を選択し、さきほどデバイスマネージャで確認した"COMX"を選択します。

Arduino IDE:COMポートの選択

M5Stack BasicへのHello Worldの書き込みと実行

メニューバーの「ファイル」から「スケッチ例」→"M5Stack"→"Basics"→"HelloWorld"と選択して、サンプルコードを読み込みます。

Arduino IDE:HelloWorldサンプルコードの読み込み

読み込みが完了すると、Arduino IDEのメインウィンドウに、HelloWorldのコードが表示されます。

Arduino IDE:HelloWorldのサンプルコードの読み込み後の表示

メニューバーの「スケッチ」から「マイコンボードに書き込む」を選択します。

Arduino IDE:マイコンボードに書き込むを選択

しばらくの間、コードをM5Stackが実行可能なデータに変換するコンパイル処理が行われて、M5Stack Basicに書き込まれます。

Arduino IDE:コンパイル

書き込みが完了すると、M5Stackは自動的に再起動して、画面上に"Hello World"が表示されます。

rps20210313_230415_586.jpg

参考サイト

https://raspberrypi.mongonta.com/howto-start-m5stack-arduinoide/
https://note.com/rasen/n/n83680dd38573

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?