メインコンテンツまでスキップ
Version: 0.18.0

始める

Rust

まずはじめに Rust が必要です。Rust とビルドツールのcargoをインストールするために、以下の公式サイト を見てください。

Wasm ビルドツール

WebAssembly と JavaScript の互換を持たせるために他にツールが必要です。さらに、選んだツールに応じてブラウザでアプリから.wasmファイルを実行するのに 必要な JavaScript ラッパーのコードを生成し、これによってデプロイやパッケージ化での頭痛の種を軽減させるのに役立ちます。

wasm-pack

Rust / Wasm 活動チームによって開発されている CLI ツールで、WebAssembly をパッケージ化することができます。 Webpack にはwasm-pack-pluginが最もよく使われています。

wasm-packで始める

cargo-web

wasm-packwasm-bindgenを導入する前は好まれた Web ワークフローツールです。 wasm-packがサポートされていないサンプルを動かすのにインストールする価値があり、依然として最もお手軽に始められる方法です。

cargo webで始める

比較

wasm-packcargo-web
プロジェクトの進行状況

Rust / Wasm活動チーム により活発にメンテナンス

6ヶ月間GitHubでの活発な活動無し

開発体験

ほぼ大丈夫! webpackがあればなお良い。

しっかり動く!完結していて、外部ライブラリに頼る必要無し。

ローカルサーバー

webpackプラグインによるサポートあり

サポートあり

ローカル環境での変更による自動再ビルド

webpackプラグインによるサポートあり

サポートあり
ヘッドレスブラウザテスト

サポートあり

サポートあり

サポートされているターゲット
  • wasm32-unknown-unknown
  • wasm32-unknown-unknown
  • wasm32-unknown-emscripten
  • asmjs-unknown-emscripten
web-sys互換性あり互換性無し
stdweb互換性あり互換性あり
使用例

入門用テンプレート

Yewで

作る例