Ruby × 車 (その後) ～課題：オフライン対応～

Izumo Developers' Guild 第13回 meetup～出雲Ruby会議感想大会～
https://izumo-developers-guild.connpass.com/event/381873/

Transcript

1. Ruby × 車 (その後) Fujihara Katsutoshi (@__matsudai__) 2026-03-28 Izumo Developers' Guild 第13回
2. 自己紹介 名前： matsudai / ふじはら 所属： 　　　　　　　　　　事業推進部 　　　松江在住のソフトウェアエンジニア。 　　　仕事はRuby、React、JavaなどでのWebシステム開発が中心。
3. 出雲Ruby会議01 出雲Ruby会議01, https://regional.rubykaigi.org/izumo01/
4. 出雲Ruby会議01 SpeakerDeck, https://speakerdeck.com/matsudai/ruby-x-che-ai-che-nodetawoqu-de-seyo
5. 出雲Ruby会議01
6. 出雲Ruby会議01
7. 出雲Ruby会議01
8. 出雲Ruby会議01
9. 出雲Ruby会議01
10. 課題 ・ 開発にインターネット接続が必要： 　 極限環境プログラミングでは人間だけでなく 　 ネットワーク回線も厳しい可能性がある。 ・ プログラム書込み時にUSBケーブルを抜き差し： 　 ボードにリセットボタンがないため、 Rubyコードを 　 変更したい場合にUSBケーブルを抜き差しする。 ・ Pico 2サポート／Pico W系サポート： 　 ボードは２種類（RP2040、RP2350）、さらに各無線モジュール付きモデルがある。 　 → ４パターンへの対応。 ・ ビルド環境なしで使いたい： 　 Raspberry Pi Picoはファームウェア書込みソフトが不要（ボタン押しながら PC接続） 　 のため、ビルド済みファームウェアを DLできるようにしておきたい。
11. 課題 - 開発にインターネット接続が必要 Webブラウザ上で SmT → kaniwriter → ボードへ書き込み、という流れを想定 （PCとボードはUSBケーブルで接続、WebブラウザのSerial APIで通信） → エディタ表示・Rubyコードコンパイルでインターネットへの接続が必要 SmT, https://ceres.epi.it.matsue-ct.ac.jp/smt/ kaniwriter | mruby/c書き込みツール, https://ceres.epi.it.matsue-ct.ac.jp/writer/
12. 課題 - 開発にインターネット接続が必要 Webブラウザ上で SmT → kaniwriter → ボードへ書き込み、という流れを想定 （PCとボードはUSBケーブルで接続、WebブラウザのSerial APIで通信） → エディタ表示・Rubyコードコンパイルでインターネットへの接続が必要 　※ SmTはScratchベースのサーバーアプリ 　　 kaniwriterもmrubyのコンパイラ（mrbc）が動くサーバーアプリ
13. 課題 - 開発にインターネット接続が必要 Webブラウザ上で SmT → kaniwriter → ボードへ書き込み、という流れを想定 （PCとボードはUSBケーブルで接続、WebブラウザのSerial APIで通信） → エディタ表示・Rubyコードコンパイルでインターネットへの接続が必要 　※ SmTはScratchベースのサーバーアプリ 　　 kaniwriterもmrubyのコンパイラ（mrbc）が動くサーバーアプリ 　→ オフライン対応においてはSmT + kaniwriterを利用しない方向 　　ただし元々がSmT対応のため、kaniwriterによる書き込みとの互換性は必要
14. 課題整理 目標： SmTとkaniwriterに依らないオフライン開発環境の構築 　 ① kaniwriterの役割：Rubyコードのコンパイル（ mrbc）、ボードへの書込み 　 ② SmTの役割：Rubyコードの作成
15. 課題 ① Rubyコードのコンパイル、書込み mrubyコンパイラのビルド（mrbc自体の生成）はRuby＋GCCが必要 → 生成されるバイナリは機種依存のためユーザー側で動かしづらい
16. 課題 ① Rubyコードのコンパイル、書込み mrubyコンパイラのビルド（mrbc自体の生成）はRuby＋GCCが必要 → 生成されるバイナリは機種依存のためユーザー側で動かしづらい…？ mruby | GitHub, https://github.com/mruby/mruby/tree/master/build_config
17. 課題整理 ① Rubyコードのコンパイル、書込み mrubyコンパイラのビルド（mrbc自体の生成）はRuby＋GCCが必要 → 生成されるバイナリは機種依存のためユーザー側で動かしづらい…？ mruby | GitHub, https://github.com/mruby/mruby/tree/master/build_config emscripten*.rb …🤔
18. emscripten > Emscriptenは、LLVMを使用したWebAssembly向けの完全なコンパイラツールチェー ンであり、速度、サイズ、およびWebプラットフォームに特に重点を置いています。 emscripten, https://emscripten.org/
19. emscripten > Emscriptenは、LLVMを使用したWebAssembly向けの完全なコンパイラツールチェー ンであり、速度、サイズ、およびWebプラットフォームに特に重点を置いています。 emscripten, https://emscripten.org/ Node.js／ブラウザで動く！
20. 課題整理 目標： SmTとkaniwriterに依らないオフライン開発環境の構築 　 ① kaniwriterの役割：Rubyコードのコンパイル（ mrbc）、ボードへの書込み 　 　 → mrbcはWASM、書き込みは現行踏襲でWeb Serial APIを利用することで 　 　 　 静的なHTML/JSで配布可能、依存はWebブラウザのみ 　 ② SmTの役割：Rubyコードの作成
21. 課題整理 目標： SmTとkaniwriterに依らないオフライン開発環境の構築 　 ① kaniwriterの役割：Rubyコードのコンパイル（ mrbc）、ボードへの書込み 　 　 → mrbcはWASM、書き込みは現行踏襲でWeb Serial APIを利用することで 　 　 　 静的なHTML/JSで配布可能、依存はWebブラウザのみ 　 ② SmTの役割：Rubyコードの作成
22. 課題整理 目標： SmTとkaniwriterに依らないオフライン開発環境の構築 　 ① kaniwriterの役割：Rubyコードのコンパイル（ mrbc）、ボードへの書込み 　 　 → mrbcはWASM、書き込みは現行踏襲でWeb Serial APIを利用することで 　 　 　 静的なHTML/JSで配布可能、依存はWebブラウザのみ 　 ② SmTの役割：Rubyコードの作成 　 　 → VSCodeの拡張機能で実現可能 　 　 　 拡張の有効／無効イベントでWebサーバーを起動・停止ができて、 　 　 　 VSCodeのファイル・ターミナルとブラウザをWebSocketで接続可能
23. デモ (matsudai.kaniburner) kaniburner - Visual Studio Market Place, https://marketplace.visualstudio.com/items?itemName=matsudai.kaniburner
24. ・ mrubyのWebAssembly（WASM）対応によりブラウザで動作可能 ・ VSCode、Webブラウザと組み合わせることで高い可搬性の 　 mruby/cオフライン開発環境を作れた — 今後 — 　 ・ WSL2対応のためブラウザを経由したが、 Windows・Mac環境のために 　 　 ネイティブのUSBポートを使う（ブラウザを経由しない）オプションの提供 まとめ
25. 課題 ・ 開発にインターネット接続が必要： 　 極限環境プログラミングでは人間だけでなく 　 ネットワーク回線も厳しい可能性がある。 ・ プログラム書込み時にUSBケーブルを抜き差し： 　 ボードにリセットボタンがないため、 Rubyコードを 　 変更したい場合にUSBケーブルを抜き差しする。 ・ Pico 2サポート／Pico W系サポート： 　 ボードは２種類（RP2040、RP2350）、さらに各無線モジュール付きモデルがある。 　 → ４パターンへの対応。 ・ ビルド環境なしで使いたい： 　 Raspberry Pi Picoはファームウェア書込みソフトが不要（ボタン押しながら PC接続） 　 のため、ビルド済みファームウェアを DLできるようにしておきたい。