UiFlow チュートリアル

UiFlow1 開発ガイド

プロジェクト管理

LTEネットワークを使用する

UiFlow1 Blockly

Event

Unit

NanoC6 ファームウェア書き込み・プログラム配信

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

  1. UiFlow2 Web IDE チュートリアルを参照して、UiFlow2 の基本的な使用手順を理解し、M5Burner ファームウェア書き込みツールのインストールを完了してください。

  2. M5Burner で NanoC6 に対応するファームウェアをダウンロードします。

  1. NanoC6 本体前面のボタンを押しながら、USB Type-C ケーブルでデバイスをコンピュータに接続し、ボタンを離すとダウンロードモードに入り、書き込み待機状態になります。
  1. M5Burner で NanoC6 に対応する UiFlow2 ファームウェアの Burn ボタンをクリックし、対応するデバイスポートを選択してから Start をクリックします。
  1. デバイスが接続する Wi-Fi 設定として Wi-Fi SSID と Wi-Fi Password、および追加または変更が必要なその他のデバイス設定を入力し、Next をクリックして書き込みを開始します。

設定情報の説明:

  • Server:デバイスが接続するサーバーアドレス
  • Wi-Fi SSID/Wi-Fi Password:デバイスが接続する Wi-Fi 名とパスワード
  • SNTP サーバー:
    • SNTP0:Alibaba Cloud NTP サーバー(中国)
    • SNTP1:日本 NTP サーバープール
    • SNTP2:グローバル公共 NTP サーバープール
  • Timezone:タイムゾーン設定
  • Boot Option:ファームウェア書き込み完了後のデバイス起動モードを設定
    • Run main.py directly:書き込み完了後、ネットワークに接続せず、UiFlow2 の起動画面を表示せずに、main.py 内のプログラムを直接実行します
    • Show startup menu and network setup:デバイスがネットワークに接続し、画面付きデバイスでは UiFlow2 の起動画面を表示します
    • Only network setup:デバイスはネットワークへの接続のみを行い、UiFlow2 の起動画面は表示しません
  1. Burn successfully, click here to return と表示されたら、書き込みは成功です。この時点でデバイスをリセットしてください。
  1. ファームウェア書き込み完了後にデバイス設定を変更する場合は、USB 接続を維持したままデバイスを再起動し、Configure オプションをクリックして、画面の指示に従って変更します。

2. デバイス接続

NanoC6 は Access Code(無線ネットワーク経由)または USB(コンピュータへの有線接続)で UiFlow2 に接続でき、プログラムの配信とデバッグを行えます。詳細な手順は以下を参照してください。

Access Code ワイヤレス接続

  1. uiflow2.m5stack.com にアクセスして UiFlow2 Web IDE を開きます。

  2. デバイスがネットワークに接続されていることを確認します。NanoC6 本体前面の RGB インジケーターが緑色に点灯していれば、デバイスはネットワークに正常に接続されています。青色に点灯している場合は未接続です。この場合は、ファームウェア書き込み時に入力した Wi-Fi 名とパスワードが正しいか確認し、M5Burner の Configure オプションで修正してから、再度書き込みを行ってください。

  1. Access Code を取得します。UiFlow2 Web IDE の画面左下にある WebTerminal をクリックし、ダイアログで NanoC6 のシリアルポートを選択して 接続 をクリックすると、シリアルモニタが開き、現在生成されている有効な Access Code を確認できます。(対応する情報が表示されない場合は、Soft Reset ボタンをクリックしてソフトリセットしてください)
  1. ページ上の Select Your Controller(初回アクセス時に表示)または Controller ボタンをクリックし、Select Device ページに入ります。
  1. Connect Device をクリックし、アクセスコードと任意のデバイス名を入力して Confirm をクリックすると、NanoC6 を UiFlow2 に接続できます。
Access Code 説明
1. ブラウザを変更する、プライベート / シークレットモードを使用する、または UiFlow2 サイトのキャッシュを削除すると、元のペアリング状態は無効になります。
2. タブを閉じる、ブラウザを再起動する、アカウントにログインまたはログアウトするだけでは、既に紐付けられたペアリング関係には影響しません。
3. デバイスが他のブラウザで一度バインドおよびペアリングされると、元のブラウザのペアリング関係は直ちに無効になります。
  1. Select Device ページで接続済みの NanoC6 デバイスを選択し、Confirm をクリックすると、UiFlow2 のプログラミング画面に入れます。

USB 有線接続

  1. uiflow2.m5stack.com にアクセスして UiFlow2 Web IDE を開き、NanoC6 を USB Type-C ケーブルでコンピュータに接続します。

  2. ページ上の Select Your Controller(初回アクセス時に表示)または Controller ボタンをクリックし、Select Device ページに入ります。

  1. デバイス一覧で NanoC6 デバイスを選択し、Confirm をクリックします。
  1. WebTerminal ボタンをクリックし、ダイアログで NanoC6 のシリアルポートを選択して 接続 をクリックします。

WebTerminal 画面に Connected to Serial Port! と表示されたら、USB 接続は成功です。

3. プログラムの実行とダウンロード

デバイスを UiFlow2 に接続すると、Blockly をドラッグしてプログラムを編集できます。

プログラム編集が完了したら、画面右下の Run Once ボタンをクリックしてテストプログラムを 1 回実行できます。Run Always ボタンをクリックすると、プログラムをデバイスにダウンロードできます。

WebTerminal ウィンドウでも、プログラムを 1 回実行またはダウンロードできます。

4. 関連リンク

Page Tools
PDF
On This Page