JSer.info #569 - Rust + Node-APIでクロスプラットフォーム向けnpmパッケージを公開する - 別にしんどくないブログという記事では、Rustでnapi-rsを使って書いたコードをNode.jsから利用する方法について書かれています。

パッケージとして公開する場合、Node.jsのNode-APIを使うためネイティブモジュールとしてインストール必要があります。
その場合に、インストール後にpostinstallでバイナリをダウンロード/ビルドするのではなく、optionalDependenciesを使ってアーキテクチャごとのパッケージをインストールできるようにする方法についても紹介されています。

#WebSpeedHackathonの2021年版が開催されています。

重たいウェブサイトのパフォーマンスを改善するハッカソンの題材として作られたアプリケーションです。
2022/1/3まで開催されていて、スコアはGitHub Actionsで計測する仕組みも公開されています。
ウェブサイトのパフォーマンス改善に興味がある人は触ってみると面白いかもしれません。

HTTP Archiveのデータをもとにウェブの状態をまとめたWeb Almanacの2021年版が公開されています。

The 2021 Web Almanac

ブラウザのテクノロジーやウェブの状態を確認できるレポートで、全24章から構成されています。

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

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

JSer.info Sponsors

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

ヘッドライン

Node v17.2.0 (Current) | Node.js

nodejs.org/en/blog/release/v17.2.0/

node.js ReleaseNote

Node.js 17.2.0リリース。
async_hooksモジュールにasyncWrapProvidersを追加、AbortSignalにreasonを追加など

アーティクル

Rust + Node-APIでクロスプラットフォーム向けnpmパッケージを公開する - 別にしんどくないブログ

shisama.hatenablog.com/entry/2021/12/03/054437

Rust node.js article

napi-rsを使ったRustで書いたコードをNode.jsのnative modulesとして利用する方法について。
アーキテクチャごとのバイナリをpublishしoptionalDependenciesとして定義することで、postinstallを不要にする方法について。

react-router 作り方

zenn.dev/stin/articles/how-to-develop-react-router

React history library article

react-routerが内部的に利用しているhistoryライブラリを使ったルータの作り方についての記事

重いサイトを軽くしろ！年末年始は #WebSpeedHackathon 2021 に挑戦しよう | CyberAgent Developers Blog

developers.cyberagent.co.jp/blog/archives/32747/

performance example article

ウェブパフォーマンスを改善するハッカソン教材

CyberAgentHack/web-speed-hackathon-2021

Web Performance Calendar » HTTP compression

calendar.perfplanet.com/2021/http-compression/

HTTP performance article

ロスレスデータ圧縮の圧縮レベルと速度のバランスについて。
gzip、brotli、zstd、圧縮レベルのトレードオフについて。
また、バイナリコンテンツの2重圧縮の問題などについて

WebAssembly and Back Again: Fine-Grained Sandboxing in Firefox 95 - Mozilla Hacks - the Web developer blog

hacks.mozilla.org/2021/12/webassembly-and-back-again-fine-grained-sandboxing-in-firefox-95/

WebAssembly security article

Firefox 95に含まれるRLBoxというWebAssemblyを使ったSandboxの仕組みについて。
プロセスの分離はオーバヘッドが大きくなりやすい。分離したいコードをWasmに変換し、Wasmをwasm2cでC言語に変換してネイティブコードへ変換し利用する。
Wasmを経由することで指定外のメモリ空間にアクセスできないことを保証している。