「Rust/WebAssembly」の版間の差分

提供:ペチラボ書庫
ナビゲーションに移動 検索に移動
(ページの作成:「RustのコードをWebAssemblyにコンパイルします」)
 
編集の要約なし
 
1行目: 1行目:
RustのコードをWebAssemblyにコンパイルします
RustのコードをWebAssemblyにコンパイルします
Rust公式チュートリアルはこちら
* https://rustwasm.github.io/docs/book/introduction.html
MDN Web Docs はこちら
https://developer.mozilla.org/ja/docs/WebAssembly/Rust_to_Wasm
== セットアップ ==
wasm-pack をインストールします
<syntaxhighlight>$ cargo install wasm-pack</syntaxhighlight>
== ビルド ==
cargoでプロジェクトが作成されている必要があります
<syntaxhighlight>$ cargo new --lib [projectname]</syntaxhighlight>
[https://developer.mozilla.org/ja/docs/WebAssembly/Rust_to_Wasm MDN Web Docs] に従って書き換えてみます
完了したらビルドしてみます
<syntaxhighlight>$ wasm-pack build --target web</syntaxhighlight>
[https://developer.mozilla.org/ja/docs/WebAssembly/Rust_to_Wasm MDN Web Docs] に従ってhtmlファイルを作成し、サーバーを立ててちゃんと動くか確認します。
動けばあとは自由に作っていきましょう。
== トラブルシューティング ==
* 404エラー
ファイルが適切な位置に置かれているか確認します。
* text/plainがどうたらこうたら
Windows環境だと.jsファイルのMIMEタイプがデフォルトでtext/plainになっているらしいです。
サーバー側でtext/javascriptにするなどで対応します。

2024年10月8日 (火) 21:01時点における最新版

RustのコードをWebAssemblyにコンパイルします

Rust公式チュートリアルはこちら

MDN Web Docs はこちら https://developer.mozilla.org/ja/docs/WebAssembly/Rust_to_Wasm

セットアップ

wasm-pack をインストールします

$ cargo install wasm-pack

ビルド

cargoでプロジェクトが作成されている必要があります

$ cargo new --lib [projectname]


MDN Web Docs に従って書き換えてみます

完了したらビルドしてみます

$ wasm-pack build --target web

MDN Web Docs に従ってhtmlファイルを作成し、サーバーを立ててちゃんと動くか確認します。 動けばあとは自由に作っていきましょう。

トラブルシューティング

  • 404エラー

ファイルが適切な位置に置かれているか確認します。

  • text/plainがどうたらこうたら

Windows環境だと.jsファイルのMIMEタイプがデフォルトでtext/plainになっているらしいです。 サーバー側でtext/javascriptにするなどで対応します。