JSer.info #656 - Next.js v13.4.16がリリースされています。 Release v13.4.16 · vercel/next.js v13.4.16には、実験的な機能としてtest modeというPlaywrightとMSWを使ったテストする仕組みが追加されています。 Next.jsのApp Directoryでは、MSWがNext.jsの処理に差し込めるポイントがなかったため、MSWが動かないなどの問題がありました。このtest modeではそれらが一部解決されてきています。 Support Next.js 13 (App directory) · Issue #1644 · mswjs/msw まだ検証目的の実験的な機能であるため今後はわかりませんが、次のDiscussionでNext.jsを使ったアプリケーションのテストについて議論されています。 RFC:

JSer.info #655 - Lighthouse v11.0.0がリリースされました。 Release v11.0.0 · GoogleChrome/lighthouse Node.js 16のサポート終了、デフォルトでは使われてなかったresource-summary/service-worker/first-contentful-paint-3gのAuditを削除などの変更が含まれます。 また、INPのAuditがStableへと移行されています。 Astro 2.10がリリースされました。 Astro 2.10: Persistent State in View Transitions | Astro Astro 2.9で実験的にサポートされたView Transitionsに加える形で、指定した要素を永続的にするtransition:persistディレクティブが追加されてい

JSer.info #654 - Riot.js v9.0.0がリリースされました。 Release Evergreen · riot/riot このリリースでは、Riot.jsとcompilerなどのバージョンを合わせるため、v8はスキップしてv9.0.0としてリリースされています。 Node.js 14/16のサポート終了、BabelでのTranspileをしないように変更、boolean属性の挙動変更などが含まれています。 Firefox 116がリリースされました。 Firefox 116.0, See All New Features, Updates and Fixes Firefox 116 for developers - Mozilla | MDN HTTP/2のアップロードパフォーマンスの改善、CSP3 external hashesをサポート。 FetchのgetRe

JSer.info #653 - Node.js v20.5.0がリリースされました。 Node v20.5.0 (Current) | Node.js Test Runnerに--test-shardフラグの追加、node:eventsにaddAbortListenerを追加、fs.readFileSyncでUTF-8のファイルを読み込むときのパフォーマンスを改善などが行われています。 Bun v0.7.0がリリースされました。 Bun v0.7.0 | Bun Blog Viteのサポート、Worker APIのサポート、structuredClone()のサポート、AsyncLocalStorageのサポートが追加されています。 実行時のパフォーマンスを犠牲にメモリ消費量を抑えるbun --smolフラグのサポート、bun test --bail=<number>のサポート、Node

JSer.info #652 - Node.jsのnode:vmモジュールはSandbox(信用できないコードの実行環境)としては利用できませんが、vm2はnode:vmをラップしてSandboxを提供するモジュールでした。 今回、vm2の仕組み的に修正できないSandboxに関する脆弱性が発見されたため、メンテナンスを終了することが宣言されています。脆弱性の詳細はまだ公開されていませんが、Sandboxを破ることができる脆弱性で、PoCは8月ごろに公開される予定です。 Discontinued · Issue #533 · patriksimek/vm2 vm2 Sandbox Escape vulnerability · CVE-2023-37466 · GitHub Advisory Database Sandbox機能が欲しい場合は、QuickJSをWebAssemblyにコンパイ

JSer.info #651 - ORMであるPrisma 5.0.0がリリースされました。 Release 5.0.0 · prisma/prisma 実験的な機能だったjsonProtocol/fieldReference/extendedWhereUniqueをStableに変更しています。 Wire ProtocolをJSON Protocolに変更することで、Cold Startの時間が大きく改善されています。 How We Sped Up Serverless Cold Starts with Prisma by 9x 破壊的な変更としてNode.js 14のサポート終了、暗黙的に配列とみなす"array shortcuts"のサポートを削除、非推奨のオプションの削除なども含まれています。 次のページで、アップデート方法が公開されています。 Upgrade to Prisma

Firefox 115がリリースされました。 Firefox 115.0, See All New Features, Updates and Fixes Firefox 115 for developers - Mozilla | MDN macOS 10.12/10.13/10.14、Windows7/8/8.1がサポートされる最後のバージョンとなります contenteditableにおけるノード分割と結合の挙動を他のブラウザと揃えるように変更。 Array.fromAsync()のサポート、ES2023のArray.toReversed()/.toSorted()/.toSpliced()/.with()のサポート。 Response.json()、URL.canParse()のサポートなどが追加されています。 JSer.infoをサポートするには 😘 知り合いにJSer.inf

JSer.info #649 - Svelte 4がリリースされました。 Announcing Svelte 4 Release [email protected] · sveltejs/svelte Node.js 14のサポート終了、CJSの出力は廃止しESMのみをサポートするように、Custom Elementsの対応をtagオプションからcustomElementオプションに変更といった変更が含まれている。 また、生成するファイルサイズの削減、ウェブサイトのドキュメントを刷新なども行われています。 マイグレーションガイドとnpx svelte-migrate@latest svelte-4というマイグレーションツールが公開されています。 Svelte 4 migration guide • Docs • Svelte Ember 5.0リリースされました。 Ember 5.0 Re

JSer.info #648 - React-Redux v8.1.0リリースされました。 開発モードではuseSelectorが同じ入力に対して同じ結果を返すかをチェックする仕組みが追加されています。 selectorを同じ入力で2回呼び出し、異なる参照の場合は警告を出す仕組みになっています。 React v18.0で追加されたStrict modeとよく似た挙動になっています。 Release v8.1.0 · reduxjs/react-redux Deno向けのウェブフレームワークであるFresh 1.2がリリースされました。 Fresh 1.2 – welcoming a full-time maintainer, sharing state between islands, limited npm support, and more メインメンテナーがPreactのMarvin

JSer.info #647 - Rustで書かれたwebpack互換のbundlerであるRspack 0.2がリリースされました。 Announcing Rspack 0.2 - Rspack Plugin Hooksの追加、ESM形式のoutputに対応、SplitChunksPluginの実装、Data URIのサポートが追加されています。 また、Vue/Svelte/NestJSのloaderのサポートが追加されています。 Modern CSS in Real Life - Chris Coyierという記事では、最近CSSに追加され利用できるようになった機能について紹介されています。 Logical Properties、Container Queries、Cascade Layers、CSS Colorsとoklch()、View Transitions APIについて現実の

JSer.info #646 - Parcel v2.9.0がリリースされました。 Parcel v2.9.0 Release v2.9.0 · parcel-bundler/parcel exportsフィールドをopt-inでサポート、ESMで書かれた設定ファイルをサポート、ローカルプラグインをサポートされています。 また、デフォルトのminifyをSWCへ切り替え、--traceフラグで詳細なトレースデータを取得できるようになるといった変更も含まれています。 Deno 1.34リリース。 Deno 1.34: deno compile supports npm packages deno compileがnpm:に対応、deno.jsonでglobを指定できるように、IPアドレスに対するTLS証明書をサポートしています。 また、unstable APIとして Deno.createH

JSer.info #645 - wrangler 3.0.0リリースされました Improved local development with wrangler and workerd wrangler publishがwrangler deployにリネームされています。 また、wrangler 2.0でMiniflareを同梱していましたが、 3.0ではwrangler devでMiniflareとworkerd runtimeを使ったローカル環境での開発をデフォルトに変更しています。 Release [email protected] · cloudflare/workers-sdk playwright v1.34.0リリースがリリースされました。 Release v1.34.0 · microsoft/playwright Node.js 14のサポート終了、playwrigh

JSer.info #644 - jQuery 3.7.0がリリースされました。 jQuery 3.7.0 Released: Staying in Order | Official jQuery Blog uniqueSortメソッドの追加、単位なしのCSSプロパティのサポート、パフォーマンスの改善がされています。 また、IEではfocus/blurイベントが非同期で実行されるが、他のブラウザでは同期的に実行されるため、挙動の違いが発生していました。 この問題をIEでも同期的に実行されるfocusin/focusoutを使ってシミュレートすることで修正されています。 jQueryは5.0.0でIEのサポートを終了する予定となっています。 Core: Drop support for IE (all versions) by mgol · Pull Request #5077 · jque

JSer.info #643 - Next.js 13.4リリースされました。 Blog - Next.js 13.4 | Next.js App RouterをStableに変更されています。 まだApp Routerについての参考になるリソースは少ないですが、次のドキュメントや記事などが参考になります。 App Router | Next.js 5 Lessons Learned From Taking Next.js App Router to Production - Inngest Blog また、Next.js 13.4ではTurbopackをBetaに変更、実験的な機能としてServer Actionsを追加なども行われています。 Firefox 113.0がリリースされました。 Firefox 113.0, See All New Features, Updates and

JSer.info #642 - ウェブフレームワークのQwik 1.0が公開されました。 Qwik Reaches v1.0 QwikはReact、Vue、Angular、Svelte、SolidJSと同じようにUIライブラリで、Next.js、Nuxt、SvelteKit、SolidStart、Astroに対応するQwik Cityを持っています。 特徴としてサーバサイドレンダリングとクライアントサイドレンダリングの連携をHydrationによる再構築ではなく、イベントが発生したタイミングで必要なものを読み込むをLazy loadingによって実現しています。 これをQwikではResumableと呼んでいます。 Resumable - Qwik Angular v16がリリースされました。 Angular v16 is here!. Six months ago, we reache

JSer.info #641 - Vite 4.3がリリースされました。 Vite 4.3 is out! | Vite Vite 4.3では主にパフォーマンスの改善が含まれています。 起動速度を40%から80%程度改善、HMRの処理時間を20%から40%程度改善されています。 これらをどうやって改善したのかについては、次の記事で解説されています。 How we made Vite 4.3 faaaaster 🚀 | sun0day's blog - lost in code Deno 1.33がリリースされました。 Deno 1.33: Deno 2 is coming Deno 2に向けた変更が含まれています。 unstable APIとしてDeno KVを追加、deno.jsonの形式変更が含まれています。 新しい設定形式はよりネストが少なくなるようになっています。古い設定形式はD

JSer.info #640 - Vue向けのUtilityライブラリであるvueuse 10.0.0がリリースされました。 Release v10.0.0 · vueuse/vueuse 破壊的な変更としてisFunctionとisStringを削除、computedAsyncのデフォルト挙動をshallowに変更、resolveRefをtoRefにリネーム、非推奨なAPIの削除などが行われています。 機能追加として、createReusableTemplate/createTemplatePromise/useAnimateの追加などが行われています。 Immutableなオブジェクト操作を行うImmer 10.0.0がリリースされました。 Release v10.0.0 · immerjs/immer 実行にはES2015+環境が必要となったため、実質的にIEのサポートを終了していま

JSer.info #638 - Rome v12がリリースされました。 Announcing Rome v12 JSONのサポート、TypeScript 5.0のサポート、フラグ付きでImportのソートに対応にしています。 また、エラー表示の改善や--config-pathフラグの追加なども行われています。 ECMAScript 2023のリリース候補版(Candidate)が公開されました。 Release ES2023 Candidate April 2023 · tc39/ecma262 6月に行われるEcma GA(総会)で承認を得ると正式にES2023としてリリースされます。 リリースされたかは次のニュースページに掲載されます。 News - Ecma International また、ECMAScriptはLiving Standardなので、現在のmainブランチはES2

JSer.info #636 - Firefox 111がリリースされました。 Firefox 111.0, See All New Features, Updates and Fixes Firefox 111 for developers - Mozilla | MDN HTMLのtranslate属性をサポート、CSS color functionsをフラグ付きでサポートされています。 また、Safariと同じくFile System Access APIのOrigin private file system (OPFS)をサポートしています。 The File System API with Origin Private File System | WebKit Reactの新しいドキュメントサイトである react.dev がリリースされました。 Introducing reac

JSer.info #635 - Storybook 7.0.0 RCがリリースされました。 Release v7.0.0-rc.0 · storybookjs/storybook 7.0.0 RCではFirst-class Framework integrationsとしてViteやNext.jsなどの対応、Component Story Format v3への変更、型の扱いの改善などが含まれています。 Rustで書かれたwebpack互換のbundlerであるRspackが公開されています。 Announcing Rspack - Rspack webpackを使うプロジェクトとの互換性や移行性を考慮していて、オプションやloaderも互換性ある形で実装しています。 また、出力するランタイムコードもwebpackの出力との互換性を考慮していて、プラグインもJSで書けるようになっています