diff --git a/_i18n/ja/_posts/2024/2024-04-18-next.js-v14.2-farm-v1.0-biome-v1.7-pnpm-v9.md b/_i18n/ja/_posts/2024/2024-04-18-next.js-v14.2-farm-v1.0-biome-v1.7-pnpm-v9.md new file mode 100644 index 00000000000..b9ca6fc43dd --- /dev/null +++ b/_i18n/ja/_posts/2024/2024-04-18-next.js-v14.2-farm-v1.0-biome-v1.7-pnpm-v9.md @@ -0,0 +1,226 @@ +--- +title: "2024-04-18のJS: Next.js v14.2、Farm v1.0、Biome v1.7、pnpm v9" +author: "azu" +layout: post +date: 2024-04-18T05:19:34.848Z +category: JSer +tags: +- Next.js +- Tools +- CSS +- nodejs +- deno + +--- + +JSer.info #689 - Next.js 14.2がリリースされました。 + +- [Next.js 14.2 | Next.js](https://nextjs.org/blog/next-14-2) + +Turbopack RCをリリース、Server/Client Components間のTree Shakingの対応、CSSの読み込み順の問題の修正などが行われています。 +Client側のRouter Cacheの期間を設定する`staleTimes`オプションの追加なども行われています。 + +--- + +Vite/Rollup互換のプラグインを扱えるビルドツールであるFarm 1.0がリリースされました。 + +- [Release 🚀 Farm v1.0 is released! · farm-fe/farm](https://github.com/farm-fe/farm/releases/tag/v1.0) + +Rustで書かれていて、キャッシュを使ったIncremental Build、Lazy Compilation、モジュールをグループ化してbundleできるなどの特徴を持っています。 +また、devとproductionビルドで同じ戦略を使うため、一貫性のある結果になるように設計されていています。 + +--- + +Biome 1.7がリリースされました。 + +- [Biome v1.7 | Biome](https://biomejs.dev/blog/biome-v1-7/) +- [Release CLI v1.7.0 · biomejs/biome](https://github.com/biomejs/biome/releases/tag/cli%2Fv1.7.0) + +ESLint/Prettierの設定からマイグレーションできる`biome migrate eslint`と`biome migrate prettier`コマンドを追加されています。 +GitのStagingファイルをチェックする`biome check --staged`の追加なども行われています。 + +--- + +pnpm 9.0がリリースされました。 + +- [Release v9.0.0 · pnpm/pnpm](https://github.com/pnpm/pnpm/releases/tag/v9.0.0) + +Node.js 16のサポート終了し、デフォルトの設定がいくつか変更されています。 +monorepo内のバージョン指定でのlinkをする`link-workspace-packages`を`false`に変更、pre/post scriptをデフォルトで実行するように変更されています。 +また、ロックファイルのバージョンをv9に変更、Gitリポジトリのサブディレクトリのみをインストールできるようになっています。 + + +---- + +{% include inline-support.html %} + +---- + +

ヘッドライン

+ +---- + +## Next.js 14.2 | Next.js +[nextjs.org/blog/next-14-2](https://nextjs.org/blog/next-14-2 "Next.js 14.2 | Next.js") +

Next.js ReleaseNote

+ +Next.js 14.2リリース。 +Turbopack RCをリリース、Server/Client Components間のTree Shakingの対応、CSSの読み込み順の問題の修正。 +Client側のRouter Cacheの期間を設定する`staleTimes`オプションの追加など + + +---- + +## Release 🚀 Farm v1.0 is released! · farm-fe/farm +[github.com/farm-fe/farm/releases/tag/v1.0](https://github.com/farm-fe/farm/releases/tag/v1.0 "Release 🚀 Farm v1.0 is released! · farm-fe/farm") +

JavaScript bundler Rust vite ReleaseNote

+ +Vite/Rollup互換のプラグインを扱えるビルドツールであるFarm 1.0リリース。 +Rustで書かれていて、キャッシュを使ったIncremental Build、Lazy Compilation、モジュールをグループ化してbundleできる。 +また、devとproductionビルドで同じ戦略を使うため、一貫性の結果となるように設計されている。 + + +---- + +## Biome v1.7 | Biome +[biomejs.dev/blog/biome-v1-7/](https://biomejs.dev/blog/biome-v1-7/ "Biome v1.7 | Biome") +

ESLint Tools ReleaseNote

+ +Biome v1.7リリース。 +ESLint/Prettierの設定からマイグレーションできる`biome migrate eslint`と`biome migrate prettier`コマンドを追加。 +GitのStagingファイルをチェックする`biome check --staged`の追加など + +- [Release CLI v1.7.0 · biomejs/biome](https://github.com/biomejs/biome/releases/tag/cli%2Fv1.7.0 "Release CLI v1.7.0 · biomejs/biome") + +---- + +## Release v9.0.0 · pnpm/pnpm +[github.com/pnpm/pnpm/releases/tag/v9.0.0](https://github.com/pnpm/pnpm/releases/tag/v9.0.0 "Release v9.0.0 · pnpm/pnpm") +

pnpm ReleaseNote

+ +pnpm v9.0.0リリース。 +Node.js 16のサポート終了。 +monorepo内のバージョン指定でのlinkをする`link-workspace-packages`を`false`に変更、pre/post scriptをデフォルトで実行するように変更。 +ロックファイルのバージョンをv9に変更、Gitリポジトリのサブディレクトリのみをインストールできるように。 + + +---- + +## Bun v1.1.4 | Bun Blog +[bun.sh/blog/bun-v1.1.4](https://bun.sh/blog/bun-v1.1.4 "Bun v1.1.4 | Bun Blog") +

Bun ReleaseNote

+ +Bun v1.1.4リリース。 +`bun --filter='*'`でコマンドを並列に実行できるように、`bun install`のパフォーマンスを改善、`bun:sqlite`が`using`に対応など + + +---- + +## Chrome 124  |  Release notes  |  Chrome for Developers +[developer.chrome.com/release-notes/124](https://developer.chrome.com/release-notes/124 "Chrome 124  |  Release notes  |  Chrome for Developers") +

Chrome ReleaseNote

+ +Chrome 124リリース。 +`writingsuggestions`属性のサポート、`Sec-CH-UA-Form-Factors` client hintのサポート、Document Render-Blockingのサポート。 +WebSocketStream API、`setHTMLUnsafe`と`parseHTMLUnsafe`メソッドのサポート、ReadableStream APIがAsync Iterableに対応など + +- [New in Chrome 124  |  Blog  |  Chrome for Developers](https://developer.chrome.com/blog/new-in-chrome-124 "New in Chrome 124  |  Blog  |  Chrome for Developers") + +---- + +## ECMAScript proposal updates @ 2024-04 | ECMAScript Daily +[ecmascript-daily.github.io/ecmascript/2024/04/17/ecmascript-proposal-update](https://ecmascript-daily.github.io/ecmascript/2024/04/17/ecmascript-proposal-update "ECMAScript proposal updates @ 2024-04 | ECMAScript Daily") +

ECMAScript proposal news

+ +2024年4月のTC39ミーティングでのECMAScript Proposalのステータス変更のまとめ。 +SignalsがStage 1に、`.union()`などの集合演算をするSetメソッドがStage 4に。 + + +---- + +## Release 3.37.0 - 2024.04.17 · zloirock/core-js +[github.com/zloirock/core-js/releases/tag/v3.37.0](https://github.com/zloirock/core-js/releases/tag/v3.37.0 "Release 3.37.0 - 2024.04.17 · zloirock/core-js") +

JavaScript polyfill ReleaseNote

+ +core-js v3.37.0リリース。 +Set methods ProposalをStableに追加、`Math.sumPrecise`のサポート、`Symbol.customMatcher`のサポートなど + + +---- +

アーティクル

+ +---- + +## How we built JSR +[deno.com/blog/how-we-built-jsr](https://deno.com/blog/how-we-built-jsr "How we built JSR") +

deno JavaScript npm article

+ +JSRの技術的な作りについて。 +APIサーバはRustで書かれていて、DBにはPostgresを利用している。 +フロントエンドにはFreshを使ったIslandsアーキテクチャにしている。 +Freshを動かすRendering Serverは各地にデプロイされるがAPI ServerはUSのみなので、Server間のやり取りでウォーターフォールが起きないようにまとめている。 +また、npmの互換レイヤーであるtarballを作成するときに.tsから.d.tsを生成する処理をRustで書いている点についてなど + +- [feat: Add fast-check based TypeScript type definition generation by marvinhagemeister · Pull Request #379 · denoland/deno\_graph](https://github.com/denoland/deno_graph/pull/379 "feat: Add fast-check based TypeScript type definition generation by marvinhagemeister · Pull Request #379 · denoland/deno\_graph") + +---- + +## Panda CSS - The Origin Story - Segun Adebayo +[www.adebayosegun.com/blog/panda-css-the-origin-story](https://www.adebayosegun.com/blog/panda-css-the-origin-story "Panda CSS - The Origin Story - Segun Adebayo") +

JavaScript CSS article Interview

+ +Panda CSSがなぜ作られたのかについての話。 +Chakra UIでCSSのパフォーマンスを向上する試みから、Vanilla ExtractでPoCを作成し、そこから同じ試みをしてるBox Extractorの作者と作業をマージして進めていった。 +Park UIやビデオチュートリアルの作成、名前をPandaにした話などについて + + +---- + +## Node.js — Trip report: Node.js collaboration summit (2024 London) +[nodejs.org/en/blog/events/collab-summit-2024-london](https://nodejs.org/en/blog/events/collab-summit-2024-london "Node.js — Trip report: Node.js collaboration summit (2024 London)") +

nodejs article

+ +Node.js collaboration summit 2024で話されたことのサマリ記事。 + + +---- + +## CSS in React Server Components +[www.joshwcomeau.com/react/css-in-rsc/](https://www.joshwcomeau.com/react/css-in-rsc/ "CSS in React Server Components") +

Next.js CSS React article

+ +React Server ComponentとCSSについての記事。 +Linaria、Panda CSS、Material UIのPigment CSSについて + + +---- + +## 「実装例から見る React のテストの書き方」をアップデートする +[zenn.dev/cybozu\_frontend/articles/update-test-libraries](https://zenn.dev/cybozu_frontend/articles/update-test-libraries "「実装例から見る React のテストの書き方」をアップデートする") +

JavaScript Tools article

+ +React周りのツールやテストのアップデートについて。 + + +---- +

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

+ +---- + +## sonic-technology/catena: Build type-safe APIs with ease +[github.com/sonic-technology/catena](https://github.com/sonic-technology/catena "sonic-technology/catena: Build type-safe APIs with ease") +

nodejs TypeScript library

+ +ExpressにType Safeなvalidationやmiddlewareなどの仕組みをつけるライブラリ + + +---- + +## Layer Cake +[layercake.graphics/](https://layercake.graphics/ "Layer Cake") +

Svelte SVG library

+ +SvelteベースのSVGなどのグラフィカルなデータを扱うライブラリ + + +----