
UiFlow チュートリアル
UiFlow2 Web IDE チュートリアルを参照し、UiFlow2 の基本的な使用手順を確認して、M5Burner ファームウェア書き込みツールのインストールを完了します。
M5Burner で Stamp-S3 に対応するファームウェアをダウンロードします。
Found New Device が表示されれば接続成功です。デバイスはプログラミングモードに入ります。
Burn ボタンをクリックし、デバイスポートを選択してから Start をクリックします。
Next をクリックして書き込みを開始します。
設定情報:
Burn successfully, click here to return と表示されれば、書き込み成功です。この時点でデバイスをリセットしてください。
Stamp-S3 には画面が搭載されていないため、起動後に RGB LED が赤色で点灯し、短い警告音が鳴ります。数秒後に赤色 LED が緑色に変われば、デバイスは Wi-Fi に接続されています。Configure オプションをクリックして画面の指示に従って変更します。
デバイスは Access Code(無線ネットワーク経由)または USB(PC への有線接続)で UiFlow2 に接続し、プログラムの配信とデバッグを行えます。詳しい手順は以下を参照してください。
uiflow2.m5stack.com にアクセスして UiFlow2 Web IDE を開きます。
デバイスがネットワークに接続されていることを確認し、Access Code を取得します。画面左下の WebTerminal をクリックし、ダイアログで Stamp-S3 のシリアルポートを選択して Connect をクリックすると、シリアルモニターが開きます。現在生成されている有効な Access Code と Wi-Fi 接続状態を確認できます。(対応する情報が表示されない場合は、Soft Reset ボタンをクリックしてソフトリセットしてください)
Select Your Controller(初回表示時)または Controller ボタンをクリックし、Select Device ページに入ります。
Connect Device をクリックし、アクセスコードと任意のデバイス名を入力して Confirm をクリックすると、Stamp-S3 を UiFlow2 に接続できます。
Select Device ページで接続済みの Stamp-S3 デバイスを選択し、Confirm をクリックすると、UiFlow2 のプログラミング画面に入ります。
uiflow2.m5stack.com にアクセスして UiFlow2 Web IDE を開き、Stamp-S3 を USB ケーブルで PC に接続します。
画面上の Select Your Controller(初回表示時)または Controller ボタンをクリックし、Select Device ページに入ります。
Confirm をクリックします。
WebTerminal ボタンをクリックし、ダイアログで Stamp-S3 のシリアルポートを選択して Connect をクリックします。
WebTerminal 画面に Connected to Serial Port! と表示されれば、USB 接続成功です。
デバイスを UiFlow2 に接続すると、Blockly をドラッグしてプログラムを編集できます。
プログラム編集後、画面右下の Run Once ボタンをクリックするとテスト用に一度だけ実行できます。Run Always ボタンをクリックすると、プログラムをデバイスにダウンロードできます。
WebTerminal ウィンドウからも、プログラムの一回実行またはダウンロードができます。