[Idea] unvt-playground - Raspberry Piでデプロイ可能な、ブラウザ上で動く、FOSSなGIS開発環境

[yuiseki]

unvt-playground

• unvt-playground というプロジェクトを立ち上げました
• https://github.com/yuiseki/unvt-playground

unvt-playground の概要

• docker compose up するだけで、Visual Studio Codeのサーバーが立ち上がります
• http://localhost:8080/ にアクセスすれば、Visual Studio Codeを、ブラウザで使うことができます
• ブラウザで開いたVSCodeのターミナルから、必要なaptパッケージが一通り入ったUbuntu 22.04を使うことができます
• Dockerの外側には出られないようにしてあるので、この環境では、ブラウザで、好きなだけ、OSがぶっ壊れるくらい試行錯誤することができます
  • 壊れたらまたリセットしてやり直すことができます

デメリット

• unvt-playground は、ブラウザ上のみで完結するものではありません
  • Dockerが実行可能なサーバーを用意する必要があります

メリット

• unvt-playground は、事前にDocker側さえ準備しておけば、ユーザー側は、ブラウザで http://localhost:8080/ にアクセスするだけで、エディタもターミナルも使うことができます
• unvt-playground は、インターネット接続がなくても動きます

unvt-playground を用意するに至った背景

• WebContainers技術は、FOSSではないことがわかりました
  • @webcontainer/api を使ってターミナルとエディタを作ってみましたが、常に *.stackblitz.com との通信が発生しています
    • https://yuiseki.github.io/study-webcontainers-react-ts-vite/
    • https://github.com/yuiseki/study-webcontainers-react-ts-vite/tree/main
  • WebContainers技術をSelf hostしたりOfflineで使うことはできません
    • Open-sourcing for the webplatform ? stackblitz/webcontainer-core#458
• 類似した技術としてNodeboxという技術を検討しましたが、これもFOSSではないようです
  • @codesandbox/nodebox を使って似たようなものを作ってみましたが、常に *.codesandbox.com との通信が発生しています
    • https://yuiseki.github.io/study-nodebox-react-ts-vite/
    • https://github.com/yuiseki/study-nodebox-react-ts-vite/tree/main
• いずれにしても、現状のブラウザの標準APIでは、CやC++やnode-gypによるビルドが必要なnpmパッケージを扱うことはできません
• 以上から、ブラウザのみで完結する開発環境・実行環境という方針は諦めました
• 代わりに、DockerとVisual Studio Codeをブラウザで使えるサーバーである code-server を使って、セルフホストできる、インターネット接続がなくても動く開発環境を用意する方針にしました
• インターネット接続がある環境においては、WebContainers技術やNodebox技術は何らかの用途では有用かもしれません。

今後の考え

• unvt-pi-gen の開発を再開しました
  • https://github.com/yuiseki/unvt-pi-gen
• unvt-pi-gen の仕様を削ります
  • これまではgis関連のaptパッケージやtilemakerやmundoを動かそうとしていましたが、ゴッソリ削りました
• unvt-pi-gen は、まず、起動するだけでRaspberry Pi上でDockerが動く状態でセットアップすることを最優先にします
• Dockerさえ動くようになったら、 unvt-playground を含めることも検討します
• そうすれば、 unvt-pi-gen を使って unvt-playground が準備済みの環境を事前に用意して展開することが可能になります
• unvt-playground のほうを充実させるなりバリエーションを用意したりすれば、Raspberry Piとブラウザだけで、様々なソフトウェア開発を試行錯誤できます

[hfu]

@yuiseki なるほど、これは嬉しいです。私もあとで試してみたいと思います。ありがとうございます。

[yuiseki]

SDカードを挿すだけで起動直後にpiユーザーでdockerが動くRaspberry Pi OSのイメージ、できました！！！！