初心者向けM5Stackの始め方(ArduinoIDE編)

 Twitterでフォローしている方々が楽しそうに使っているのを見て使ってみたくなり、M5Stack Grayを購入してみました。ArduinoIDEを使ってスケッチを書き込むまでが初心者には難しいと思うので、まずは「Hello World」を表示させるまでの手順を紹介します。

★こちらはM5Stack Basic,Gray,Fire等旧Coreの手順になります。新しいM5Stack Core2は下記の記事を参照してください。

初心者向けM5Stack Core2の始め方(ArduinoIDE編)  もくじ(Index)

M5Stack関連の目次へ戻る

M5Stackの購入

 M5StackはスイッチサイエンスやAmazonで購入できます。Basic,Gray,Fireの3種類があります。(M5GoとM5Stack Facesというセットもあります。)

 何を買っていいかわからない方は、値段が手ごろで9軸IMU搭載のM5Stack Grayが個人的にはおススメです。マイクも使いたい方はM5Stack Fireを買ってみましょう。

M5Stackを動かすために必要なもの

ハードウェア

 用意するハードウェアは2つだけです。

①PC

 Windows、Mac、Linuxで使うことができます。USBで接続するのでUSB端子が必要です。

②M5Stack

 M5StackにはUSB Type-C端子があり、ケーブルも付属しています。

ソフトウェア

 今回の記事ではArduinoIDEで使う方法を説明するので下記のものを用意します。

①ArduinoIDE

 https://www.arduino.cc/en/Main/Softwareから、ArduinoIDEをダウンロードします。
 ダウンロードする際に、貢献する(CONTRIBUTE)こともできます。(支払はクレジットカードかPayPalで行います。)

★Windowsで初心者の方はexeのInstallerを選択した方がいいでしょう。

②USBのドライバー

 https://m5stack.com/pages/downloadを開き、CP210X Driverというものをダウンロードします。(自分のOSに合ったものをダウンロード)

ソフトのインストール(Windows)

 Windowsへインストールする手順を説明していきます。

デバイスドライバ(CP210X Driver)のインストール(※M5Stack、M5Paper等)

※ M5StickC、M5Atom、M5CoreInkの場合はCP210XではなくFTDIのドライバとなります。Windows10で悩む方が多いようなので注意してください。https://www.ftdichip.com/Drivers/VCP.htm

 

 まずはデバイスドライバをインストールし、M5StackをPCに接続します。

①ダウンロードしたファイルを解凍

 「CP210x_VCP_Windows.zip」というファイルを解凍します。

②インストーラーの実行

 解凍後自分のOSにあったx64(64bit)かx86(32bit)のものを実行してインストールします。実行は画面の指示に従ってください。

  • 64bitOSの場合:CP210xVCPInstaller_x64_v6.7.0.0.exe
  • 32bitOSの場合:CP210xVCPInstaller_x86_v6.7.0.0.exe

 ※途中で「このデバイスソフトウェアをインストールしますか?」というWindowsセキュリティのダイアログが出たら「インストール」を押してください。

③M5StackをPCに接続する。

 M5StackをPCに接続します。
「スタートボタン」の上で右クリック→「デバイスマネージャー」を開いて、ポート名を確認します。下記の画像だと、COM6というのがポート名になるので覚えておきます。

ArduinoIDEのインストール

 ダウンロードしたArduinoIDEをインストールします。インストーラーの場合は画面の指示に従ってください。(特にオプションを変える必要はありません。)

ArduinoIDEの設定

 ドライバとIDEのインストールが終わったら、ArduinoIDEを起動して、設定を行います。

設定の手順

 画面ごとに説明していきます。

①起動画面

 ArduinoIDEを起動するとスケッチの画面が開きます。

②環境設定する。

(1)「ファイル」→「環境設定」をクリックして環境設定の画面を開きます。
(2)「追加のボードマネージャーのURL」の右にあるボタンをクリックします。
(3)URLの入力

 ダイアログ画面が開くので下記のように入力してOKをクリックします。

https://raw.githubusercontent.com/espressif/arduino-esp32/gh-pages/package_esp32_index.json

③esp32のボードを追加する。

 ボードマネージャーを開き、設定します。

(1)ボードマネージャを開く

「ツール」→「ボード…」→「ボードマネージャ…」と選択します。

(2)ボードマネージャ

 ボードマネージャが開いたら、「esp32」と入力し、下のウィンドウに「esp32 by Espressif Systems」という名前のものが出るので、「インストール」をクリックします。

④M5Stackライブラリのインストール

 次にM5Stackのライブラリをインストールします。

(1)「ライブラリを管理」を開く

「スケッチ」→「ライブラリをインクルード」→「ライブラリを管理…」の順に選択します。

(2)ライブラリマネージャ

 ライブラリマネージャの画面が開くので、「m5stack」と入力し、「M5Stack by M5Stack」という名前のライブラリを選択して「インストール」をクリックします。

⑤ボードの設定

※ 2021/1現在、M5Stackのモデルが多くなっています。どのボードを選択してよいか悩んだ時は【M5Stack】ビルド時のボード・オプションの選び方(ArduinoIDE,VSCode+PIO)の記事を見てください。

 「ツール」を開いて、ボードの各項目を設定します。下記のように設定してください。シリアルポートはデバイスマネージャーで確認したCOM?を選びます。

  • ボード:M5Stack-Core-ESP32
  • Upload Speed:921600
  • Flash Frequency:80MHz
  • Flash mode:QIO
  • Partision Scheme:初期値
  • Core Debug Level:なし
  • シリアルポート:(デバイスマネージャーで確認したCOM?)

ここまでで設定は完了です。

HelloWorldを実行する。

 環境の設定が終わったので次は実際にM5Stackにスケッチを書き込んで、「Hello World」と表示させてみましょう。

①スケッチを開く

 「ファイル」→「スケッチ例」→「M5Stack」→「Basics」→「HelloWorld」の順に選択して「HelloWorld」のスケッチを開きます。

②M5Stackに書き込む

 M5Stackが接続されているのを確認して、「スケッチ」→「マイコンボードに書き込む」を選択すると、コンパイルしてからM5Stackに書き込まれます。

③動作確認

 正常に完了すると、自動的に再起動して下記の写真のようにHelloWorldと言う文字が表示されます。

トラブルシューティング

トラブルシューティングの最新情報はM5Stackの困ったときの対処や注意することで紹介していますので解決しない場合こちらも見てください。

スケッチが書き込めない

 ネットで見かけた情報ですが、スケッチが書き込めない場合は下記のことを試してみましょう。

①ドライバのバージョンを変える。

 ドライバのバージョンを変えると上手くいくケースがあります。まずは新しいバージョンを入れてみて、それでもだめだったら、ドライバを削除してからM5Stack公式の古いバージョンへ戻してみましょう。

●最新ドライバ(バージョン10.1.7)

 CP210x USB – UART ブリッジ VCP ドライバ

●古いドライバ(バージョン6.7)

 M5Stack公式

②USBポートを変えてみる。

 PCへ接続するポートによって挙動が変わるようです。USBポートを変えてみたり、HUBを経由するなど接続するUSBポートを変えてみましょう。

 USB3.0ポートで書き込めなかったがUSB2.0ポートに変えたところ書き込めたという事例もあります。

③コンデンサを付ける。

 RST-GND間に1μF以上のコンデンサを付けてみましょう。(電解コンデンサの場合は極性に注意です。)

おわりに

 今回は、初心者向けに「HelloWorld」を表示するまでを説明してみました。ネットを検索すると色々な方々がスケッチをGitHubで公開しています。

 HelloWorldは第一歩なので、M5Stackをどんどん活用して楽しみましょう。

更新履歴

  • 2020/1/12 ボードの選択方法記事へのリンクとM5StickC系のFTDIの注意事項を追加
  • 2019/3/15 新規作成

初心者向けM5Stackの始め方(ArduinoIDE編)” に対して11件のコメントがあります。

  1. 藤井 より:

    初心者向けM5Stackの始め方(ArduinoIDE編)拝見しました。これから始めるものには、大変助かります。品物も購入して試してみます。つまづいたら、またご指導願います。

    1. もんごんた より:

      お役に立てて良かったです。

      これからもわかりやすい記事作成を心がけます。

      コメントありがとうございます。

  2. 鈴木 より:

    大変参考になりました!
    ありがとうございます!!

    M5Stack付属のメモだと、ドライバのインストールが書かれてなかったので書き込みで躓いてました…。

    1. もんごんた より:

      コメントありがとうございます。

      私も先人の知恵をお借りしながら頑張りました。

      M5Stackをこれからも楽しんで使っていきましょう(‘ω’)

  3. 岡田直樹 より:

    やっと本日、ESP32をインストールして hellow word までこぎつけました。
    ありがとうございます。

     中国広東省でM5Stack BASICを購入してやっとこれから使えそうです。
    購入してからここまで2週間かかりました。コロナ影響でゴールデンウイークはすべて
    子供と自宅にいたので、このサイトをみていろいろ試行錯誤していました。

    1. もんごんた より:

      岡田様

      HelloWorldができて安心しました。

      M5Stackの世界は楽しいのでこれからもお子様と一緒に楽しんでください(‘◇’)ゞ

      コメントありがとうございます

  4. しおるな より:

    初心者です。おかげさまでHELLOWORLDまでインストールできました。ありがとうございます。

    1. もんごんた より:

      しおるな様

      コメントありがとうございます。

      M5Stack楽しいのでどんどん使っていきましょう(*^^*)

  5. いつも青春 より:

    HelloWorldがようやく完成して感激です。
    記事の各ステップをたどっていくと確実にゴールの頂上に
    たどり着くこの記事が頼りでした。有難うございました。

  6. 中島 浩二 (85さい) より:

    2024-4-24
    M5Syack(GRAY)の使い方について、宜しくお願い致します。

    (2) ライブラリーをインストールする時、m5stack と入力し、M5Stack by M5Stack ver:0.30
      まできましたが、インストール(0.4.6)を入力すると The library M5stack:0.4.6 needs
    some other library dependencies currently not installed: となります。
      どう対処したら良いのか ご指導のほど お願い申し上げます。

    1. もんごんた より:

      ご質問ありがとうございます。
      それはですね。。。下記のように縦長のダイアログになっており、ボタンが見えないのですが、ダイアログの上をマウスでクリックして「Tab」キー->「Enter」キーの順に押してみてください。
      これはArduinoIDEのバージョン1の仕様&M5Stackのライブラリが依存が多すぎる問題がありArduinoIDE2.0を使うしか解決策はないようです。

      Dialog

      ArduinoIDE2.0のインストールの仕方は下記にあります。
      M5StackのArduinoIDEインストール手順

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です