Fork me on GitHub

2023-11-26のJS: Vite 5、Node.js 20.10.0(ESMのデフォルト化フラグ)、State of JS 受付中

Edit on GitHub 編集履歴を見る

JSer.info #670 - Vite 5.0がリリースされました。

Node.js 14/16のサポート終了、Rollup 4へアップデート、CommonJS Node API(require("vite"))を非推奨化しています。
また、defineの置換方法をdevとproduction buildで同じ方法を使うように変更、devとpreviewでURL末尾のスラッシュの扱いが異なる問題を修正、非推奨なAPIの削除なども含まれています。

マイグレーションガイドも合わせて公開されています。


Node.js 20.10.0がリリースされました。

主に開発版のNode.js 21.xからのバックポートが中心となっています。

ESMのデフォルト化に関する--experimental-default-type--experimental-detect-moduleのフラグを追加されています。

fs.writeFileflushオプションを追加、WebSocketをグローバルに追加する--experimental-websocketフラグを追加。
また、Jestでメモリリークの原因となっていたVMScriptとDynamic Importに関する問題の修正なども含まれています。


JavaScriptの開発者アンケートであるState of JavaScript 2023の受付が開始されています。

JavaScriptの新しい機能に対する理解度やフレームワークなどの利用についてのアンケートです。
このアンケートの結果は色々なところで参照されるため、時間があるひとは回答すると良さそうです。


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

JSer.info Sponsors

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


ヘッドライン


Vite 5.0 is out! | Vite

vitejs.dev/blog/announcing-vite5

vite ReleaseNote

Vite 5.0リリース。
Node.js 14/16のサポート終了、Rollup 4へアップデート、CJS Node APIを非推奨化。
defineの置換方法をdevとproduction buildで同じ方法を使うように変更、devとpreviewでURL末尾のスラッシュの扱いが異なる問題を修正、非推奨なAPIの削除など


Bun v1.0.13 | Bun Blog

bun.sh/blog/bun-v1.0.13

Bun ReleaseNote

Bun v1.0.13リリース。
node:http2のサポートを改善し@grpc/grpc-jsが動くように修正、process.report.getReport()をサポートしVite 5/Rollup 4が動くように修正。
withステートメントを含むファイルの変換をサポート、Bun.spawnのエラーを改善など


Release 8.0.0 · vvo/iron-session

github.com/vvo/iron-session/releases/tag/v8.0.0

JavaScript Next.js library ReleaseNote

iron-session 8.0.0リリース。
Next.js App Routerに対応し、APIも合わせて変更。


Announcing TypeScript 5.3 - TypeScript

devblogs.microsoft.com/typescript/announcing-typescript-5-3/

TypeScript ReleaseNote

TypeScript 5.3リリース。
Stage 3のImport Attributesをサポート、resolution-mode///コメントで指定できるように。
switch(true)でのNarrowingをサポート、[Symbol.hasInstance]insteanceofを使ったNarrowingをサポート。
パッケージ内のbundleファイルの重複を避けることで、パッケージサイズの改善など。


Firefox 120.0, See All New Features, Updates and Fixes

www.mozilla.org/en-US/firefox/120.0/releasenotes/

Firefox ReleaseNote

Firefox 120リリース。
<source>media属性を再導入、Date.parse()でパースできる日付フォーマットの追加、HTTP 103 Early Hintsをサポート。
その他には、Global Privacy Controlのサポート、CSSの-moz-image-rect()を削除など


Node v20.10.0 (LTS) | Node.js

nodejs.org/en/blog/release/v20.10.0

nodejs ReleaseNote

Node.js v20.10.0リリース。
ESMのデフォルト化に関する--experimental-default-type--experimental-detect-moduleのフラグを追加。
fs.writeFileflushオプションを追加、WebSocketをグローバルに追加する--experimental-websocketフラグを追加。
Jestでメモリリークの原因となっていたVMScriptとDynamic Importに関する問題を修正など


Release v3.0.0 · lerna-lite/lerna-lite

github.com/lerna-lite/lerna-lite/releases/tag/v3.0.0

JavaScript monorepo Tools ReleaseNote

lerna-lite v3.0.0リリース。
Node.js 16のサポート終了、lerna run --use-nxの削除など


アーティクル


Getting started with CSS container queries | MDN Blog

developer.mozilla.org/en-US/blog/getting-started-with-css-container-queries/

CSS article

CSSのContainer queryの紹介記事。
親要素に対して@containerのMedia Queryで条件を指定し、子要素に対してスタイルを設定できる。
基本的な使い方、Container units(cq*)、Style queryについてなど


State of JavaScript 2023

survey.devographics.com/en-US/survey/state-of-js/2023

JavaScript Survey

JavaScriptの開発者アンケートであるState of JavaScript 2023の受付が開始されている


スライド、動画関係


フロントエンドカンファレンス沖縄 2023 公開資料・Xアカウントリンクまとめ

zenn.dev/yumemi_inc/articles/2023-11-18-frontend-conf-okinawa-2023

HTML JavaScript CSS Conference video slide

フロントエンドカンファレンス沖縄の動画とスライドのまとめ


Intlの今までとこれから - Speaker Deck

speakerdeck.com/sajikix/intlnojin-madetokorekara

i18n JavaScript ECMAScript slide

ECMA-402のIntlオブジェクトについてのスライド。
Intl APIの紹介、仕様バージョンごとの追加された機能、国際化や地域化を扱うためUnicodeなどの外部仕様に依存している点、Temporalとの組み合わせなどについて


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


Downloads by Major

majors.nullvoxpopuli.com/

npm webservice Tools

npmのパッケージのダウンロード数をメジャーバージョン単位で比較できるサービス。
メジャーアップデートへの移行がどれぐらい進んでいるかを確認できる


The Valley of Code

thevalleyofcode.com/

JavaScript CSS HTTP tutorial HTML

ウェブ開発に関するチュートリアルサイト。
HTTP/HTML/CSS/JavaScriptなどのウェブ開発に関するチュートリアルやGitHub/VSCodeなどの開発に関するガイドを扱う


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