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ファームウェア書き込みツールをダウンロードしてください。解凍後、アプリケーションを起動してください。

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

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

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