
UiFlow チュートリアル
UiFlow2 Web IDE チュートリアル を参照して、UiFlow2 の基本的な使用手順を理解し、M5Burner ファームウェア書き込みツールのインストールを完了してください。
M5Burner で PaperColor に対応するファームウェアをダウンロードします。下図を参照してください。
Burn ボタンをクリックし、対応するデバイスポートを選択してから Start をクリックします。
Next をクリックして書き込みを開始します。
設定情報の説明:
Burn successfully, click here to return と表示されたら、書き込みは成功です。この時点でデバイスをリセットしてください。
Configure オプションをクリックして、画面の指示に従って変更します。
デバイスは Access Code(無線ネットワーク経由)または USB(コンピュータへの有線接続)で UiFlow2 に接続し、プログラムの配信とデバッグを行えます。詳細な手順は以下を参照してください。
Configure オプションで修正してから、再度書き込みを行ってください。

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