Fork me on GitHub

2024-12-04のJS: Node.js v22.12.0、Vite 6.0、Tailwind CSS v4.0 Beta 1

Edit on GitHub 編集履歴を見る

JSer.info #717 - Node.js v22.12.0 LTSがリリースされました。

require(esm)がデフォルトで有効化されています。
これによって、CommonJSからTop Level awaitを含まないECMAScript Modulesのコードを同期的に読み込むことができるようになりました。


Vite 6.0がリリースされました。

実験的なAPIとしてEnvironment API を追加、resolve.conditionsのデフォルト値を変更、Sassのmodern APIを使うなどの変更が行われています。オプションが一部変更されているため、マイグレーションガイドも公開されています。


Tailwind CSS v4.0 Beta 1がリリースされました。

Tailwind CSS v4.0では、新しいエンジンの導入、CSS-first configurationのサポート、最近のCSSの機能への対応が含まれています。

設定の変更、構文の変更、Utilityの変更なども含まれているため、マイグレーションガイドも公開されています。


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

JSer.info Sponsors

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


ヘッドライン


Release v11.0.0-pre.0 · npm/cli

github.com/npm/cli/releases/tag/v11.0.0-pre.0

npm ReleaseNote

npm v11.0.0-pre.0リリース。
prereleaseの場合はtagを指定を必須に変更、--ignore-scriptsが全てのコマンドで動作するように、npm hookコマンドの削除など


Release v12.0.0 · vueuse/vueuse

github.com/vueuse/vueuse/releases/tag/v12.0.0

Vue library ReleaseNote

vueuse v12.0.0リリース。
vue 2のサポートを終了


Firefox 133.0, See All New Features, Updates and Fixes

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

Firefox ReleaseNote

Firefox 133リリース。
viewport metaタグでinteractive-widgetsの値をサポート、Uint8Array.fromBase64/toBase64をサポート。
Permissions APIがWorkerで利用できるように、WebCodecs APIのImageDecoder APIをサポート、Fetch APIのkeepaliveをサポート。
実験的な機能としてcontenteditable=plaintext-onlyをサポート、CSSの:has-slottedをサポートなど


Release v7.0.0 · nodejs/undici

github.com/nodejs/undici/releases/tag/v7.0.0

nodejs Fetch library ReleaseNote

undici v7.0.0リリース。


Release pnpm v10.0 Beta 1 · pnpm/pnpm

github.com/pnpm/pnpm/releases/tag/v10.0.0-beta.1

pnpm ReleaseNote

pnpm v10.0.0-beta.1リリース。
pnpm linkの挙動の変更、packageManagerを参照してpnpmのバージョンを確認するように、storeバージョンの更新。
verifyDepsBeforeRunオプションが追加され、lockとnode_modules/の状態を比較して自動インストールなどができるようになるなど


Release 6.0.0 · prisma/prisma

github.com/prisma/prisma/releases/tag/6.0.0

prisma TypeScript ReleaseNote

Prisma 6.0.0リリース。
Node.js 18未満のサポート終了、PostgreSQLのm-n relationのスキーマを変更、Bufferを利用していた箇所をUint8Arrayに変更など


Release v2.4.0 · reduxjs/redux-toolkit

github.com/reduxjs/redux-toolkit/releases/tag/v2.4.0

redux library ReleaseNote

Redux Toolkit v2.4.0リリース。
RTKクエリの改善、型の改善など


Vite 6.0 is out! | Vite

vite.dev/blog/announcing-vite6

vite ReleaseNote

Vite 6.0リリース。
実験的なAPIとしてEnvironment API を追加、resolve.conditionsのデフォルト値を変更、Sassのmodern APIを使うように変更など


Tailwind CSS v4.0 Beta 1 - Tailwind CSS

tailwindcss.com/blog/tailwindcss-v4-beta

css ReleaseNote

Tailwind CSS v4.0 Beta 1リリース。
CSS-first configurationの追加、@starting-styleに対応するvariantの追加など


Node.js — Node v22.12.0 (LTS)

nodejs.org/en/blog/release/v22.12.0

nodejs ReleaseNote

Node.js v22.12.0リリース。
require(esm)をデフォルトで有効化、ルート証明書の更新など


アーティクル


Node.js — Trip report: Node.js collaboration summit (2024 Dublin)

nodejs.org/en/blog/events/collab-summit-2024-dublin

nodejs article

Node.js collaboration summitについてのまとめ


DevTools の使い方を可能な限りスクショ付きで解説してみる

zenn.dev/mizchi/scraps/c72e6a55deca18

Chrome debug article

Chrome DevToolsの使い方


スライド、動画関係


JavaScriptのモジュール解決の相互運用性 / JSConf JP 2024 - Interoperability of Module Resolutions in JavaScript - Speaker Deck

speakerdeck.com/berlysia/interoperability-of-module-resolutions-in-javascript

JavaScript ECMAScript nodejs module slide

CJS/ESM/Node.js/TypeScriptのモジュール解決と相互運用性について。
import path aliasとツールの相互運用性について


ソフトウェア、ツール、ライブラリ関係


eslint/css: CSS language plugin for ESLint

github.com/eslint/css

ESLint css plugin

ESLintのCSSプラグイン。
ESLintでCSSのLintを行うプラグイン


litdb/litdb: Lightweight RDBMS agnostic TypeScript/JS abstraction for SQLite, PostgreSQL and MySQL

github.com/litdb/litdb

TypeScript database library

型安全なSQLクエリビルダーライブラリ。
RDBMSのテーブルスキーマをTypeScript/Decoratorで定義して、クエリを安全に書けるようにしている。


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