Rust → WASM — ブラウザでRustを動かす

Tooscut（ブラウザ映像エディタ）がなぜRust/WASMなのか前述した。ここでは実際にRustをWASMにコンパイルする方法を整理する。

基本フロー

1. wasm-pack build — Rustコードを.wasm + JSバインディングにコンパイル
2. npm公開可能なパッケージが生成される
3. JSからimport { my_function } from './pkg'で呼び出し

wasm-bindgen

RustのStringとJSのstringはメモリレイアウトが異なる。wasm-bindgenがこの変換を自動生成。

#[wasm_bindgen]
pub fn greet(name: &str) -> String {
    format!("Hello, {name}!")
}

性能

WASMはネイティブの90〜95%性能。CPU集約作業（画像処理、暗号化、パース）でJS比5〜50倍速い。DOM操作はJSが適切 — WASMからのDOM API呼び出しはオーバーヘッドが大きい。