mirror of
https://github.com/m5stack/m5-docs.git
synced 2026-05-20 10:23:01 -07:00
Merge branch 'master' of https://github.com/m5stack/m5-docs
This commit is contained in:
LiHuashen
@@ -0,0 +1,7 @@
|
||||
# M5StickC クイックスタート {docsify-ignore-all}
|
||||
|
||||
**好きなプログラミングスタイルを以下から選んでください。**
|
||||
|
||||
<img src="assets/img/macos-logo.png"> | <img src="assets/img/windows-logo.png"> | <img src="assets/img/uiflow-logo.png">
|
||||
---|---|---
|
||||
[Arduino-MacOS](en/quick_start/m5stickc/m5stickc_quick_start_with_arduino_MacOS) | [Arduino-Windows](en/quick_start/m5stickc/m5stickc_quick_start_with_arduino_Windows) | [UIFlow](en/quick_start/m5stickc/m5stickc_quick_start_with_uiflow)
|
||||
@@ -0,0 +1,91 @@
|
||||
# M5StickC クイックスタート {docsify-ignore-all}
|
||||
|
||||
## コンテンツ
|
||||
|
||||
**[1. Arduino IDE インストール](#_1-Arduino-IDE-インストール)**
|
||||
|
||||
**[2. ESP32ボードマネージャ インストール](#_2-ESP32ボードマネージャ-インストール)**
|
||||
|
||||
**[3. M5StickCライブラリ インストール](#_3-M5Stickcライブラリ-インストール)**
|
||||
|
||||
**[4. 例題](#_4-例題)**
|
||||
|
||||
## 1. Arduino IDE インストール
|
||||
|
||||
ブラウザを開いて、Arduino公式サイト https://www.arduino.cc/en/Main/Software にアクセスします。
|
||||
|
||||
#### (1) `Windows ZIP file for non admin install`をクリックし、`Arduino IDE`をダウンロードします。
|
||||
|
||||
<img src="assets/img/getting_started_pics/m5stack_core/get_started_with_arduino_m5core/windows/arduino_cc_package.png">
|
||||
|
||||
#### (2) `JUST DOWNLOAD`をクリックします。
|
||||
|
||||
<img src="assets/img/getting_started_pics/m5stack_core/get_started_with_arduino_m5core/windows/arduino_cc_package_02.png">
|
||||
|
||||
#### (3) Arduino IDEのインストーラーをダブルクリックし、実行します。設定やパスはすべてデフォルトのままで問題ありません。
|
||||
|
||||
<img src="assets/img/getting_started_pics/m5stack_core/get_started_with_arduino_m5core/windows/select_arduino_install_path.png">
|
||||
|
||||
<img src="assets/img/getting_started_pics/m5stack_core/get_started_with_arduino_m5core/windows/install_arduino_2.png">
|
||||
|
||||
## 2. ESP32ボードマネージャ インストール
|
||||
|
||||
#### (1) Arduino IDEを開き、メニューから`File`->`Peferences`->`設定`と選択します。
|
||||
|
||||
<img src="assets/img/getting_started_pics/m5stack_core/get_started_with_arduino_m5core/windows/quick_start_arduino_win_01.png">
|
||||
|
||||
<img src="assets/img/getting_started_pics/m5stack_core/get_started_with_arduino_m5core/windows/quick_start_arduino_win_02.png">
|
||||
|
||||
#### (2) 次のESP32ボードマネージャURLを`追加のボードマネージャのURL:`に追記します。
|
||||
|
||||
*ESP32ボードマネージャURL: https://dl.espressif.com/dl/package_esp32_index.json*
|
||||
|
||||
<img src="assets/img/getting_started_pics/m5stack_core/get_started_with_arduino_m5core/windows/quick_start_arduino_win_03.png">
|
||||
|
||||
#### (3) 次にメニューから`ツール`->`ボード:`->`ボードマネージャ...`と選択します。
|
||||
|
||||
<img src="assets/img/getting_started_pics/m5stack_core/get_started_with_arduino_m5core/windows/quick_start_arduino_win_04.png">
|
||||
|
||||
#### (4) 検索ボックスで`ESP32`と検索し、出てきた`esp32ライブラリ`を`インストール`します。
|
||||
|
||||
<img src="assets/img/getting_started_pics/m5stack_core/get_started_with_arduino_m5core/windows/quick_start_arduino_win_05.png">
|
||||
|
||||
## 3. M5StickCライブラリ インストール
|
||||
|
||||
#### (1) Arduino IDEを開き、メニューから`スケッチ`->`ライブラリをインクルード`->`ライブラリの管理...`と選択します。
|
||||
|
||||
<img src="assets/img/getting_started_pics/m5stack_core/get_started_with_arduino_m5core/windows/install_m5stack_lib_01.png">
|
||||
|
||||
#### (2) 検索ボックスで`M5StickC`と選択し、`M5StickCライブラリ`を`インストール`します。
|
||||
|
||||
<img src="assets/img/getting_started_pics/m5stickc/m5stickc_quick_start_10.png">
|
||||
|
||||
## 4. 例題
|
||||
|
||||
まずArduino IDEでプログラムを書き込めるかどうか確認します。
|
||||
|
||||
#### (1) シリアルポートの確認
|
||||
|
||||
`Windowsデバイスマネージャ`を開きます。
|
||||
|
||||
<img src="assets/img/getting_started_pics/m5stickc/m5stickc_quick_start_06.png">
|
||||
|
||||
なぜならM5StickC'sのシリアルポート変換チップのドライバはインストールの必要がありません。Tpye-C USB ケーブルでM5StickCをPCに接続するだけで認識します。接続した際に、デバイスマネージャに新しいシリアルポートが出現するので、それをメモします。
|
||||
|
||||
<img src="assets/img/getting_started_pics/m5stickc/m5stickc_quick_start_05.png">
|
||||
|
||||
#### (2) サンプルスケッチから`FactoryTest.ino`を開きます。
|
||||
|
||||
Arduino IDEを開き、M5StickCが接続されているシリアルポートを選択します。
|
||||
|
||||
ボード名、ボーレート、シリアル接続スピードを以下のように設定します: **ESP32 Pico Kit**, **115200**, COMx(今回、M5StickCが使用するポートは`COM31`ですが、毎回変わります。)
|
||||
|
||||
<img src="assets/img/getting_started_pics/m5stickc/m5stickc_quick_start_08.png">
|
||||
|
||||
サンプルスケッチの中から`M5StickC` -> `Basics` -> `FactoryTest.ino`と選択します。
|
||||
|
||||
<img src="assets/img/getting_started_pics/m5stickc/m5stickc_quick_start_04.png">
|
||||
|
||||
`Upload`をクリックし、プログラムをM5StickCに書き込みます。
|
||||
|
||||
<img src="assets/img/getting_started_pics/m5stickc/m5stickc_quick_start_09.png">
|
||||
@@ -4,7 +4,8 @@
|
||||
|
||||
***
|
||||
|
||||
:memo:**[概要](#概要)** :bulb:**[組み立て](#組み立て)** 🛒**[購入リンク](https://www.aliexpress.com/store/product/M5Stack-Official-Rubber-Band-Powered-Butterfly-Launcher-with-SERVO-control-and-GROVE-Cable-Adapter-Children-s/3226069_32956965036.html)**
|
||||
:memo:**[概要](#概要)** :bulb:**[組み立て](#組み立て)** 🛒**[購入リンク](https://www.aliexpress.com/store/product/M5Stack-Official-Rubber-Band-Powered-Butterfly-Launcher-with-SERVO-control-and-GROVE-Cable-Adapter-Children-s/3226069_32956965036.html)** :clapper:**[関連動画](#関連動画)**
|
||||
|
||||
|
||||
## 概要
|
||||
|
||||
@@ -26,4 +27,18 @@
|
||||
|
||||
<img src="assets/img/product_pics/unit/unit_butterfly_05.png" width="70%" height="70%">
|
||||
|
||||
<img src="assets/img/product_pics/unit/unit_example/BUTTERFLY/example_unit_butterfly_04.png">
|
||||
<img src="assets/img/product_pics/unit/unit_example/BUTTERFLY/example_unit_butterfly_04.png">
|
||||
|
||||
## 関連動画
|
||||
|
||||
**BUTTERFLYの組み立て方**
|
||||
|
||||
<video width="500" height="315" controls>
|
||||
<source src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/video/Blog/Twitch201903/butterfly_03.mp4" type="video/mp4">
|
||||
</video>
|
||||
|
||||
**BUTTERFLYのデモ**
|
||||
|
||||
<video width="500" height="315" controls>
|
||||
<source src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/video/Blog/Twitch201903/butterfly_05.mp4" type="video/mp4">
|
||||
</video>
|
||||
Reference in New Issue
Block a user