ChromebookだけでM5StackのUIFlowを使えるようにする

はじめに

前回ChromebookでLinux環境が使えない場合でも、WindowsPC使ってファームウェアだけ書き換えることでM5StackのUIFlowが使えるようにするメモを残しましたが、今回はLinux環境が使える場合のためにChromebookのLinux環境でM5Burnerを使ってファームウェアを書き換えできたのでそのメモを残します。
学校で生徒が運用する場合は、セキュリティや事故防止が優先されLinux環境を使うこと自体がNGとなってる場合があります。その場合は前回の記事を参照してください。（ファームウェアの書き換えにWindowsのPCなど別の端末が必要です）
(参考)前回の記事：ChromebookでM5Stackを触る

Linuxを使えるようにする

1. システムトレイから設定をクリックします
   

2. 設定の画面で「デベロッパー」をクリックします
   

3. Linux環境をオンにします
   

4. セットアップ開始画面で「次へ」をクリックします
   

5. ユーザ名とディスクサイズを決めてインストールします
   ユーザ名は何でも良いです（日本語はNG）
   ディスクサイズは推奨だと10Gになってますが、学生が使う端末はもともとストレージの容量も小さいことが多いので、10Gも占有されると辛いし、今回はM5Burnerが動けばいいので最小の2GBにします。足りなければあとから増やせるしね。
   ※2023.4.1：2Gだと足りなかったので最初から3G確保してください。（サイズ変更は後述してるのでそちらを参考に）
   最後に「インストール」ボタンをクリックする
   

6. 終わるの待つ
   

7. ターミナルが起動したらひとまずインストール完了
   ただ、この跡確認しますが空き容量ほぼありません
   

8. 空き容量確認します
   Home配下で使用可能な空き情報を見てみます。

   df -h /home    
   

   結果を見るとほぼ空きがありません。
   なので、容量を増やします。
   

9. 設定のLinux環境をクリックします
   設定のデベロッパーのところから、Linux開発環境をクリックします。

   

10. ディスクサイズの変更ボタンをクリックします
    

11. 3GBにしてサイズへを変更する
    

12. 空き容量確認します
    ターミナルから再度Home配下で使用可能な空き情報を見てみます。

    df -h /home    
    

    使用可能なサイズが増えてることが確認できました。
    

M5Burner使えるようにする

1. M5Burnerをダウンロードします
   M5Stackのダウンロードサイトにある「M5Burner Linux x64 v3.0」をダウンロードします。
   

2. ダウンロードしたファイルをLinuxフォルダに移動させます
   ダウンロードしたファイルをコピーします。
   
   左側のLinuxファイルをクリックして貼り付けます
   

3. ZIPファイルを解凍します
   ターミナルからこのコマンド実行します。
   Zipファイルの名前はこの記事を書いてる時点のファイル名（上のキャプチャのファイル名と同じ）前提で書いてますので、必要に応じてファイル名は書き換えてください。
   ※M5Burnerというフォルダに解凍するようにします。

   unzip -d M5Burner M5Burner-v3-beta-linux-x64.zip  
   

4. フォルダーを移動する
   lsコマンドを実行すると「M5Burner」というフォルダが確認できるので、cdコマンドでフォルダーを移動します。（Linuxなのでディレクトリって言ったがいいのかな？）

   cd M5Burner    
   

   下記のようになったらOKです。
   

5. M5Burnerを実行します
   ターミナルから下記のコマンドを実行してアプリを起動してみます。

   ./M5Burner    
   

   残念ながらライブラリが足りないようでした。。。
   

6. 足りないライブラリを追加します
   ターミナルから下記のコマンドを実行してライブラリをインストールします。

   sudo apt-get install -y libnss3    
   

   

   余談ですが、最初sudoつけ忘れて下記のようなメッセージが出ました。
   
   もし、本当にロックが原因の場合は以下を実行してみてください。

   sudo rm /var/lib/apt/lists/lock
   sudo rm /var/lib/dpkg/lock
   sudo rm /var/lib/dpkg/lock-frontend
   sudo apt autoremove
   

   これで再度ライブラリをインストール

7. 再度M5Burnerを実行してみる
   ターミナルから下記のコマンドを実行してアプリを起動してみます。

   ./M5Burner    
   

   無事起動はできました。起動できたら一度M5Burnerアプリを終了してください。
   

M5BurnerでM5Stackのファームウェアを書き換える

1. M5StackをChromebookに接続します
   まずは、M5StackをChromebookのPCに接続してください。
   接続直後USBデバイスが検出されますので、Linuxに接続してください。
   

   クリックする前に通知が消えた場合は以下のやり方でも同じことができます。

   1. システムトレイから設定をクリックします
      
   2. 設定の画面で「デベロッパー」をクリックします
      
   3. Linux開発環境をクリックします
      
   4. USBデバイス管理をクリックします
      
   5. USB Single SerialをONにします
      

2. M5Burnerを起動します
   ターミナルから以下のコマンドを実行しM5Burnerを起動します
   ターミナルから下記のコマンドを実行してアプリを起動してみます。

   ./M5Burner    
   

3. UIFlowのファームウェアをダウンロードする
   まずはUIFlow(Core)のダウンロードを行います（初回だけです。ダウンロード済みの場合は次に進んでください）
   バージョンはひとまず最新でよいです（デフォルト表示されているもので良いです）。
   

4. ファームウェアを書き込む
   Burnボタンをクリックしてファームウェアを書き込みを開始します。
   

5. M5Stackが接続するWi-Fiの接続情報を入力する
   ファームウェアを書き込む際、M5Stackが接続するWi-Fiの接続先のSSIDとパスワードを入力してください。
   この時、自宅で使う場合は自宅のもので良いですが、職場や学校で使う場合はその場所で使うネットワークを指定してください。
   入力後、「Next」ボタンをクリックしてください
   ※接続先は2.4G帯にしてください
   

6. Startボタンをクリック
   ポートを選択し「Start」ボタンをクリックします。Rateは変更なしです。
   

7. 書き込みが終わるまで待つ
   もしエラーが発生する場合はエラー内容を読んで解消してください。（よくあるのがCOMポートの選択ミスです）
   

8. 書き込み完了
   「Burn successfully, Click here to return」ボタンをクリックして、最初の画面に戻ります。
   M5Stackの画面には何か表示されてるかもしれませんが、今は無視してよいです。
   

9. 設定画面を表示する
   「Configurate」ボタンをクリックします。
   
   ポート選択の画面が出ますが、そのまま「Load」ボタンをクリックします。
   

10. StartModeを確認する
    Start Modeが「Internet Mode」になってることを確認してください。
    また、WIFI SSIDとパスワードが先ほど入力した内容と一致してるか確認してください。ファームウェア書き換えるときに指定した値になっていなかった（私の環境だけかもしれませんが）ので、もし指定した情報と違っていたらここで修正してください。
    修正した場合は「SAVE」ボタンをクリックして保存します。
    

11. M5StackをPCから切り離し、再起動する
    
    これでファームウェアの書き換え完了です。
    あとはUIFlowから開発していきます。