ESP32 へのファイルの書き込み方法（Arduino IDE 2.x）
data/フォルダ以下のファイル群）を書き込む方法をご案内します。本稿では、応用的な内容（TWELITE SPOT に搭載された ESP32 のフラッシュ領域をファイルシステムとして扱い、HTML などのファイルを書き込む方法）を紹介しております。
例えば TWELITE SPOT に HTML ファイルを書き込んでWebサーバとして振る舞わせたい（spot-server サンプルで実現しています）、TWELITE SPOT に暗号鍵ファイルを書き込んでおきたいといった要求がない場合には、本稿の内容を無視していただいて構いません。
本稿では、サードパーティのオープンソースソフトウェアを使用します。
サードパーティのソフトウェアについて、その詳しい使用方法を弊社からご案内することはいたしかねます。また、サードパーティのソフトウェアを使用されたことによるいかなる損害についても、弊社は一切の責任を負いません。
プラグインの導入
ESP32 のフラッシュ領域へファイルを書き込むための Arduino IDE 2.x プラグイン (earlephilhower/arduino-littlefs-upload) をインストールします。
プラグインのダウンロード
以下のページから、arduino-littlefs-upload-x.x.x.vsix を入手します。
Releases · earlephilhower/arduino-littlefs-upload
プラグインのインストール
ダウンロードした arduino-littlefs-upload-x.x.x.vsix を、ユーザディレクトリ以下の .arduinoIDE/plugins に配置してください。
- Windowsの例：
C:\Users\foo\.arduinoIDE\plugins\ - macOS/Linuxの例：
~/.arduinoIDE/plugins/
ホストとの接続
TWELITE R3 / R2 を接続
7P インターフェイス（ESP32 と記載のある側）に TWELITE R3 / R2 を接続してください。
電源を接続
側面の USB-C コネクタ に 5V 電源を供給してください。
接続例 (ESP32)
Arduino IDE の操作
スケッチを開く
Arduino IDE を起動して、スケッチを開いてください。
書き込むファイルの配置
スケッチ -> スケッチのフォルダを表示 から、スケッチのフォルダを開いてください。
スケッチファイル（
.ino）と同じ階層に、dataフォルダを作成してください。dataフォルダ内に、書き込むファイルを配置してください。
data フォルダ内の階層構造は維持されます。シリアルポートを選択
ツール -> シリアルポート メニューから、 TWELITE R3 / R2 のポートを選択してください。
COM? といった名称に、macOS / Linux では /dev/tty? といった名称になります。ESP32 をプログラムモードで起動
TWELITE SPOT の ESP32 リセットスイッチ EN(RST) と ESP32 ブートスイッチ BOOT を押し、EN(RST) -> BOOT の順で離してください。
ボタンの位置
BOOT を押した状態でリセットすることで、ESP32 をプログラムモードに移行できます。書き込みを実行
Ctrl+Shift+P（macOSは⌘+Shift+P）を押して、コマンドパレットを呼び出してください。Upload LittleFS to Pico/ESP8266/ESP32を選択してください。
コマンドパレットの画面
Completed upload. と表示されます。ESP32 をリセット
書き込みが完了したら、TWELITE SPOT の ESP32 リセットスイッチ EN(RST) を押して離し、ESP32 をリセットしてください。
リセットスイッチの位置