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