StackChan ファーム書き込み・プログラム配信

1. 準備

• UIFlow2 Web IDE チュートリアルを参照し、UiFlow2 の基本的な使用方法を理解した上で、M5Burner ファームウェア書き込みツールのインストールを完了してください。
• M5Burner にログイン・登録してください。デバイスの書き込みが完了すると、デバイス情報が同時にそのアカウントに紐付けられます。

2. ファームウェア書き込み

1. ダウンロードモードに入る：USB-C ケーブルで PC と StackChan を接続します（本体の USB-C ポートおよびベースの USB-C ポートの両方でデータ転送が可能ですが、モーターの回転による予期しない動作を避けるため、ベースのポートの使用を推奨します）。RST リセットボタン（下側の microSD カードスロット横）を3 秒間長押しし、ボタン横のインジケーターが緑色に変わったらダウンロードモードに入った状態です。ボタンを離してください。

2. M5Burner でStackChan対応のファームウェアをダウンロードします（下図参照）。

3. StackChanファームウェアに対応するBurnボタンをクリックし、該当するデバイスポートを選択後、Startをクリックします。

4. デバイスが接続する Wi-Fi 設定（Wi-Fi SSID、Wi-Fi Password）およびその他追加・変更が必要なデバイス設定を入力し、Nextをクリックして書き込みを開始します。

Burn successfully, click here to returnと表示されたら、書き込みは成功です。この時点でデバイスを再起動し、書き込み情報を有効にしてください。

設定情報の説明

• COM：シリアルポート
• BaudRate：シリアル通信のボーレート
• Server：デバイスが接続するサーバーアドレス
• WIFI SSID/WIFI Password：デバイスが接続する Wi-Fi 名とパスワード
• SNTP サーバー
  • SNTP0：Alibaba Cloud NTP サーバー（中国）
  • SNTP1：日本 NTP サーバープール
  • SNTP2：グローバル公共 NTP サーバープール
• Timezone：タイムゾーン設定
• Boot Option（ブートオプション）：ファームウェア書き込み完了後のデバイス起動モードを設定します
  • run main.py directly（main.pyを直接実行）：書き込み完了後、ネットワークに接続せず、UiFlow2の起動画面を表示せずに、main.py 内のプログラムを直接実行します
  • show startup menu and network setup（起動メニューとネットワーク設定を表示）：デバイスがネットワークに接続し、画面付きデバイスはUiFlow2の起動画面を表示します
  • only network setup（ネットワーク設定のみ実行）：デバイスはネットワーク接続のみを実行し、UiFlow2の起動画面を表示しません

3. デバイス設定の変更

ファームウェアの書き込み完了後、デバイス設定を変更する必要がある場合は、USB 接続を維持したままデバイスを再起動し、M5Burner のConfigureオプションをクリックして、表示された設定画面で変更を行った後、nextをクリックして設定情報を再度書き込みます。

4. UiFlow2 にログイン

UiFlow2 ページにアクセスし、ページ右上のユーザーアイコンをクリックして UiFlow2 システムアカウントにログインします。

5. プログラミングページに入る

Wi-Fi 方式または USB 方式でデバイスを UiFlow2 に接続し、プログラミングページに入ることができます。具体的な方法は以下の通りです：

Wi-Fi 方式

1. デバイスリストに入ります。

2. オンラインデバイスを選択し、Confirmをクリックします。

デバイスの UiFlow2 プログラミングページに正常に入ります。

USB 方式

1. StackChan を USB ケーブルで PC に接続し、デバイスリストで StackChan デバイスモジュールを選択後、Confirmをクリックします。

2. WebTerminalボタンをクリックします。

3. ポップアップでStackChanのシリアルポートを選択し、接続をクリックします。

WebTerminal 画面にConnected to Serial Port!と表示されたら、USB 接続が成功し、デバイスの UiFlow2 プログラミングページに入った状態です。

6.RUN

上記の手順が完了したら、UiFlow2 でのプログラミングを開始できます。

7. 関連リンク

• UiFlow2 Blockly の紹介
• UiFlow2 ファームウェアソースコード