-
-
Notifications
You must be signed in to change notification settings - Fork 70
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
2024-04-18のJS: Next.js v14.2、Farm v1.0、Biome v1.7、pnpm v9 (#1186)
* Update 689 draft * Update 689 draft * Update 689 draft * Update 689 draft * Update 689 draft * Update 689 draft * Update 689 draft * Update 689 draft * Update 689 draft * Update 689 draft * Update 689 draft * Update 689 draft * Update 689 draft * Update 689 draft * Update _i18n/ja/_posts/2024/2024-04-18-next.js-v14.2-farm-v1.0-biome-v1.7-pnpm-v9.md * Delete _i18n/ja/_posts/2024/2024-04-18-689draft.md * Update _i18n/ja/_posts/2024/2024-04-18-next.js-v14.2-farm-v1.0-biome-v1.7-pnpm-v9.md * Update 2024-04-18-next.js-v14.2-farm-v1.0-biome-v1.7-pnpm-v9.md * Update _i18n/ja/_posts/2024/2024-04-18-next.js-v14.2-farm-v1.0-biome-v1.7-pnpm-v9.md --------- Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
- Loading branch information
1 parent
4ab4777
commit a523ad5
Showing
1 changed file
with
226 additions
and
0 deletions.
There are no files selected for viewing
226 changes: 226 additions & 0 deletions
226
_i18n/ja/_posts/2024/2024-04-18-next.js-v14.2-farm-v1.0-biome-v1.7-pnpm-v9.md
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -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 %} | ||
|
|
||
| ---- | ||
|
|
||
| <h1 class="site-genre">ヘッドライン</h1> | ||
|
|
||
| ---- | ||
|
|
||
| ## 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") | ||
| <p class="jser-tags jser-tag-icon"><span class="jser-tag">Next.js</span> <span class="jser-tag">ReleaseNote</span></p> | ||
|
|
||
| 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") | ||
| <p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">bundler</span> <span class="jser-tag">Rust</span> <span class="jser-tag">vite</span> <span class="jser-tag">ReleaseNote</span></p> | ||
|
|
||
| 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") | ||
| <p class="jser-tags jser-tag-icon"><span class="jser-tag">ESLint</span> <span class="jser-tag">Tools</span> <span class="jser-tag">ReleaseNote</span></p> | ||
|
|
||
| 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") | ||
| <p class="jser-tags jser-tag-icon"><span class="jser-tag">pnpm</span> <span class="jser-tag">ReleaseNote</span></p> | ||
|
|
||
| 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") | ||
| <p class="jser-tags jser-tag-icon"><span class="jser-tag">Bun</span> <span class="jser-tag">ReleaseNote</span></p> | ||
|
|
||
| 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") | ||
| <p class="jser-tags jser-tag-icon"><span class="jser-tag">Chrome</span> <span class="jser-tag">ReleaseNote</span></p> | ||
|
|
||
| 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") | ||
| <p class="jser-tags jser-tag-icon"><span class="jser-tag">ECMAScript</span> <span class="jser-tag">proposal</span> <span class="jser-tag">news</span></p> | ||
|
|
||
| 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") | ||
| <p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">polyfill</span> <span class="jser-tag">ReleaseNote</span></p> | ||
|
|
||
| core-js v3.37.0リリース。 | ||
| Set methods ProposalをStableに追加、`Math.sumPrecise`のサポート、`Symbol.customMatcher`のサポートなど | ||
|
|
||
|
|
||
| ---- | ||
| <h1 class="site-genre">アーティクル</h1> | ||
|
|
||
| ---- | ||
|
|
||
| ## How we built JSR | ||
| [deno.com/blog/how-we-built-jsr](https://deno.com/blog/how-we-built-jsr "How we built JSR") | ||
| <p class="jser-tags jser-tag-icon"><span class="jser-tag">deno</span> <span class="jser-tag">JavaScript</span> <span class="jser-tag">npm</span> <span class="jser-tag">article</span></p> | ||
|
|
||
| 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") | ||
| <p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">CSS</span> <span class="jser-tag">article</span> <span class="jser-tag">Interview</span></p> | ||
|
|
||
| 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)") | ||
| <p class="jser-tags jser-tag-icon"><span class="jser-tag">nodejs</span> <span class="jser-tag">article</span></p> | ||
|
|
||
| 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") | ||
| <p class="jser-tags jser-tag-icon"><span class="jser-tag">Next.js</span> <span class="jser-tag">CSS</span> <span class="jser-tag">React</span> <span class="jser-tag">article</span></p> | ||
|
|
||
| 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 のテストの書き方」をアップデートする") | ||
| <p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">Tools</span> <span class="jser-tag">article</span></p> | ||
|
|
||
| React周りのツールやテストのアップデートについて。 | ||
|
|
||
|
|
||
| ---- | ||
| <h1 class="site-genre">ソフトウェア、ツール、ライブラリ関係</h1> | ||
|
|
||
| ---- | ||
|
|
||
| ## 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") | ||
| <p class="jser-tags jser-tag-icon"><span class="jser-tag">nodejs</span> <span class="jser-tag">TypeScript</span> <span class="jser-tag">library</span></p> | ||
|
|
||
| ExpressにType Safeなvalidationやmiddlewareなどの仕組みをつけるライブラリ | ||
|
|
||
|
|
||
| ---- | ||
|
|
||
| ## Layer Cake | ||
| [layercake.graphics/](https://layercake.graphics/ "Layer Cake") | ||
| <p class="jser-tags jser-tag-icon"><span class="jser-tag">Svelte</span> <span class="jser-tag">SVG</span> <span class="jser-tag">library</span></p> | ||
|
|
||
| SvelteベースのSVGなどのグラフィカルなデータを扱うライブラリ | ||
|
|
||
|
|
||
| ---- |