【2023-12-15のJS: Safari 17.2、Deno 1.39(WebGPU)、SvelteKit 2】

JSer.info

2023-12-15のJS: Safari 17.2、Deno 1.39(WebGPU)、SvelteKit 2

JSer.info #673 - Safari 17.2がリリースされました。

【【月間9000万PVのPR TIMES】プレスリリース掲載ページの Next.js 移行でやったこと | PR TIMES 開発者ブログ】

PR TIMES 開発者ブログ

【月間9000万PVのPR TIMES】プレスリリース掲載ページの Next.js 移行でやったこと | PR TIMES 開発者ブログ

こんにちは！PR TIMES 開発本部フロントエンドエンジニアの岩元 (@yoiwamoto) です。 先日、月間9000万 PV のプレス�...

Next.jsのPages Routerに移行し、キャッシュの処理はCDN(Fastly)に寄せるという話。 https://realtime.jser.info/2023/12/15/9000-pv-pr-times-next-js-pr-times/

【1年かけてNext.jsのapp routerへ完全移行した話】

Zenn

1年かけてNext.jsのapp routerへ完全移行した話

Next.jsのPage RouterからApp Routerへの移行について。 移行の手順、App Routerへの移行後のメリットやデメリットについて。 Intercepting Routesでのダイアログ管理、layoutやエラー画面の管理、キャッシュの問題について https://realtime.jser.info/2023/12/15/1-next-js-app-router/

【Announcing SvelteKit 2】

Announcing SvelteKit 2

A special SvelteKit anniversary release

SvelteKit 2リリース。 load関数でのPromisesの扱いに一貫性を持たせるように、paths.relativeをデフォルトでtrueに変更、dangerZone.trackServerFetchesを削除など 関連URL Migrating to SvelteKit v2 • Docs • SvelteKit Release @sveltejs/kit@2.0.0 · sveltejs/kit https://realtime.jser.info/2023/12/15/announcing-sveltekit-2/

【BuilderIO/hydration-overlay: Overlay for hydration errors with explicit diff between renders.】

GitHub

GitHub - BuilderIO/hydration-overlay: Overlay for hydration errors with explicit diff between renders.

Overlay for hydration errors with explicit diff between renders. - BuilderIO/hydration-overlay

ReactのHydrationでのmismatchのエラーをDiff表示するライブラリ。 SSRとCSRでのレンダリング結果にズレがある場合にHydrationエラーのデバッグに利用できる。 関連URL Announcing React Hydration Overlay - Easily Squash Hydration Errors https://realtime.jser.info/2023/12/14/builderio-hydration-overlay-overlay-for-hydration-errors-with-explicit-diff-between-renders/

【Deno 1.39: The Return of WebGPU】

Deno

Deno 1.39: The Return of WebGPU | Deno

We

Deno v1.39リリース。 WebGPU APIを再導入、deno coverage --htmlでHTMLのカバレッジレポートを表示できるように、deno compileの改善。 deno taakでnode_modules/.bin/へのPATHを通すように。 Object.prototype.__proto__を有効化する--unstable-unsafe-protoフラグを追加。 Jestのexpect互換のstd/expectを追加、コマンドライン引数のパースをするstd/cliを追加など https://realtime.jser.info/2023/12/14/deno-1-39-the-return-of-webgpu/

【Onyx Programming Language】

Onyx Programming Language

The Onyx programming language, by Brendan Hansen.

WebAssemblyへとコンパイルできる言語 関連URL Onyx, a new programming language powered by WebAssembly https://realtime.jser.info/2023/12/14/onyx-programming-language/

【Oxlint General Availability | The JavaScript Oxidation Compiler】

Oxc

Oxlint General Availability

A collection of high-performance JavaScript tools written in Rust

Oxlintが公開された。 ESLintと同じようにJavaScriptやTypeScriptのLintをするツール。 パフォーマンスを目的として設計されており、色々なESLintのルールをコアに取り込んでいる。 https://realtime.jser.info/2023/12/13/oxlint-general-availability-the-javascript-oxidation-compiler/

【Vite は使ってないけど Jest を Vitest に移行する】

Zenn

Vite は使ってないけど Jest を Vitest に移行する

JestからVitestへの移行方法について https://realtime.jser.info/2023/12/12/vite-jest-vitest/

【npm install --productionみたいなの色々ありすぎ問題】

Zenn

npm install --productionみたいなの色々ありすぎ問題

npm install --omit=devや--production、--inculdeフラグについて https://realtime.jser.info/2023/12/12/npm-install-production/