Web/WASM
·4 分
WebAssembly を使用して Zylix アプリケーションを Web にビルドしてデプロイします。このガイドでは、プロジェクトのセットアップ、WASM コンパイル、JavaScript 統合、デプロイ戦略について説明します。
前提条件 # 始める前に、以下がインストールされていることを確認してください:
Zig 0.15.0 以降 Node.js 18+(開発サーバー用) WASM をサポートするモダンブラウザ JavaScript と HTML の基本知識 # Zig インストールの確認 zig version # Node.js インストールの確認 node --version プロジェクト構造 # 典型的な Zylix Web プロジェクトの構造:
my-zylix-app/ ├── core/ # Zig ソースコード │ ├── src/ │ │ ├── main.zig # エントリーポイント │ │ ├── app.zig # アプリケーションロジック │ │ ├── vdom.zig # Virtual DOM │ │ └── state.zig # 状態管理 │ └── build.zig # ビルド設定 ├── web/ # Web アセット │ ├── index.html # HTML エントリーポイント │ ├── zylix.js # JavaScript グルーコード │ └── styles.css # スタイル └── dist/ # ビルド出力 └── zylix.wasm # コンパイル済み WASM Web 向けビルド # ステップ 1: ビルド設定 # WASM ターゲット用に build.zig を作成または更新: