JSer.info #669 - Angular v17リリースがリリースされました。

Node.js 16のサポート終了、ドキュメントサイトの刷新、@ifや@forなどのbuilt-in control flowが追加されています。
新しいプロジェクトでのSSRにおけるhydrationがデフォルトで有効に、ng serveとng buildにViteとesbuildを利用するようになるといった変更も含まれています。

Prettier 3.1がリリースされました。

Prettier 3.1: New experimental ternaries formatting and Angular control flow syntax! · Prettier

--experimental-ternariesで三項演算子の新しい整形ルールを試せるようになり、フィードバックを募集していています。

A curious case of the ternaries · Prettier

Babel 7.23.0でサポートされたSource Phase Imports/Deferred Import Evaluation/Optional Chaining Assignmentsの構文をサポート、Angular 17で追加されたcontrol flow構文のサポートなどが追加されています。

Node.js v21.2.0リリースされました。

Node v21.2.0 (Current) | Node.js

__dirnameと__filenameにESM版であるimport.meta.dirnameとimport.meta.filenameが追加されています。import.metaの中身はECMAScriptでは定義されておらず、ホスト環境(ブラウザ/Node.js/Bun/Deno)などがそれぞれ定義しています。
これらの定義をまとめる場所としてimport.meta Registryがあります。

wintercg/import-meta-registry: A registry for import.meta properties

また、fs/promisesにスタックトレースを追加、navigator.language/navigator.platformを追加、--no-experimental-global-navigatorフラグを追加なども行われています。

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

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

JSer.info Sponsors

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

ヘッドライン

Introducing Angular v17. Last month marked the 13th anniversary… | by Minko Gechev | Nov, 2023 | Angular Blog

blog.angular.io/introducing-angular-v17-4d7033312e4b

Angular ReleaseNote

Angular v17リリース。
Node.js 16のサポート終了、ドキュメントサイトの刷新、@ifや@forなどのbuilt-in control flowのサポート。
新しいプロジェクトでのSSRにおけるhydrationがデフォルトで有効に、ng serveとng buildにViteとesbuildを利用するようになるなど

Release v17.0.0 · angular/angular

Astro 3.5: i18n Routing | Astro

astro.build/blog/astro-350/

astro ReleaseNote

Astro 3.5リリース。
prefetchの機能をコアに統合、<ViewTransitions handleForms />を追加、addMiddlewareを追加、Qwikのサポート。
実験的な機能としてi18n Routing APIを追加、contentCollectionCacheオプションを追加など

Release [email protected] · withastro/astro

Prettier 3.1: New experimental ternaries formatting and Angular control flow syntax! · Prettier

prettier.io/blog/2023/11/13/3.1.0.html

JavaScript Tools ReleaseNote

Prettier 3.1リリース。
--experimental-ternariesで三項演算子の新しい整形ルールを試せるように。
Babel 7.23.0でサポートされた構文をサポート、Angular 17で追加されたcontrol flow構文のサポートなど

Node v21.2.0 (Current) | Node.js

nodejs.org/blog/release/v21.2.0

nodejs ReleaseNote

Node.js v21.2.0リリース。
import.meta.dirnameとimport.meta.filenameを追加、fs/promisesにスタックトレースを追加。
navigator.language/navigator.platformを追加、--no-experimental-global-navigatorフラグを追加など。

Project Status: Maintenance Reboot · Issue #5027 · mochajs/mocha

github.com/mochajs/mocha/issues/5027

mocha news issue

Mochaのプロジェクトをリブートしメンテナンスを再開するというアナウンス。

Bun v1.0.12 | Bun Blog

bun.sh/blog/bun-v1.0.12

Bun ReleaseNote

Bun v1.0.12リリース。
bun -e "<code>"のサポート、bun --env-file <path>のサポート、import.meta.envのサポート。
expect.unreachable()の追加、mock.module(...)の改善など

アーティクル

HTML DOM — Phuoc Nguyen

phuoc.ng/collection/html-dom/

JavaScript DOM WebPlatformAPI tutorial

DOM APIを使った逆引きリファレンス的なサイト

仕様と実装から読み解くHTMLのloading属性 - dwango on GitHub

dwango.github.io/articles/html-loading-attribute/

HTML browser article

ブラウザごとのimg/iframeのloading=lazyの挙動の違いについて

The end of third-party cookies and its impact on Miro apps and integrations | by Darren | Miro Engineering | Nov, 2023 | Medium

medium.com/miro-engineering/the-end-of-third-party-cookies-and-its-impact-on-miro-apps-and-integrations-ee73358cda1e

browser security article

サードパーティCookieの廃止が埋め込みサイトに与える影響と対応策について。

A faster web in 2024 - rviscomi.dev

rviscomi.dev/2023/11/a-faster-web-in-2024/

Chrome performance article

GoogleのWeb Vitalsの指標としてFID(First Input Delay)の代わりにINP(Interaction to Next Paint)を利用するようになる変更について。
INPを改善する方法としてのタスク分割、LCPとlazy loadingの問題、fetchpriotyやSpeculation Rules APIなどについて。