Fork me on GitHub

2025-12-30のJS: Next.js 16.1、Vue 3.6.0 beta 1、CSS Wrapped 2025

Edit on GitHub 編集履歴を見る

JSer.info #759 - Next.js 16.1がリリースされました。

TurbopackのFile System Cacheがnext devでも利用できるようになり、開発サーバー再起動時のコンパイル時間が短縮されています。また、Node.jsデバッガーを簡単に有効化できるnext dev --inspectコマンドや、バージョンアップグレードを補助するnext upgradeコマンドが追加されています。実験的機能としてBundle Analyzerが追加されています。


Vue 3.6.0 beta 1がリリースされました。

Vapor Modeがベータ版として追加されています。Vapor Modeは仮想DOMを使わないコンパイル戦略で、バンドルサイズ削減とパフォーマンス向上を目的としています。また、@vue/reactivityがalien-signalsベースに大規模リファクタリングされ、Reactivityシステムのパフォーマンスとメモリ使用量が改善されています。


CSS Wrapped 2025という記事では、2025年のCSS機能が紹介されています。

Invoker Commands、<select>要素のカスタマイズ、scroll-state queriesなどの機能が紹介されています。条件分岐のif()関数やカスタム@function宣言などについてまとめられています。


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

JSer.info Sponsors

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


ヘッドライン


Security advisory

storybook.js.org/blog/security-advisory/

storybook ReleaseNote security

Storybookに.envがbundleされてしまう問題があったため、7.x/8.x/9.x/10.xにそれぞれアップデートが公開されている。


Next.js 16.1 | Next.js

nextjs.org/blog/next-16-1

Next.js ReleaseNote

Next.js 16.1リリース。
TurbopackのFile System Cacheがnext devでも利用できるように、next dev --inspectを追加、next upgradeコマンドを追加。
実験的機能としてBundle Analyzerを統合など


Release v3.6.0-beta.1 · vuejs/core

github.com/vuejs/core/releases/tag/v3.6.0-beta.1

Vue ReleaseNote

Vue 3.6.0 Beta 1リリース。
Vapor モードの追加など


アーティクル


Standard JSON Schema

standardschema.dev/json-schema

JSON article JavaScript TypeScript

Standard SchemaのJSON Schemaの対応について


Introducing RSC Explorer — overreacted

overreacted.io/introducing-rsc-explorer/

article

RSC Explorerについて


CSS Wrapped 2025

chrome.dev/css-wrapped-2025/

css article

2025年のCSSの機能の振り返り


第三者のJavaScriptをセキュアに実行するには?― exaBase Studio のプラグイン機能

zenn.dev/exwzd/articles/20251204_studio_plugin

JavaScript article

JavaScriptのコードをサンドボックスで実行するアプローチについて。
iframe/Secure ECMAScript/QuickJSについて


Fixing the URL params performance penalty - Web Performance Calendar

calendar.perfplanet.com/2025/fixing-the-url-params-performance-penalty/

URL article SEO cdn

URLパラメータをCDNがキャッシュしていいかを定義するNo-Vary-Search HTTPヘッダについて。
キーの順序の定義、取り除いてもいいパラメータなどを定義できる


Third Parties and Single Points of Failure - Web Performance Calendar

calendar.perfplanet.com/2025/third-parties-and-single-points-of-failure/

browser performance JavaScript article

サードパーティスクリプトが単一障害点となっているかをチェックする方法について


The many, many, many JavaScript runtimes of the last decade • Buttondown

buttondown.com/whatever_jamie/archive/the-many-many-many-javascript-runtimes-of-the-last-decade/

JavaScript article history

この10年で登場したJavaScriptランタイムについてまとめた記事


Node.jsのSingle Executable Applications (SEA) で作る、配布しやすいNode.js アプリ

zenn.dev/yamachu/articles/abaad71eaa30fe

nodejs article

Node.jsのSEAで単一実行バイナリを作成する方法、Chrome拡張とNative Messaging Hostでメッセージングする方法について


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


bellard/mquickjs: Public repository of the Micro QuickJS Javascript Engine

github.com/bellard/mquickjs?tab=readme-ov-file

JavaScript Tools library

組み込み向けのJavaScriptエンジン。
ES5レベルのサブセットの実装で、QuickJSと似たC APIなどを持つが、メモリ消費量を抑える実装になっている。


jiftechnify/eject-enum: Eject enums from your TypeScript codebase.

github.com/jiftechnify/eject-enum

TypeScript Tools

TypeScriptのenumをconstに変換するツール

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