diff --git a/files/ja/webassembly/javascript_interface/compilestreaming_static/index.md b/files/ja/webassembly/javascript_interface/compilestreaming_static/index.md index b3316a8d50688a..b89d619695ac45 100644 --- a/files/ja/webassembly/javascript_interface/compilestreaming_static/index.md +++ b/files/ja/webassembly/javascript_interface/compilestreaming_static/index.md @@ -37,7 +37,7 @@ WebAssembly.compileStreaming(source) ### ストリーミングのコンパイル -次の例 (Github上のデモ [compile-streaming.html](https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/compile-streaming.html) と、[動作例](https://mdn.github.io/webassembly-examples/js-api-examples/compile-streaming.html)を参照してください) では、ソースから直接 .wasm モジュールをストリームして、 [`WebAssembly.Module`](/ja/docs/WebAssembly/JavaScript_interface/Module) オブジェクトにコンパイルしています。`compileStreaming()` 関数は [`Response`](/ja/docs/Web/API/Response) オブジェクトを渡すプロミスを受け取るので、直接 [`fetch()`](/ja/docs/Web/API/fetch) の呼び出し結果を渡すことができます。 +次の例 (Github上のデモ [compile-streaming.html](https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/compile-streaming.html) と、[動作例](https://mdn.github.io/webassembly-examples/js-api-examples/compile-streaming.html)を参照してください) では、ソースから直接 .wasm モジュールをストリームして、 [`WebAssembly.Module`](/ja/docs/WebAssembly/JavaScript_interface/Module) オブジェクトにコンパイルしています。`compileStreaming()` 関数は [`Response`](/ja/docs/Web/API/Response) オブジェクトを渡すプロミスを受け取るので、直接 [`fetch()`](/ja/docs/Web/API/Window/fetch) の呼び出し結果を渡すことができます。 ```js const importObject = { imports: { imported_func: (arg) => console.log(arg) } }; diff --git a/files/ja/webassembly/javascript_interface/index.md b/files/ja/webassembly/javascript_interface/index.md index 1827f5e81aa477..3e0d013dce6a57 100644 --- a/files/ja/webassembly/javascript_interface/index.md +++ b/files/ja/webassembly/javascript_interface/index.md @@ -43,17 +43,17 @@ slug: WebAssembly/JavaScript_interface - {{jsxref("WebAssembly.instantiateStreaming()")}} - : ソースのストリームから直接 WebAssembly モジュールをコンパイル、インスタンス化し、 `Module` と、その最初の `Instance` を返します。 - {{jsxref("WebAssembly.compile()")}} - - : {{jsxref("WebAssembly.Module")}} を用いて WebAssembly バイナリコードからコンパイルします。インスタンス化は別ステップとして分離されます。 + - : {{jsxref("WebAssembly.Module")}} を用いて WebAssembly バイナリーコードからコンパイルします。インスタンス化は別ステップとして分離されます。 - {{jsxref("WebAssembly.compileStreaming()")}} - : ソースのストリームから直接 {{jsxref("WebAssembly.Module")}} にコンパイルします。インスタンス化は別ステップとして分離されます。 - {{jsxref("WebAssembly.validate()")}} - - : WebAssembly バイナリコードの型付き配列を検証し、バイト列が有効な WebAssembly コードか (`true`) 否か (`false`) を返します。 + - : WebAssembly バイナリーコードの型付き配列を検証し、バイト列が有効な WebAssembly コードか (`true`) 否か (`false`) を返します。 ## 例 ## .wasm モジュールを読み込み、コンパイルし、インスタンス化する -次の例 (GitHub 上の [instantiate-streaming.html](https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/instantiate-streaming.html) のデモと、[動作例](https://mdn.github.io/webassembly-examples/js-api-examples/instantiate-streaming.html)も参照) は、基礎となるソースから .wasm モジュールを直接ストリーミングし、コンパイルしてインスタンス化し、 `ResultObject` で履行されるプロミスを返します。 `instantiateStreaming()` 関数は [`Response`](/ja/docs/Web/API/Response) オブジェクトのプロミスを受け付けるので、 [`fetch()`](/ja/docs/Web/API/fetch) の呼び出し結果を直接渡すと、履行されたときにレスポンスを関数に渡すことができます。 +次の例 (GitHub 上の [instantiate-streaming.html](https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/instantiate-streaming.html) のデモと、[動作例](https://mdn.github.io/webassembly-examples/js-api-examples/instantiate-streaming.html)も参照) は、基礎となるソースから .wasm モジュールを直接ストリーミングし、コンパイルしてインスタンス化し、 `ResultObject` で履行されるプロミスを返します。 `instantiateStreaming()` 関数は [`Response`](/ja/docs/Web/API/Response) オブジェクトのプロミスを受け付けるので、 [`fetch()`](/ja/docs/Web/API/Window/fetch) の呼び出し結果を直接渡すと、履行されたときにレスポンスを関数に渡すことができます。 ```js var importObject = { imports: { imported_func: (arg) => console.log(arg) } }; diff --git a/files/ja/webassembly/javascript_interface/instantiate_static/index.md b/files/ja/webassembly/javascript_interface/instantiate_static/index.md index 5a70f9d2a3a493..851efd35692f45 100644 --- a/files/ja/webassembly/javascript_interface/instantiate_static/index.md +++ b/files/ja/webassembly/javascript_interface/instantiate_static/index.md @@ -7,7 +7,7 @@ slug: WebAssembly/JavaScript_interface/instantiate_static **`WebAssembly.instantiate()`** 関数は WebAssembly コードをコンパイルおよびインスタンス化することができます。この関数は 2 つのオーバーロードを持ちます。 -- 第一のオーバーロードは、 [型付き配列](/ja/docs/Web/JavaScript/Typed_arrays) または {{jsxref("ArrayBuffer")}} で表現された WebAssembly バイナリコードを受け取り、そして、コンパイルとインスタンス化の両方を 1 ステップで行います。返された `Promise` は解決時にコンパイルされた {{jsxref("WebAssembly.Module")}} と最初の {{jsxref("WebAssembly.Instance")}} を渡します。 +- 第一のオーバーロードは、 [型付き配列](/ja/docs/Web/JavaScript/Typed_arrays) または {{jsxref("ArrayBuffer")}} で表現された WebAssembly バイナリーコードを受け取り、そして、コンパイルとインスタンス化の両方を 1 ステップで行います。返された `Promise` は解決時にコンパイルされた {{jsxref("WebAssembly.Module")}} と最初の {{jsxref("WebAssembly.Instance")}} を渡します。 - 第二のオーバーロードは、すでにコンパイルされた {{jsxref("WebAssembly.Module")}} を受け取り、解決時にその `Module` の `Instance` を渡す `Promise` を返します。このオーバーロードは、すでに `Module` がコンパイル済みの場合に有用です。 > [!WARNING] @@ -15,7 +15,7 @@ slug: WebAssembly/JavaScript_interface/instantiate_static ## 構文 -### 第一のオーバーロード — wasm バイナリコード +### 第一のオーバーロード — wasm バイナリーコード ``` Promise WebAssembly.instantiate(bufferSource, importObject); diff --git a/files/ja/webassembly/javascript_interface/instantiatestreaming_static/index.md b/files/ja/webassembly/javascript_interface/instantiatestreaming_static/index.md index f92452c803edc6..25ba35edfb235a 100644 --- a/files/ja/webassembly/javascript_interface/instantiatestreaming_static/index.md +++ b/files/ja/webassembly/javascript_interface/instantiatestreaming_static/index.md @@ -40,7 +40,7 @@ WebAssembly.instantiateStreaming(source, importObject) ### ストリーミングのインスタンス化 -次の例 (Github上のデモ [instantiate-streaming.html](https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/instantiate-streaming.html) と、[動作例](https://mdn.github.io/webassembly-examples/js-api-examples/instantiate-streaming.html)を参照してください) では、ソースから .wasm モジュールを直接コンパイルしてインスタンス化しています。このプロミスは `ResultObject` で履行されます。 `instantiateStreaming()` 関数は [`Response`](/ja/docs/Web/API/Response) オブジェクトに解決するプロミスを受け取るので、直接 [`fetch()`](/ja/docs/Web/API/fetch) の呼び出し結果を渡すことができます。 +次の例 (Github上のデモ [instantiate-streaming.html](https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/instantiate-streaming.html) と、[動作例](https://mdn.github.io/webassembly-examples/js-api-examples/instantiate-streaming.html)を参照してください) では、ソースから .wasm モジュールを直接コンパイルしてインスタンス化しています。このプロミスは `ResultObject` で履行されます。 `instantiateStreaming()` 関数は [`Response`](/ja/docs/Web/API/Response) オブジェクトに解決するプロミスを受け取るので、直接 [`fetch()`](/ja/docs/Web/API/Window/fetch) の呼び出し結果を渡すことができます。 ```js const importObject = { imports: { imported_func: (arg) => console.log(arg) } }; @@ -52,8 +52,12 @@ WebAssembly.instantiateStreaming(fetch("simple.wasm"), importObject).then( 最後に `ResultObject` が持つ instance メンバーにアクセスして、エクスポートされた関数を実行しています。 +<<<<<<< Updated upstream > [!NOTE] > これを動作するようにするには、サーバが `.wasm` ファイルを `application/wasm` の MIME タイプで返す必要があります。 +======= +> **メモ:** これを動作するようにするには、サーバーが `.wasm` ファイルを `application/wasm` の MIME タイプで返す必要があります。 +>>>>>>> Stashed changes ## 仕様書 diff --git a/files/ja/webassembly/javascript_interface/memory/index.md b/files/ja/webassembly/javascript_interface/memory/index.md index 7657f7db50256c..364af6cd274c05 100644 --- a/files/ja/webassembly/javascript_interface/memory/index.md +++ b/files/ja/webassembly/javascript_interface/memory/index.md @@ -34,7 +34,7 @@ JavaScript または WebAssembly コードから生成されたメモリーは J var memory = new WebAssembly.Memory({ initial: 10, maximum: 100 }); ``` -次の例では (GitHub 上の [memory.html](https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/memory.html) および[実行例](https://mdn.github.io/webassembly-examples/js-api-examples/memory.html)も参照)、 memory.wasm バイトコードを {{jsxref("WebAssembly.instantiateStreaming()")}} メソッドを使用して読み込みんでインスタンス化し、その上の行で生成されたメモリにインポートします。それから、メモリにいくつかの値を格納し、関数をエクスポートして使用し、いくつかの値を合計します。 +次の例では (GitHub 上の [memory.html](https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/memory.html) および[実行例](https://mdn.github.io/webassembly-examples/js-api-examples/memory.html)も参照)、 memory.wasm バイトコードを {{jsxref("WebAssembly.instantiateStreaming()")}} メソッドを使用して読み込みんでインスタンス化し、その上の行で生成されたメモリーにインポートします。それから、メモリーにいくつかの値を格納し、関数をエクスポートして使用し、いくつかの値を合計します。 ```js WebAssembly.instantiateStreaming(fetch("memory.wasm"), { @@ -49,7 +49,7 @@ WebAssembly.instantiateStreaming(fetch("memory.wasm"), { }); ``` -WebAssembly.Memory オブジェクトを取得する 2 つ目の方法は、 WebAssembly モジュールによってエクスポートされることです。このメモリは WebAssembly インスタンスの `exports` プロパティで (メモリーが WebAssembly モジュール内でエクスポートされた後に) アクセスできます。次のスニペットは、 WebAssembly からエクスポートされたメモリを `memory`という名前でインポートし、メモリーの最初の要素を Uint32Array として解釈して表示しています。 +WebAssembly.Memory オブジェクトを取得する 2 つ目の方法は、 WebAssembly モジュールによってエクスポートされることです。このメモリーは WebAssembly インスタンスの `exports` プロパティで (メモリーが WebAssembly モジュール内でエクスポートされた後に) アクセスできます。次のスニペットは、 WebAssembly からエクスポートされたメモリーを `memory`という名前でインポートし、メモリーの最初の要素を Uint32Array として解釈して表示しています。 ```js WebAssembly.instantiateStreaming(fetch("memory.wasm")).then((obj) => { diff --git a/files/ja/webassembly/javascript_interface/module/exports_static/index.md b/files/ja/webassembly/javascript_interface/module/exports_static/index.md index f67fa18e7dea45..1da2f7e5dd783c 100644 --- a/files/ja/webassembly/javascript_interface/module/exports_static/index.md +++ b/files/ja/webassembly/javascript_interface/module/exports_static/index.md @@ -40,7 +40,7 @@ WebAssembly.compileStreaming(fetch("simple.wasm")).then((mod) => ); ``` -ワーカー ([`wasm_worker.js`](https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/wasm_worker.js) を参照) 内で、モジュールで使用するためにインポートオブジェクトを定義して、そのあとにメインスレッドからモジュールを受け取るためのイベントハンドラをセットアップします。モジュールを受け取ったとき、{{jsxref("WebAssembly.Instantiate()")}} メソッドを使用してインスタンスを生成し、その内部でエクスポートされた関数を実行します。そのあとに `WebAssembly.Module.exports` を使用してモジュール上の利用可能なエクスポートの情報を返す方法を示します。 +ワーカー ([`wasm_worker.js`](https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/wasm_worker.js) を参照) 内で、モジュールで使用するためにインポートオブジェクトを定義して、そのあとにメインスレッドからモジュールを受け取るためのイベントハンドラーをセットアップします。モジュールを受け取ったとき、{{jsxref("WebAssembly.Instantiate()")}} メソッドを使用してインスタンスを生成し、その内部でエクスポートされた関数を実行します。そのあとに `WebAssembly.Module.exports` を使用してモジュール上の利用可能なエクスポートの情報を返す方法を示します。 ```js var importObject = { diff --git a/files/ja/webassembly/loading_and_running/index.md b/files/ja/webassembly/loading_and_running/index.md index b8543b26e1e342..daab150e2f5edd 100644 --- a/files/ja/webassembly/loading_and_running/index.md +++ b/files/ja/webassembly/loading_and_running/index.md @@ -23,7 +23,7 @@ WebAssembly は `