diff --git a/_i18n/ja/_posts/2024/2024-04-11-688draft.md b/_i18n/ja/_posts/2024/2024-04-11-688draft.md deleted file mode 100644 index ae88bdd38a2..00000000000 --- a/_i18n/ja/_posts/2024/2024-04-11-688draft.md +++ /dev/null @@ -1,159 +0,0 @@ ---- -title: "2024-04-11のJS: " -author: "azu" -layout: post -date : 2024-04-11T02:12:01.690Z -category: JSer -tags: -- React -- Next.js -- nodejs -- flowtype -- ShellScript - ---- - -JSer.info #688 - ----- - -

ヘッドライン

- ----- - -## Release 8.0.0 · google/zx -[github.com/google/zx/releases/tag/8.0.0](https://github.com/google/zx/releases/tag/8.0.0 "Release 8.0.0 · google/zx") -

JavaScript ShellScript library ReleaseNote

- -zx 8.0.0リリース。 -パッケージサイズの削減、`$.sync`の追加、`input`オプションの追加、AbortControllerのサポート、`kill`メソッドの追加。 -`$.verbose`のデフォルト値を`false`に変更、`ssh` APIの削除など - - ----- - -## Announcing Rspack v0.6 - Rspack -[www.rspack.dev/blog/announcing-0.6](https://www.rspack.dev/blog/announcing-0.6 "Announcing Rspack v0.6 - Rspack") -

JavaScript webpack ReleaseNote

- -Rspack 0.6リリース。 -mini-css-extract-pluginの機能を組み込みサポート、デフォルトでTree Shakingを有効化。 -CSSの順番が複数のchunkで矛盾している場合に警告を表示するようになるなど - - ----- - -## Node.js — Wednesday, April 10, 2024 Security Releases -[nodejs.org/en/blog/vulnerability/april-2024-security-releases-2](https://nodejs.org/en/blog/vulnerability/april-2024-security-releases-2 "Node.js — Wednesday, April 10, 2024 Security Releases") -

nodejs windows security ReleaseNote

- -Node.jsのセキュリティアップデートとして v18.20.2 (LTS)/v20.12.2 (LTS)/v21.7.3 (Current)がそれぞれリリース。 -Windowsにおける`child_process.spawn`のコマンドインジェクションの脆弱性の修正 - - ----- - -## ESLint v9.0.0 released - ESLint - Pluggable JavaScript Linter -[eslint.org/blog/2024/04/eslint-v9.0.0-released/](https://eslint.org/blog/2024/04/eslint-v9.0.0-released/ "ESLint v9.0.0 released - ESLint - Pluggable JavaScript Linter") -

ESLint ReleaseNote

- -ESLint v9.0.0リリース。 -Node.js 18.18未満のサポート終了、Flat Configをデフォルト化、ビルトインのformatterの一部をパッケージに移動、JSDocのルールを削除。 -`eslint:recommende`の更新、`loadESLint()` APIの追加、RuleTesterのバリデーションの強化、ルールの書き方を変更など - -- [Migrate to v9.x - ESLint - Pluggable JavaScript Linter](https://eslint.org/docs/latest/use/migrate-to-9.0.0 "Migrate to v9.x - ESLint - Pluggable JavaScript Linter") - ----- -

アーティクル

- ----- - -## New Flow Language Features for React | by Alex Taylor | Flow | Apr, 2024 | Medium -[medium.com/flow-type/announcing-component-syntax-b6c5285660d0](https://medium.com/flow-type/announcing-component-syntax-b6c5285660d0 "New Flow Language Features for React | by Alex Taylor | Flow | Apr, 2024 | Medium") -

flowtype React article

- -Flow v0.233.0で導入された`component`と`hook`構文について。 -通常の関数とは異なる構文にすることでPropsのread-onlyのチェック、refのチェック、Hooksのチェックなどが行える - - ----- - -## App Router移行時に0.01%の確率でCSR遷移が404エラーになる - とろろこんぶろぐ -[oisham.hatenablog.com/entry/2024/04/04/105444](https://oisham.hatenablog.com/entry/2024/04/04/105444 "App Router移行時に0.01%の確率でCSR遷移が404エラーになる - とろろこんぶろぐ") -

Next.js article

- -Next.jsではApp RouterとPages Routerが共存しているときは、パスがどちらのRouterかを判定するのに Bloom Filter を利用している。 -この判定は確率的に判定ミスをするが、その際にはハードナビゲーションするため本来は問題が起きない。しかし、`basePath`オプションを利用時には問題があったという話。 - - ----- - -## Breaking Down Next.js 14 | FocusReactive -[focusreactive.com/breaking-down-next-js-14/](https://focusreactive.com/breaking-down-next-js-14/ "Breaking Down Next.js 14 | FocusReactive") -

Next.js article

- -Next.js 14のApp Router/Server Components/Data Fetching/Caching/Metadata/Dynamic Image Generationについて。 - - ----- - -## History of JS interop in Dart. Support for Wasm just landed in the… | by Sigmund Cherem | Dart | Mar, 2024 | Medium -[medium.com/dartlang/history-of-js-interop-in-dart-98b06991158f](https://medium.com/dartlang/history-of-js-interop-in-dart-98b06991158f "History of JS interop in Dart. Support for Wasm just landed in the… | by Sigmund Cherem | Dart | Mar, 2024 | Medium") -

dart JavaScript article

- -DartのJavaScriptとの総合運用性の歴史について。 -Dart 3.3で追加された`dart:js_interop`について - - ----- - -## Learn JavaScript  |  web.dev -[web.dev/learn/javascript](https://web.dev/learn/javascript "Learn JavaScript  |  web.dev") -

JavaScript tutorial

- -JavaScriptの基礎を学習するチュートリアル - - ----- - -## Migrating 500+ tests from Mocha to Node.js | Astro -[astro.build/blog/node-test-migration/](https://astro.build/blog/node-test-migration/ "Migrating 500+ tests from Mocha to Node.js | Astro") -

nodejs JavaScript testing article

- -Mocha/Chaiから`node:test`/`node:assert`へテストを移行した話 - - ----- - -## Optimizing WebKit & Safari for Speedometer 3.0 | WebKit -[webkit.org/blog/15249/optimizing-webkit-safari-for-speedometer-3-0/](https://webkit.org/blog/15249/optimizing-webkit-safari-for-speedometer-3-0/ "Optimizing WebKit & Safari for Speedometer 3.0 | WebKit") -

webkit safari performance article

- -WebKitでSpeedometer 3.0のベンチマークに合わせた最適化を色々と取り入れた話。 - - ----- -

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

- ----- - -## Home | Ark UI -[ark-ui.com/](https://ark-ui.com/ "Home | Ark UI") -

JavaScript UI library

- -React/Solid/Vueで、Panda CSS/Tailwind/Vanilla CSSに対応したHeadless UIコンポーネントライブラリ - - ----- -

書籍関係

- ----- - -## The Framework Field Guide - Fundamentals | Unicorn Utterances -[unicorn-utterances.com/collections/framework-field-guide-fundamentals](https://unicorn-utterances.com/collections/framework-field-guide-fundamentals "The Framework Field Guide - Fundamentals | Unicorn Utterances") -

JavaScript React Angular Vue book

- -Angular/React/Vueを一度に学べることを目的にした書籍。 - - -----