pdf-icon

UIFlow Web IDE のクイックスタート

UIFlowは誰もが簡単に使えるグラフィカルプログラミングIDEで、無線/有線のプログラムプッシュをサポートし、プログラムをクリックで実行でき、反復的なコンパイル作業が不要です。UIFlowは100以上のM5ハードウェアの拡張デバイスやセンサーをサポートし、一鍵で拡張を追加できるため、製品プロトタイプの構築を有効に支援し、開発過程を最終製品化まで加速します。本チュートリアルでは、M5StackデバイスにUIFlow 1.x版のファームウェアを書き込み、UIFlow Web IDEを使用して製品の二次開発を進める方法を紹介します。

1.はじめに

UIFlowを使用してプログラミングを始める前の準備手順:

  • 1.M5Burnerファームウェア書き込みツールをインストール。
  • 2.M5Burnerを使って対応デバイスのファームウェアを書き込み、WiFi接続を設定し、デバイスのAPI KEYを取得。
  • 3. UIFlow Web IDE 1.0版 を開き、対応のデバイスオプションを選択し、デバイスのAPI KEYを入力。
  • 4.Blocklyをドラッグ&ドロップでプログラム編集し、Runボタンを押下でプログラムのデバッグを行い。
  • 補足説明:
    • M5BurnerはM5Stackが提供する統合ファームウェア書き込みツールで、ユーザーはUIFlowファームウェアを簡単に書き込み、WiFi等の設定情報も行うことができます。
    • API KEYはUIFlow 1.0でデバイスを識別するキーで、デバイスがUIFlowファームウェアを書き込み完了時に生成されます。UIFlow Web IDEは指定したデバイスと同じAPI KEYを使って、プログラムのリモートプッシュを実現します。

2.M5Burnerのインストール

ご使用のオペレーティングシステムに応じて、下記のボタンをクリックし、対応のM5Burnerファームウェア書き込みツールをダウンロードしてください。解凍後、アプリケーションを起動してください。

软件版本 下载链接
M5Burner_Windows Download
M5Burner_MacOS Download
M5Burner_Linux Download
注意:
MacOSユーザーはインストール完了後、アプリをApplicationフォルダ内に移動してください。下図を参考にしてください。
Linuxユーザーは解凍したファイルのパスに移動し、ターミナルで./M5Burnerを実行してアプリを起動してください。

3.ファームウェアの書き込み & プログラムの実行

対応製品のプログラム書き込み方法を参考にし、プログラムをアップロードしてください

Chip Product Name Learn
ESP32 Basic/Fire/Gray/M5G 書き込み方法
ESP32 M5Core2/M5Core2 AWS 書き込み方法
ESP32 M5Tough 書き込み方法
ESP32 M5StickC 書き込み方法
ESP32 M5StickCPlus 書き込み方法
ESP32 M5StickCPlus2 書き込み方法
ESP32 M5Atom 書き込み方法
ESP32 M5Paper 書き込み方法
ESP32 M5CoreInk 書き込み方法
On This Page