MacでM5StickCの開発環境構築から書き込みまで

# 環境
* Mac OS Catalina 10.15

# 参考情報

M5 Stick C本体 | SWICH SCIENCE
https://www.switch-science.com/catalog/5517/

M5 Stick C公式ドキュメント | M5 Stick C 概要
https://docs.m5stack.com/#/en/core/m5stickc

M5 Stick C公式ドキュメント | Arduino クイックスタート
https://docs.m5stack.com/#/en/arduino/arduino_development

Github | M5 Stick Cソースコード
https://github.com/m5stack/M5StickC

# 手順

## USB Driverをダウンロードする

クイックスタートのドキュメントを開く。
https://docs.m5stack.com/#/en/arduino/arduino_development?id=usb-driver

Macを選択すると、ダウンロードが始まります。

<img width="1003" alt="スクリーンショット 2020-08-06 10.09.44.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/288712/6177ac31-286a-dd4a-d58b-b1e1b91d32c3.png">

## USB Driverのセットアップ

ZIPを解答してdmgを開くとダイアログが開くので、pkgファイルを開く。
<img width="882" alt="スクリーンショット 2020-08-06 10.10.49.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/288712/90839907-e5cf-5c8c-3d1a-84de63338c5c.png">

「続ける」をクリックし、インストール完了まですすめる。
<img width="732" alt="スクリーンショット 2020-08-06 10.10.51.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/288712/5f261bff-c1c0-c29b-a2be-60ab2aca7874.png">

下記が表示された場合は、環境設定でセキュリティとプライバシーを開く。
<img width="542" alt="スクリーンショット 2020-08-06 10.12.21.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/288712/6f5fadcc-a6b3-2011-900d-089ec3431c5e.png">

「開発元"Silicon Laboratories Inc"…」で「許可」をクリックする。
<img width="780" alt="スクリーンショット 2020-08-06 10.12.41.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/288712/7fcb152d-06ea-9d15-c3e6-c503e7355ac5.png">

## arduino IDEをダウンロードする

ダウンロードURL
https://www.arduino.cc/en/main/software

HOURY版のMac OS Xを選択すると、ダウンロードが始まる。
<img width="960" alt="スクリーンショット 2020-08-06 9.17.03.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/288712/1d4c5f4a-3eda-4a27-90f2-3f3e43e3277d.png">

## arduino IDEのセットアップ

arduino IDEを起動して、「File > Peferences > Settings」を選択する。
「追加のボードマネージャのURL」に下記をコピペする。
`https://dl.espressif.com/dl/package_esp32_index.json`

<img width="977" alt="スクリーンショット 2020-08-06 10.47.30.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/288712/0e0d52b2-1d1d-888a-e6cd-7c7d5ab88feb.png">

「Tools > Board > Boards Manager...」を選択する
`ESP32`を入力して、検索結果の"esp32"をインストールする。
<img width="912" alt="スクリーンショット 2020-08-06 10.52.26.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/288712/71158d6f-5b70-010b-e21a-4cabd294b85f.png">

「Tools > Board > ESP32 Arduino > M5Stick-C」を選択する。
<img width="788" alt="スクリーンショット 2020-08-06 10.54.55.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/288712/6c931ca6-b960-c35b-fae5-ef285cbc2501.png">

「Sketch > Include Library > Manage Libraries...」を選択する。
`M5StickC`を入力して、検索結果の"M5StickC"をインストールする。
<img width="912" alt="スクリーンショット 2020-08-06 11.01.26.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/288712/e5a65a92-f590-986b-8374-408c2df9073a.png">

# arduinoでM5StickCに書き込みする

M5StickCとMacをUSBで接続する。


ツールの設定を下記にする。

| 設定名 | 設定値 |
|:---------|:---------|
| ボード | M5Stick-C |
| Upload Speed | 1500000 |
| Partition Scheme | 初期値 |
| Core Debug Level | なし |
| シリアルポート | /dev/cu.usbserial-*** |

（設定例）
<img width="415" alt="スクリーンショット 2020-08-06 15.17.15.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/288712/549a087b-1663-3de1-57db-5c5d0a4a013f.png">

サンプルで提供されているスケッチを選択する。
今回はRCTを選択。

<img width="740" alt="スクリーンショット 2020-08-06 15.25.26.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/288712/37562670-36cb-f107-4923-c43284aceacb.png">

エディタ左上の書き込みボタン(→)をクリックする。

<img width="612" alt="スクリーンショット 2020-08-06 15.43.03.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/288712/129bb131-61c7-98b8-96e0-bf573881f8d2.png">

Arduinoのエディタに、下記のメッセージが表示されれば書き込みは正常完了です。

```
Leaving...
Hard resetting via RTS pin...
```

書き込み完了したM5StickCの動作。
（RIP Hat装備状態）
![IMG_0180.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/288712/83e6693f-98f8-29d1-a697-dc4fad15c415.jpeg)