JSer.info #359 - New in Firefox 58: Developer Edition – Mozilla Hacks – the Web developer blogではFirefox 58(開発版)での変更点について紹介しています。

CSSのclip-pathを編集できるCSS shapes highlighterの追加、デバッガーで著名なフレームワークのスタックトレースが簡潔な表示にでき、またconsole.groupsが折りたためるようになるなど。
また、macOSでのWebVRをデフォルトで有効化、FLACのサポート環境の追加、PerformanceNavigationTimingのサポート、Budgetベースのバックグラウンドにおける処理の制限追加などが行われています。

WebAssemblyをNodeJS Native Addonの配布形式として使う - Islands in the byte streamという記事ではEmscripten経由でWebAssemblyを利用する方法について書かれています。

Node.jsではNative addonの仕組みがあるためバインディングを書けばCやC++などで書かれたものも利用できますが、node-gypによるビルドは環境によって問題を起こすことがあります。
ネイティブコードをwasmにビルド済みのものを配布し、各環境でwasmを読み込んで実行することでこの問題を回避するという話をzopfliを例にして紹介しています。

dcodeIO/webassemblyは、C/C++で書かれたコードをWebAssemblyに変換して実行できるコンパイラ、ランタイムをもつツールキットです。
Emscriptenなどを使ってC/C++を.wasmへビルドできる環境を自分で設定するよりも、最小構成のビルド環境を簡単に作れるようにする目的のツールキットです。

npmでインストールすると.wasmのビルドに必要なツールも同時にダウンロードしてくれます。

# Install
npm install webassembly
# Compile
npx wa compile -o program.wasm program.c

Node.jsで.wasmファイルを読み込んで実行できるランタイムも含まれているので、次のように読み込んで実行できます。

// program.js
require("webassembly")
  .load("program.wasm")
  .then(module => {
    console.log("1 + 2 = " + module.exports.add(1, 2));
  });

git cloneしてnpm installするだけで動くサンプルコードは次のリポジトリに用意してあります。

azu/webassembly-example: Test https://github.com/dcodeIO/webassembly

また、少し話は異なりますがRustがEmscriptenを使わずにWebAssembly(wasm32-unknown-unknown)の出力に対応しました。

Emscriptenを使わずに.wasmを扱うことができる環境は増えてきているので、興味がある人は調べてみるといいかもしれません。
WebAssemblyについては次のサイトがWeeklyでニュースレターを更新しています。

WebAssembly Weekly · A community-driven weekly newsletter about WebAssembly

JSer.infoをサポートするには

😘 知り合いにJSer.infoをおすすめする
❤️ GitHub Sponsorsで@azuのスポンサーになる
🐦 X(Twitter)で@jser_infoをフォローする

JSer.info Sponsors

JSer.info SponsorsはGitHub SponsorsとしてJSer.infoを支援してくれている方々です。

ヘッドライン

jsdom/Changelog.md at master · tmpvar/jsdom

github.com/tmpvar/jsdom/blob/master/Changelog.md#1140

JavaScript DOM ReleaseNote

jsdom 11.4.0リリース。
基本的なSVGのサポート、pretendToBeVisualオプションの追加、prepend()/append()/before()/after()/replaceWith()の追加、<applet>要素の削除など

New in Firefox 58: Developer Edition – Mozilla Hacks – the Web developer blog

hacks.mozilla.org/2017/11/new-in-firefox-58-developer-edition/

firefox ReleaseNote

Firefox 58について。
デバッガーでフレームワークのスタックトレースが簡潔化、console.groupsが折りたためるように。
また、WebVR(macOS)、FLACのサポート環境の追加、PerformanceNavigationTimingのサポート、Budgetベースのバックグラウンドにおける処理の制限追加など