translate: 2024-06-03 (#1199)

_i18n/ja/_posts/2024/2024-06-03-vitest-v2.0.0-beta.5browser-mode-rspack-v0.7-eslint-migrator.md

@@ -34,7 +34,7 @@ RsPack v0.7がリリースされました。
 - [Release v0.7.0 · web-infra-dev/rspack](https://github.com/web-infra-dev/rspack/releases/tag/v0.7.0)
 
 Lazy Compilationのサポート、CSSビルドのパフォーマンス改善が行われています。
-UnstableなJavaScript APIを非推奨化、`@import`は他のルールよりもあることをチェックするようになる変更も含まれています。
+UnstableなJavaScript APIを非推奨化、`@import`は他のルールよりも前にあるかをチェックするようになる変更も含まれています。
 
 また、Rspack v1.0のロードマップも公開されていて、2024年7月にv1.0がリリースされる予定です。
 
@@ -96,7 +96,7 @@ JSRにパッケージを公開するように、`getConnInfo`を追加、`timeou
 
 Rspack v0.7リリース。
 Lazy Compilationのサポート、CSSビルドのパフォーマンス改善。
-UnstableなJavaScript APIを非推奨化、`@import`は他のルールよりもあることをチェックするように。
+UnstableなJavaScript APIを非推奨化、`@import`は他のルールよりも前にあるかをチェックするように。
 
 - [Release v0.7.0 · web-infra-dev/rspack](https://github.com/web-infra-dev/rspack/releases/tag/v0.7.0 "Release v0.7.0 · web-infra-dev/rspack")
 
@@ -157,8 +157,8 @@ esbuildのbundleとtscを使った型チェックを並列で実行するパタ
 
 ----
 
-## テスト自動化実践ガイド 継続的にWebアプリケーションを改善するための知識と技法 | 末村 拓也 |本 | 通販 | Amazon
-[www.amazon.co.jp/dp/4798172359/](https://www.amazon.co.jp/dp/4798172359/ "テスト自動化実践ガイド 継続的にWebアプリケーションを改善するための知識と技法 | 末村 拓也 |本 | 通販 | Amazon")
+## テスト自動化実践ガイド 継続的にWebアプリケーションを改善するための知識と技法 | 末村 拓也 | 本 | 通販 | Amazon
+[www.amazon.co.jp/dp/4798172359/](https://www.amazon.co.jp/dp/4798172359/ "テスト自動化実践ガイド 継続的にWebアプリケーションを改善するための知識と技法 | 末村 拓也 | 本 | 通販 | Amazon")
 <p class="jser-tags jser-tag-icon"><span class="jser-tag">E2E</span> <span class="jser-tag">test</span> <span class="jser-tag">playwright</span> <span class="jser-tag">book</span></p>
 
 2024年7月30日発売

_i18n/ko/_posts/2024/2024-06-03-vitest-v2.0.0-beta.5browser-mode-rspack-v0.7-eslint-migrator.md

@@ -0,0 +1,181 @@
+---
+title: "2024-06-03: vitest v2.0.0-beta.5(browser mode), Rspack v0.7, ESLint Migrator"
+author: "azu"
+translator: rewrite0w0
+layout: post
+date: 2024-06-03T13:18:59.009Z
+category: JSer
+tags:
+- test
+- book
+- TypeScript
+- ESLint
+- Design
+
+---
+
+JSer.info #695 - Vitest v2.0.0-beta.5 출시되었어요.
+
+- [Release v2.0.0-beta.5 · vitest-dev/vitest](https://github.com/vitest-dev/vitest/releases/tag/v2.0.0-beta.5)
+
+`--merge-reports`가 커버리지 지원, Promise 기반 mock에 Assertion 추가, 브라우저 모드 개선도 있어요.
+
+Vitest의 Browser Mode는, `jsdom`나 `happy-dom`를 갈아끼우는 형태로, 컴포넌트 테스트를 위한 구조에요.
+개발중인 Vitest 2.0에는 Commands API와 module mocking가 추가되어요.
+
+다음 Issue에, Vitest의 Browser Mode 목적이나 방향성에 대한 설명이 있어요.
+
+- [Vitest Browser Mode · vitest-dev/vitest · Discussion #5828](https://github.com/vitest-dev/vitest/discussions/5828)
+
+---
+
+RsPack v0.7 출시되었어요.
+
+- [Announcing Rspack v0.7 - Rspack](https://www.rspack.dev/blog/announcing-0-7)
+- [Release v0.7.0 · web-infra-dev/rspack](https://github.com/web-infra-dev/rspack/releases/tag/v0.7.0)
+
+Lazy Compilation 지원, CSS 빌드 성능 개선이 있어요.
+Unstable한 JavaScript API 비권장화, `@import`는 다른 규칙보다 앞에 있도록 변경되었어요.
+
+또한, Rspack v1.0 로드맵도 공개되어, 2024년 7월에 v1.0가 출시될 예정이에요.
+
+- [[Tracking]: Rspack v1.0 · Issue #6689 · web-infra-dev/rspack](https://github.com/web-infra-dev/rspack/issues/6689)
+- [Rspack v1.0 Release Plan · web-infra-dev/rspack · Discussion #6315](https://github.com/web-infra-dev/rspack/discussions/6315)
+
+---
+
+ESLint 9의 Flat Config으로 마이그레이션하기 위한 [ESLint Configuration Migrator](https://www.npmjs.com/package/@eslint/migrate-config)가 공개되었어요.
+
+- [Introducing the ESLint Configuration Migrator - ESLint - Pluggable JavaScript Linter](https://eslint.org/blog/2024/05/eslint-configuration-migrator/)
+
+`.eslintrc.json` 등 에서, `eslint.config.js` 으로 이행하기 위한 보조 도구에요.
+
+----
+
+{% include inline-support.html %}
+
+----
+
+<h1 class="site-genre">헤드라인</h1>
+
+----
+
+## Release v2.0.0-beta.5 · vitest-dev/vitest
+[github.com/vitest-dev/vitest/releases/tag/v2.0.0-beta.5](https://github.com/vitest-dev/vitest/releases/tag/v2.0.0-beta.5 "Release v2.0.0-beta.5 · vitest-dev/vitest")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">vite</span> <span class="jser-tag">test</span> <span class="jser-tag">library</span> <span class="jser-tag">ReleaseNote</span></p>
+
+vitest v2.0.0-beta.5 출시.
+`--merge-reports`가 커버리지 지원, Promise 기반 mock에 Assertion 추가, 브라우저 모드 개선
+
+
+----
+
+## Prettier 3.3: New Flow features and a lot of bug fixes · Prettier
+[prettier.io/blog/2024/06/01/3.3.0.html](https://prettier.io/blog/2024/06/01/3.3.0.html "Prettier 3.3: New Flow features and a lot of bug fixes · Prettier")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">Tools</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Prettier 3.3 출시.
+Flow에 추가된 `declare name`/`component` 구문 지원, `gql` template literal 내 GraphQL 지원, pnpm의 `package.yaml` 지원
+
+- [feat: support package.yaml and package.json5 by zkochan · Pull Request #1799 · pnpm/pnpm](https://github.com/pnpm/pnpm/pull/1799 "feat: support package.yaml and package.json5 by zkochan · Pull Request #1799 · pnpm/pnpm")
+
+----
+
+## Release v4.4.0 · honojs/hono
+[github.com/honojs/hono/releases/tag/v4.4.0](https://github.com/honojs/hono/releases/tag/v4.4.0 "Release v4.4.0 · honojs/hono")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">Hono</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Hono v4.4.0 출시.
+JSR에 패키지 공개할 수 있음, `getConnInfo` 추가, `timeout` middleware 추가
+
+
+----
+
+## Announcing Rspack v0.7 - Rspack
+[www.rspack.dev/blog/announcing-0-7](https://www.rspack.dev/blog/announcing-0-7 "Announcing Rspack v0.7 - Rspack")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">bundler</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Rspack v0.7 출시.
+Lazy Compilation 지원, CSS 빌드 성능 개선.
+Unstable한 JavaScript API 비권장화, `@import`은 다른 규칙보다 앞에 있는가 체크.
+
+- [Release v0.7.0 · web-infra-dev/rspack](https://github.com/web-infra-dev/rspack/releases/tag/v0.7.0 "Release v0.7.0 · web-infra-dev/rspack")
+
+----
+
+## Deno 1.44: Private npm registries, improved Node.js compat, and performance boosts
+[deno.com/blog/v1.44](https://deno.com/blog/v1.44 "Deno 1.44: Private npm registries, improved Node.js compat, and performance boosts")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">dneo</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Deno v1.44 출시.
+`.npmrc` 사용한 private npm registry 지원, gRPC 접속 지원, V8 포인터 압축으로 인한 메모리 사용량 절감.
+`Deno.exitCode` Stable화, `Response.prototype.bytes()` 지원
+
+
+----
+<h1 class="site-genre">읽을거리</h1>
+
+----
+
+## Introducing the ESLint Configuration Migrator - ESLint - Pluggable JavaScript Linter
+[eslint.org/blog/2024/05/eslint-configuration-migrator/](https://eslint.org/blog/2024/05/eslint-configuration-migrator/ "Introducing the ESLint Configuration Migrator - ESLint - Pluggable JavaScript Linter")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">ESLint</span> <span class="jser-tag">article</span></p>
+
+ESLint 9에서 FlatConfig으로 이행하기 위한 이행도구 공개
+
+
+----
+
+## Live types in a TypeScript monorepo
+[colinhacks.com/essays/live-types-typescript-monorepo](https://colinhacks.com/essays/live-types-typescript-monorepo "Live types in a TypeScript monorepo")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">TypeScript</span> <span class="jser-tag">article</span></p>
+
+monorepo내에 패키지로 나눠진 TypeScript 코드를 빌드없이 참조하는 방법에 대해.
+`exports`와 `tsconfig-paths` 사용한 방법, `publishConfig`와 조합함으로 npm registry에도 pubilsh 가능한 수법에 대해서도 다룸
+
+
+----
+
+## How 1Password Used Esbuild to Cut Browser Extension Build Times | 1Password
+[blog.1password.com/new-extension-build-system/](https://blog.1password.com/new-extension-build-system/ "How 1Password Used Esbuild to Cut Browser Extension Build Times | 1Password")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">TypeScript</span> <span class="jser-tag">esbuild</span> <span class="jser-tag">article</span></p>
+
+esbuild의 bundle과 tsc 사용한 타입 체크를 병렬로 실행하는 패턴, esbuild의 Metafile 사용한 bundle size 분석 방법에 대해
+
+
+----
+<h1 class="site-genre">도서</h1>
+
+----
+
+## 디지털청 디자인시스템 β판
+[design.digital.go.jp/](https://design.digital.go.jp/ "디지털청 디자인시스템 β판")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">Design</span> <span class="jser-tag">accessibility</span> <span class="jser-tag">figma</span> <span class="jser-tag">document</span></p>
+
+디지털청 디자인 시스템.
+디자인, 컴포넌트, 가이드라인, 접근성 모음
+
+
+----
+
+## 테스트 자동화 실전 가이드 지속적으로 Web 애플리케이션 개선하기 위한 지식과 방법 | 스에무라 타쿠야 | 책 | 통판 | Amazon
+[www.amazon.co.jp/dp/4798172359/](https://www.amazon.co.jp/dp/4798172359/ "테스트 자동화 실전 가이드 지속적으로 Web 애플리케이션 개선하기 위한 지식과 방법 | 스에무라 타쿠야 | 책 | 통판 | Amazon")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">E2E</span> <span class="jser-tag">test</span> <span class="jser-tag">playwright</span> <span class="jser-tag">book</span></p>
+
+2024년 7월 30일 발매
+CodeceptJS와 Playwright 사용한 E2E 테스트에 대한 도서
+
+
+----
+
+## React 19 신기능 둘러보기
+[zenn.dev/uhyo/books/react-19-new](https://zenn.dev/uhyo/books/react-19-new "React 19 신기능 둘러보기")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">React</span> <span class="jser-tag">book</span></p>
+
+React 19 변경점 정리한 도서.
+Action와 `useTransition`, `useActionState`, `useOptimistic`, `use` 등 Hooks에 대하여.
+또한, `<title>` 등에도 대응, refCallback, Context나 ref 변경, `onCaughtError` 옵션에 대해서도 다룸
+
+- [React 19 개념부터 이해하기 - Speaker Deck](https://speakerdeck.com/player/98422ddec1914f339c53f9c299f80ce6?title=false&skipResize=true "React 19 개념부터 이해하기 - Speaker Deck")
+
+----