この記事を読んだ後に理解できること

WebAssemblyとは

WebAssemblyとは、ウェブブラウザ上で動作する新しい種類のプログラムコードです。

特に、高い速度と多様な機能を提供して、ウェブの体験を向上させる目的で開発されました。

WebAssemblyを使うことでハイパフォーマンスなアプリケーションを提供することができます。

例えば以下のような領域での活躍が期待されています。

上記のような領域では、ハイパフォーマンスなアプリケーションが必要です。

しかし、現在Webブラウザ上で動作するプログラムは、JavaScriptのみです。

JavaScriptは決してパフォーマンスに優れた言語ではありません。

WebAssemblyを用いることでこれらの領域でもネイティブアプリケーションレベルのパフォーマンスを発揮することが可能です。

「ネイティブアプリケーション」とは、特定のデバイスやオペレーティングシステム（OS）向けに最適化されて開発されたアプリケーションを指します。

ネイティブアプリケーションは、直接デバイスのハードウェアリソースを利用するため、Webアプリケーションに比べて一般的に高速に動作します。

WebAssemblyは、フロントエンド領域における新しい選択肢ではありますが、JavaScriptを代替するものでありません。

WebAssemblyが目指すのは、JavaScriptとの共存です。

これまでのWebアプリケーションは、JavaScriptのみが基本でした。

今後は、JavaScriptとWebAssemblyを使うケースが出てきます。

WebAssemblyはまだ黎明期の段階なので、当然できることに制限があります。

ネイティブに近いパフォーマンスでのコード実行
WebAssemblyはネイティブコードに非常に近い速度で動作するため、高い計算パフォーマンスが必要なタスクに適しています。

多言語対応
C, C++, Rustなどの多くの低水準言語からWebAssemblyへのコンパイルが可能です。これにより、これらの言語で書かれたアプリケーションやライブラリをWeb上で動かすことができます。

JavaScriptとの連携
WebAssemblyはJavaScriptとシームレスに連携できるため、既存のJavaScriptのフレームワークやライブラリと組み合わせて使用することができます。

直接のDOM操作
WebAssemblyは直接DOMを操作する機能を持っていません。DOMの変更や操作が必要な場合、JavaScriptを経由して行います。

高水準言語の全機能
一部の高水準言語の機能やライブラリはWebAssemblyにコンパイルする際にサポートされていないか、または効果的に動作しない場合があります。

WebAssemblyのコードは、RustやC言語といった低水準の言語で書かれたプログラムをWebAssemblyという形式に変換（コンパイル）することで生成されます。

ここでいう低水準の言語とは、「マシンに近い言語」のことを指します。

低水準の言語の特徴としては、以下があげられます。

これに対して、人間が読みやすい言語を「高水準の言語」と呼びます。

例えば、PythonやJavaScriptなどが高水準の言語に分類されます。

WebAssembly形式にコンパイルされたモジュールをJavaScriptのコード内でimportする等で使うことができます。

WebAssemblyでは、ざっくり以下ができるようになります。