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