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