6
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

IoTLT (IoTや電子工作ネタなど)Advent Calendar 2024

Day 9

【M5StickC Plus2入門編】ページクリッカーつくった

Posted at

はじめに

はじめましてM5Stack。
…ということでM5StickC Plus2を使ってページクリッカー作りました。

環境

  • M2 Mac (Sanoma14.2)

用意する物

成果物

早速ですが完成品はこちら👇

仕様としては…

image.png

  • ボタンA: ページ送り
  • ボタンB: ページ戻し

となっています。

事前準備

ツールのインストール

ArduinoIDE

今回はArduinoIDE上で開発します。

公式のダウンロードページよりインストールしていきます。

image.png

image.png

画面通りにドラッグ&ドロップ。
image.png

インストールしたArduinoIDEを起動します。
image.png

image.png

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

M5Unified

対応してるボード一覧M5StickCPlus2が含まれていることを確認。
image.png

M5StickC PLUS2 > チュートリアルArduino IDE』を参考に、M5Unifiedのライブラリをインストールします。
image.png

M5StickCPlus2

同様に、M5StickCPlus2のライブラリをインストールします。
image.png

ESP32-BLE-Mouse

外部ライブラリの『ESP32-BLE-Mouse 』をインストール・読み込みします。

リリースノートより、最新をzipでダウンロードします。
image.png

ArduinoIDE上で、インストールしたzipを「Sketch」>「Include Library」>「Add .ZIP」の順で読み込みます。
image.png

コンパイルと書き込み

こちらがとても参考になりました🙇‍♀️

使用するボードの選択

「ArduinoIDE」>「Preferenses」のタブを表示させます。
image.png

Additional bords manager URLsに以下を入力します。

https://m5stack.oss-cn-shenzhen.aliyuncs.com/resource/arduino/package_m5stack_index.json

M5Stackのボードマネージャーを追加します。
image.png

「Tools」>「Board」>「M5Stack」>「M5StickC Plus2」の順で選択します・
image.png

M5StickC Plus2とPCをUSBで接続した状態で、
左上の「→」ボタンをクリックしコンパイル&書き込みをおこないます。
image.png

…🤔??
image.png

A fatal error occurred: Failed to connect to ESP32: No serial data received.
For troubleshooting steps visit: https://docs.espressif.com/projects/esptool/en/latest/troubleshooting.html
Failed uploading: uploading error: exit status 2

→シリアルポートの設定がうまくいってないっぽい?
と思いUSBドライバのインストールとポートの設定を一生懸命しましたが関係ありませんでした
😂

原因としては、正しくポートにM5StickC Plus2を設定できていなかったようです。
一度M5StickC Plus2を再起動し、画面左上のボードを編集します。
image.png

ポートに「/dev/cu.usbserial~」を選択します。
image.png

再度「→」ボタンよりコンパイル・書き込みを行います。
image.png

→無事書き込みできました!

お疲れ様です🥳🙌

あとがき

ArduinoM5Stackもはじめて触るということで、前提知識がなく割と時間がかかってしまいました。
ただやはりモノづくりは楽しい物だと改めて時間することができました。
今回参加させていただいた『IoTLT (IoTや電子工作ネタなど) Advent Calendar 2024』のおかげで完成までできたのだと思います。
素敵な機会をありがとうございました🎄✨

皆さん、残りの期間もアドカレを楽しんでください!
良いXmasを…❄️

参考文献

6
3
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
6
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?