
UiFlow チュートリアル
UiFlow2 Web IDE チュートリアルを参照して、UiFlow2 の基本的な使用手順を確認し、M5Burner ファームウェア書き込みツールをインストールします。
M5Burner で PaperS3 に対応するファームウェアをダウンロードします。
Burn ボタンをクリックし、対応するデバイスポートを選択して Start をクリックします。
Next をクリックして書き込みを開始します。
設定情報:
Configure をクリックして画面の指示に従って変更します。
デバイスは Access Code(無線ネットワーク経由)または USB(PC への有線接続)で UiFlow2 に接続でき、プログラムの送信とデバッグを行えます。以下の手順を参照してください。
Configure で変更してから再度書き込んでください。

Access Code を確認します。
uiflow2.m5stack.com にアクセスして UiFlow2 Web IDE を開きます。
ページ上の Select Your Controller(初回表示)または Controller ボタンをクリックし、Select Device ページに入ります。
Connect Device をクリックし、アクセスコードと任意のデバイス名を入力して Confirm をクリックすると、PaperS3 を UiFlow2 に接続できます。
PaperS3 デバイスを選択し、Confirm をクリックすると、UiFlow2 のプログラミング画面に入ります。
PaperS3 を USB ケーブルで PC に接続します。Select Your Controller(初回表示)または Controller ボタンをクリックし、Select Device ページに入ります。
Confirm をクリックします。
WebTerminal ボタンをクリックし、ダイアログで PaperS3 のシリアルポートを選択して Connect をクリックします。
WebTerminal 画面に Connected to Serial Port! と表示されたら、USB 接続は成功です。
デバイスを UiFlow2 に接続したら、Blockly をドラッグしてプログラムを編集できます。
プログラム編集後、画面右下の Run Once ボタンをクリックすると一度だけ実行してテストできます。Run Always をクリックすると、プログラムをデバイスにダウンロードできます。
WebTerminal ウィンドウでも、一度だけ実行したりプログラムをダウンロードしたりできます。