Fork me on GitHub

2023-08-10のJS: Lighthouse v11.0.0、Astro 2.10(View Transitions)、SharpのWebAssemblyビルド

Edit on GitHub 編集履歴を見る

JSer.info #655 - Lighthouse v11.0.0がリリースされました。

Node.js 16のサポート終了、デフォルトでは使われてなかったresource-summary/service-worker/first-contentful-paint-3gのAuditを削除などの変更が含まれます。
また、INPのAuditがStableへと移行されています。


Astro 2.10がリリースされました。

Astro 2.9で実験的にサポートされたView Transitionsに加える形で、指定した要素を永続的にするtransition:persistディレクティブが追加されています。

また、Astro 3.0がベータリリースされています。


Bringing Sharp to WebAssembly and WebContainersという記事では、Native Addonである画像処理ライブラリのsharpをWebAssemblyへどのようにビルドしたかについて書かれています。

emnapiを使ったNode APIの移植、libvipsをWasmへコンパイル、起動時の処理を同期的にするためにEmscriptenをどのように修正したかについて書かれています。

次のPull Requestでsharpの変更が確認できます。


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

JSer.info Sponsors

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


ヘッドライン


Bun v0.7.2 | Bun Blog

bun.sh/blog/bun-v0.7.2

Bun ReleaseNote

Bun v0.7.2リリース。
node:worker_threadsnode:diagnostics_channelのサポート。
BroadcastChannel APIのサポート、ErrorオブジェクトをstructuredCloneでcloneできるように修正。
メモリリークの修正など


Release v11.0.0 · GoogleChrome/lighthouse

github.com/GoogleChrome/lighthouse/releases/tag/v11.0.0

Chrome performance Tools ReleaseNote

Lighthouse v11.0.0リリース。
Node.js 16のサポート終了、resource-summary/service-worker/first-contentful-paint-3gのAuditを削除。
INPのAuditをStableへと移行など


Deno 1.36: More flexible security and expanded testing APIs

deno.com/blog/v1.36

deno ReleaseNote

Deno v1.36リリース。
--deny-*の拒否フラグをサポート、deno testがJUnitレポーターをサポート、node:testのサポート。
Node.jsとの互換性改善、モジュールのダウンロードにリトライを追加など


Astro 2.10: Persistent State in View Transitions | Astro

astro.build/blog/astro-2100/

astro ReleaseNote

Astro 2.10リリース。
View Transition APIを使って指定した要素を永続的にするtransition:persistディレクティブの追加。
また合わせてAstro 3.0がベータリリースされている。


Bun v0.7.3 | Bun Blog

bun.sh/blog/bun-v0.7.3

Bun ReleaseNote

Bun v0.7.3リリース。
bun test --coverageのサポート、bun test -t /pattern/のサポート。
bun:sqlitefsのクラッシュの修正など


1.0.0: Milestone for API stability · vanjs-org/van · Discussion #72

github.com/vanjs-org/van/discussions/72

JavaScript library ReleaseNote

Reactive UIフレームワークのVanJS 1.0リリース。


Release v0.19.0 · evanw/esbuild

github.com/evanw/esbuild/releases/tag/v0.19.0

esbuild ReleaseNote

esbuild v0.19.0リリース。
エントリーポイントにワイルドカードを指定できるように、Dynamic Importで変数を含めたパスをbundleできるように。
--packages=externaltsconfig.jsonpathsの問題の修正、.module.cssのデフォルトローダをlocal-cssへ変更


Wednesday August 9th 2023 Security Releases | Node.js

nodejs.org/en/blog/vulnerability/august-2023-security-releases

nodejs ReleaseNote security

Node.jsのセキュリティリリースとして次のバージョンが公開されている。

  • Node v20.5.1 (Current)
  • Node v18.17.1 (LTS)
  • Node v16.20.2 (LTS)

実験的な機能であるPermissions policiesの修正とOpenSSLのアップデートが主な修正


Announcing TypeScript 5.2 RC - TypeScript

devblogs.microsoft.com/typescript/announcing-typescript-5-2-rc/

TypeScript ReleaseNote

TypeScript 5.2 RCリリース。
Stage 3 ProposalのExplicit Resource Management(using宣言)のサポート、Decorator Metadataのサポート。
Tupleにおけるラベルありなしの組み合わせの制限を削除、配列のUnion型の扱いの改善。
import typeでは.tsファイルをimportできるように修正、moduleオプションとmoduleResolutionオプションの間違った組み合わせのチェックを追加など


Release Notes for Safari Technology Preview 176 | WebKit

webkit.org/blog/14401/release-notes-for-safari-technology-preview-176/

safari ReleaseNote

Safari Technology Preview 176リリース。
CSSのcontain-intrinsic-size: inheritのサポート、liner(...) timing functionのサポートなど


アーティクル


Bringing Sharp to WebAssembly and WebContainers

blog.stackblitz.com/posts/bringing-sharp-to-wasm-and-webcontainers/

WebAssembly Image article

C++で書かれたNative Addonの画像処理ライブラリであるsharpをWebContainersで利用できるようにWebAssemblyへコンパイルする話。
emnapiを使ったNode APIの移植、libvipsをWasmへコンパイル、起動時の処理を同期的にするためにEmscriptenをどのように修正したかについて。


A compilation of outstanding testing articles (with JavaScript) | Practica.js

practica.dev/blog/a-compilation-of-outstanding-testing-articles-with-javaScript/

JavaScript program testing article

テストに関する優れた記事/動画の概要を紹介している記事。


Puppeteer in Node.js: Common Mistakes to Avoid | AppSignal Blog

blog.appsignal.com/2023/02/08/puppeteer-in-nodejs-common-mistakes-to-avoid.html

puppeteer article

Puppeteerでのよくある間違いについての連載記事


スライド、動画関係


Vue.jsエコシステム動向2023 - Speaker Deck

speakerdeck.com/kazupon/vue-dot-jsekosisutemudong-xiang-2023

Vue slide

Vue周りのエコシステムについてのスライド。
Vue 3.3の改善内容やReactivity Transformが非推奨となった理由について。
VueのLSP、Nuxt 3とNitroについてなど


サイト、サービス、ドキュメント


npmgraph -

npmgraph.js.org/

npm webservice Tools

npmパッケージの依存関係を可視化できるWebサービス。
指定したパッケージまたはpackage.jsonから解析できる


書籍関係


実践 Svelte入門:書籍案内|技術評論社

gihyo.jp/book/2023/978-4-297-13495-2

Svelte book

Svelteの入門書


この記事へ修正リクエストをする
JSer.info Slackに参加する