emsdk

【WebAssembly】JSとwasmでソートの速度を比較する

目次 この記事の目的 C++でソートを実装 JSでソートを実装 実行用のHTMLを準備する 実際に速度を比較する まとめ

【WebAssembly】JS側で作成したtyped arrayをwasm側に渡す

目次 この記事の目的 wasm側のソースコードを準備 wasmにコンパイルするスクリプトを準備 JSのtyped arrayをwasmに渡す方法 サンプルの動作確認を行うHTMLを準備 まとめ

【WebAssembly】babael, webpackと一緒にwasmを使う

目次 この記事の目的 babel, webpackの導入 JavaScriptのソースコードを用意する サンプルを動かすHTMLを準備する wasmに変換するソースコードを準備する Utilsクラスでwasm読み込みを実装する 動作確認用のHTMLを準備する まとめ

【WebAssembly】wasm側で動的に作成したインスタンスをJSに渡す

目次 この記事の目的 JSに渡したいクラスをC++で定義する wasmのソースコードを実装する JS側でポインタからインスタンスを読み込む HTMLからwasmを読み込んで実行する まとめ

【WebAssembly】C/C++で実装された既存の資産をincludeする

目次 この記事の目的 includeされる側のクラスを実装 ビルド用のスクリプトを準備 includeする側の実装 HTMLからwasmを読み込み実行する まとめ

【WebAssembly】C/C++からJavaScriptで実装した関数を実行する

目次 この記事の目的 C/C++でコールバック関数の定義のみ書く JavaScriptでコールバック関数の実装を書く emccで –pre-js オプションでビルドする HTMLから読み込んで実行する まとめ

【WebAssembly】C/C++で実装した関数をJSから呼び出す

目次 本記事の目的 C/C++で呼び出したい関数を実装する emccのExportedFunctionsオプションを使ってビルド JSからwasmを読み込んで関数を呼び出す まとめ 1. 本記事の目的 本記事では、C/C++で実装した関数をJSから呼び出す方法を紹介します。 例として、int…

【WebAssembly】MODULARIZEオプションを使う

目次 関連記事 MODULARIZEオプション HTMLからwasmを読み込む方法 HTMLからwasmを読み込むサンプル まとめ 1. 関連記事 【WebAssembly】Getting Started をDocker で試す - shogonir blog wasm-sample/01-wasm-modularize at master · shogonir/wasm-sample …

【WebAssembly】Getting Started をDocker で試す

目次 WebAssemblyとは サンプルを動かしてみる サンプルの動作を解説する まとめ 1. WebAssemblyとは WebAssembly(wasm)とは、JavaScript高速化の最新技術です。JavaScriptの高速化技術であるasm.jsがさらに進化したものです。C/C++, Rust, Goなどの言語で記…