インメモリ・デプロイメント・ランタイム v7.0

GitHub上のビルド済み成果物を同一ページにマウントし、ルート相対パスを自動置換してシームレスに実行します。

💡 このシステム(アーキテクチャ)について

本ツールは、GitHub上にホストされているWebアプリケーションの「ビルド済み静的成果物(HTML/JS/CSS)」を動的に走査・取得し、独自のサンドボックス領域(インメモリ)へマウントしてプレビューを実行する軽量開発環境です。

外部のホスティングサービスへの再デプロイやDNSの発行を行うことなく、現在のブラウザセッション内だけで完全に独立した実行ランタイムを展開できます。

主な機能とコアテクノロジー

  • ダイナミック・アセット・ルーティング:ViteやNext.js(SSGエクスポート)等のビルド時に生成されるルート相対パス(先頭スラッシュ付きの資産パス)を正規表現コンパイラでリアルタイムに解析し、jsdelivr CDNの絶対パスへ強制置換。画面のレンダリング崩れや404エラーを完全に防ぎます。
  • インメモリ環境変数インジェクション:指定された環境変数(`.env` データ)を解析し、あらゆるサードパーティ製スクリプトよりも先に実行される即時関数(IIFE)として、仮想HTMLの最上部へ最優先でインジェクションします。これにより、クライアントサイドでの window.process.env の参照エラーを完全に隔離・シールドします。
  • セキュア・サンドボックス構造:キャプチャした成果物はBlob URLに変換された上で、完全に隔離された iframe 領域へマウントされます。親ドメイン(当ポータル)のセッションやローカルストレージを汚染しない、安全なデバッグが可能です。

※本システムは静的ビルド成果物(GitHub PagesやVercelの成果物フォルダなど)をターゲットに設計されています。

※ブラウザ内に完全なLinux環境(Node.jsカーネル)を展開して生ソース(.tsx / .ts)からリアルタイムにコンパイルを行う場合は、別途WebContainers API等の拡張が必要となります。