UiFlow2 Web IDE チュートリアルを参照して、UiFlow2 の基本的な使用フローを確認し、M5Burner ファームウェア書き込みツールのインストールを完了します。
M5Burner で Cardputer-Adv に対応するファームウェアをダウンロードします。以下の図を参照してください。
OFF にし、電源を入れる前に G0 ボタンを押し続けます。デバイスに電源が入ったらボタンを離すと、デバイスはダウンロードモードに入ります。
Burn ボタンをクリックし、対応するデバイスポートを選択して Start をクリックします。
Next をクリックして書き込みを開始します。
設定情報の説明:
Burn successfully, click here to return と表示されたら書き込み成功です。この時点でデバイスをリセットしてください。
Configure オプションをクリックして、画面の指示に従って変更します。
デバイスは Access Code (無線ネットワーク経由) または USB (PC との有線接続) で UiFlow2 に接続でき、プログラムの転送とデバッグを行えます。詳しい操作は以下のチュートリアルを参照してください。
Configure オプションで修正してから再度書き込んでください。

Access Code を確認します。
uiflow2.m5stack.com にアクセスして UiFlow2 Web IDE を開きます。
ページ上の Select Your Controller (初回表示時に表示) または Controller ボタンをクリックして、Select Device ページに入ります。
Connect Device をクリックし、アクセスコードと任意のデバイス名を入力してから Confirm をクリックすると、Cardputer-Adv を UiFlow2 に接続できます。
uiflow2.m5stack.com にアクセスして UiFlow2 Web IDE を開き、Cardputer-Adv を USB Type-C ケーブルで PC に接続します。
ページ上の Select Your Controller (初回表示時に表示) または Controller ボタンをクリックして、Select Device ページに入ります。
Confirm をクリックします。
WebTerminal ボタンをクリックし、ダイアログで Cardputer-Adv のシリアルポートを選択して 接続 をクリックします。
WebTerminal 画面に Connected to Serial Port! と表示されれば、USB 接続は成功です。
デバイスを UiFlow2 に接続した後、Blockly をドラッグしてプログラムを編集できます。
プログラム編集後、画面右下の Run Once ボタンをクリックするとテストプログラムを 1 回実行できます。Run Always ボタンをクリックすると、プログラムをデバイスにダウンロードできます。
WebTerminal ウィンドウでもプログラムを 1 回実行またはダウンロードできます。
デバイス (Cardputer-Adv) 起動後、キーボードはデフォルトで低消費電力のスリープ状態になります。キーボード入力機能を有効にするには、以下の操作を同時に行います。左手でキーボード上の fn キーを押し続けてキーボードを起動し、右手で実行したいキーを押します。この操作により、キーボードが正常に有効化され、以降の入力に応答します。具体的な操作方法は、公式ドキュメントを参照してください。
注意:main.py は削除しないでください。削除すると、APP.RUN プログラムに入った際にデバイスがフリーズします。UiFlow2 プログラムの書き込み、または main.py プログラムの実行後は、UiFlow2 メイン画面に戻ることはできません。M5Burner を再度使用して Configure 設定を行い、ファームウェアを更新する必要があります。