From 8b82e154d283ffcfccb5ed06a3e7c860f4353710 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=A1=A9=E5=85=A5=E5=AD=94=E7=AB=A0?= Date: Tue, 8 Jan 2019 16:06:40 +0900 Subject: [PATCH] add quick-start for m5stick in japanese --- docs/ja/base/btc_base.md | 2 +- .../m5core/m5stack_core_quick_start.md | 2 - .../m5stick/m5stick_quick_start.md | 13 ++++ .../m5stick_quick_start_with_arduino.md | 17 +++++ .../m5stick_quick_start_with_uiflow.md | 71 +++++++++++++++++++ 5 files changed, 102 insertions(+), 3 deletions(-) create mode 100644 docs/ja/quick_start/m5stick/m5stick_quick_start.md create mode 100644 docs/ja/quick_start/m5stick/m5stick_quick_start_with_arduino.md create mode 100644 docs/ja/quick_start/m5stick/m5stick_quick_start_with_uiflow.md diff --git a/docs/ja/base/btc_base.md b/docs/ja/base/btc_base.md index 19c3a8de..5e1047a0 100644 --- a/docs/ja/base/btc_base.md +++ b/docs/ja/base/btc_base.md @@ -22,7 +22,7 @@ BTCベースはDHT12を内蔵しており、周囲の温度、湿度を検出す - USB Type-C ケーブル - M3 x 16 ネジ -- ツール +- 六角棒スパナ diff --git a/docs/ja/quick_start/m5core/m5stack_core_quick_start.md b/docs/ja/quick_start/m5core/m5stack_core_quick_start.md index 71d71d5e..e4101403 100644 --- a/docs/ja/quick_start/m5core/m5stack_core_quick_start.md +++ b/docs/ja/quick_start/m5core/m5stack_core_quick_start.md @@ -1,7 +1,5 @@ # 今すぐ始めるM5Stack - - ## 好きなプログラミング言語を以下から選んでください。 | | diff --git a/docs/ja/quick_start/m5stick/m5stick_quick_start.md b/docs/ja/quick_start/m5stick/m5stick_quick_start.md new file mode 100644 index 00000000..d399490f --- /dev/null +++ b/docs/ja/quick_start/m5stick/m5stick_quick_start.md @@ -0,0 +1,13 @@ +# M5Stick クイックスタート + +**好きなプログラミング言語を以下から選んでください。** + + | +---|--- +[Arduino](ja/quick_start/m5stick/m5stick_quick_start_with_arduino) | [UiFlow(Blockly/MicroPython)](ja/quick_start/m5stick/m5stick_quick_start_with_uiflow) + + + + + + diff --git a/docs/ja/quick_start/m5stick/m5stick_quick_start_with_arduino.md b/docs/ja/quick_start/m5stick/m5stick_quick_start_with_arduino.md new file mode 100644 index 00000000..23673154 --- /dev/null +++ b/docs/ja/quick_start/m5stick/m5stick_quick_start_with_arduino.md @@ -0,0 +1,17 @@ +# M5Stick クイックスタート (Arduino) + +## 1. `U8g2` ライブラリのインストール + +まずArduino IDEを開き、`Sketch`->`Include Library`->`Manage Libraries...`の順に選択します。検索窓で`U8g2`を検索し、インストールします。 + + + +## 2. Arduino-ESP32の設定 + +利用しているパソコンのOSに対応したドキュメントを参照してください。 +同じMCUが組み込まれているので、M5StickとM5Coreのクイックスタート手順は似ています。 +[M5Coreクイックスタート手順](ja/quick_start/m5core/m5stack_core_quick_start) + + | +---|--- +[MacOS](ja/quick_start/m5core/m5stack_core_get_started_Arduino_MacOS) | [Windows](ja/quick_start/m5core/m5stack_core_get_started_Arduino_Windows) diff --git a/docs/ja/quick_start/m5stick/m5stick_quick_start_with_uiflow.md b/docs/ja/quick_start/m5stick/m5stick_quick_start_with_uiflow.md new file mode 100644 index 00000000..197e589f --- /dev/null +++ b/docs/ja/quick_start/m5stick/m5stick_quick_start_with_uiflow.md @@ -0,0 +1,71 @@ +# M5Stick クイックスタート(UIFlow) + + + +1. **[ファームウェア更新](#ファームウェア更新)** + +2. **[電源オン](#電源オン)** + +3. **[環境設定](#環境設定)** + + - **[ステップ1. WIFI設定](#step1-wifi設定)** + + - **[ステップ2. API Key設定](#step2-api-key設定)** + +4. **[例題](#例題)** + +## ファームウェア更新 + +>M5Stickのファームウェアを最新にすることでより良い体験が得られます。 + +*もしファームウェアを更新する場合は[こちら](ja/related_documents/how_to_burn_firmware)を参照してください。* + + + +## 電源オン + +>M5Stickの左下にあるボタンは電源ボタンです。一回押すと電源オン、実行中に一回押すとリセット、素早く二回押すと電源オフです。 + +>電源ボタンに加えて、プログラムで利用可能な`A`ボタンを提供します。 + + + +## 環境設定 + +### Step1. WIFI設定 + +初回起動する際、デフォルトで設定ページが表示されます。OLEDスクリーンに**AP名(SSID)**と**WiFi設定アドレス(192.168.4.1)**が表示されます。 + +PCまたはスマホを利用して、表示されているAPへ接続します。接続が成功したら、ブラウザからWiFi設定アドレスにアクセスします。そして普段使用しているネットワークのSSIDとパスワードを入力後、`Save`をクリックし、接続が成功するのを待ちます。 + + + +## Step2. API Key設定 + +WiFi設定が完了したら、M5Stickは自動的に再起動後、プログラミングモードに遷移します。画面に“Done”と表示されたら、M5StickがWiFiへ接続したことを示します。次にWeb IDE [flow.m5stack.com](http://flow.m5stack.com/)へアクセスし、プログラミングをしてみましょう。 + +[Web IDE](http://flow.m5stack.com/)のページ右上の`Settings`ボタンをクリックし、M5Stickのスクリーンに表示される**API Key**を登録し、保存ます。これでプログラミングの準備が整いました。 + + + + + +## 補足 + +>もし`Download`をクリックした場合、最後にDownloadされたプログラムを実行します。この場合にもしプログラミングモードに遷移したい場合は、リセット後、`UiFlow`ロゴが消えるまでに`A` ボタンを1回クリックします。 + + + +>もし新しいWiFi設定をしたい場合、 リセット後、`UiFlow`ロゴが消えるまでに`A`ボタンを1秒以上押し続けてから離します。 + +## 例題 + +>こちらから例題をダウンロードします。 [example](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/Core/M5Stick/UIFlow)。そして`UiFlow`でこのサンプルコードを開き、実行します。 実行結果: 白い四角形がスクロールします。 + + + +## ノート + +>スティック画面の解像度は**64x128**です。従って[Web IDE](http://flow.m5stack.com/)で図形をドラッグしてM5Stickの画面に表示する場合は、(0,0)から(63,127)の範囲内にドラッグしてください。（現在、ラベルと長方形の表示をサポートしています） + + \ No newline at end of file