Skip to content

Commit 073e895

Browse files
rewrite0w0rewrite0w0
authored
translate: 2024-06-03 (#1199)
1 parent d435e17 commit 073e895

2 files changed

+185
-4
lines changed

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

+4-4
Original file line numberDiff line numberDiff line change
@@ -34,7 +34,7 @@ RsPack v0.7がリリースされました。
3434
- [Release v0.7.0 · web-infra-dev/rspack](https://github.com/web-infra-dev/rspack/releases/tag/v0.7.0)
3535

3636
Lazy Compilationのサポート、CSSビルドのパフォーマンス改善が行われています。
37-
UnstableなJavaScript APIを非推奨化、`@import`は他のルールよりもあることをチェックするようになる変更も含まれています。
37+
UnstableなJavaScript APIを非推奨化、`@import`は他のルールよりも前にあるかをチェックするようになる変更も含まれています。
3838

3939
また、Rspack v1.0のロードマップも公開されていて、2024年7月にv1.0がリリースされる予定です。
4040

@@ -96,7 +96,7 @@ JSRにパッケージを公開するように、`getConnInfo`を追加、`timeou
9696

9797
Rspack v0.7リリース。
9898
Lazy Compilationのサポート、CSSビルドのパフォーマンス改善。
99-
UnstableなJavaScript APIを非推奨化、`@import`は他のルールよりもあることをチェックするように。
99+
UnstableなJavaScript APIを非推奨化、`@import`は他のルールよりも前にあるかをチェックするように。
100100

101101
- [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")
102102

@@ -157,8 +157,8 @@ esbuildのbundleとtscを使った型チェックを並列で実行するパタ
157157

158158
----
159159

160-
## テスト自動化実践ガイド 継続的にWebアプリケーションを改善するための知識と技法 | 末村 拓也 |本 | 通販 | Amazon
161-
[www.amazon.co.jp/dp/4798172359/](https://www.amazon.co.jp/dp/4798172359/ "テスト自動化実践ガイド 継続的にWebアプリケーションを改善するための知識と技法 | 末村 拓也 |本 | 通販 | Amazon")
160+
## テスト自動化実践ガイド 継続的にWebアプリケーションを改善するための知識と技法 | 末村 拓也 | 本 | 通販 | Amazon
161+
[www.amazon.co.jp/dp/4798172359/](https://www.amazon.co.jp/dp/4798172359/ "テスト自動化実践ガイド 継続的にWebアプリケーションを改善するための知識と技法 | 末村 拓也 | 本 | 通販 | Amazon")
162162
<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>
163163

164164
2024年7月30日発売

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

+181
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,181 @@
1+
---
2+
title: "2024-06-03: vitest v2.0.0-beta.5(browser mode), Rspack v0.7, ESLint Migrator"
3+
author: "azu"
4+
translator: rewrite0w0
5+
layout: post
6+
date: 2024-06-03T13:18:59.009Z
7+
category: JSer
8+
tags:
9+
- test
10+
- book
11+
- TypeScript
12+
- ESLint
13+
- Design
14+
15+
---
16+
17+
JSer.info #695 - Vitest v2.0.0-beta.5 출시되었어요.
18+
19+
- [Release v2.0.0-beta.5 · vitest-dev/vitest](https://github.com/vitest-dev/vitest/releases/tag/v2.0.0-beta.5)
20+
21+
`--merge-reports`가 커버리지 지원, Promise 기반 mock에 Assertion 추가, 브라우저 모드 개선도 있어요.
22+
23+
Vitest의 Browser Mode는, `jsdom`나 `happy-dom`를 갈아끼우는 형태로, 컴포넌트 테스트를 위한 구조에요.
24+
개발중인 Vitest 2.0에는 Commands API와 module mocking가 추가되어요.
25+
26+
다음 Issue에, Vitest의 Browser Mode 목적이나 방향성에 대한 설명이 있어요.
27+
28+
- [Vitest Browser Mode · vitest-dev/vitest · Discussion #5828](https://github.com/vitest-dev/vitest/discussions/5828)
29+
30+
---
31+
32+
RsPack v0.7 출시되었어요.
33+
34+
- [Announcing Rspack v0.7 - Rspack](https://www.rspack.dev/blog/announcing-0-7)
35+
- [Release v0.7.0 · web-infra-dev/rspack](https://github.com/web-infra-dev/rspack/releases/tag/v0.7.0)
36+
37+
Lazy Compilation 지원, CSS 빌드 성능 개선이 있어요.
38+
Unstable한 JavaScript API 비권장화, `@import`는 다른 규칙보다 앞에 있도록 변경되었어요.
39+
40+
또한, Rspack v1.0 로드맵도 공개되어, 2024년 7월에 v1.0가 출시될 예정이에요.
41+
42+
- [[Tracking]: Rspack v1.0 · Issue #6689 · web-infra-dev/rspack](https://github.com/web-infra-dev/rspack/issues/6689)
43+
- [Rspack v1.0 Release Plan · web-infra-dev/rspack · Discussion #6315](https://github.com/web-infra-dev/rspack/discussions/6315)
44+
45+
---
46+
47+
ESLint 9의 Flat Config으로 마이그레이션하기 위한 [ESLint Configuration Migrator](https://www.npmjs.com/package/@eslint/migrate-config)가 공개되었어요.
48+
49+
- [Introducing the ESLint Configuration Migrator - ESLint - Pluggable JavaScript Linter](https://eslint.org/blog/2024/05/eslint-configuration-migrator/)
50+
51+
`.eslintrc.json` 등 에서, `eslint.config.js` 으로 이행하기 위한 보조 도구에요.
52+
53+
----
54+
55+
{% include inline-support.html %}
56+
57+
----
58+
59+
<h1 class="site-genre">헤드라인</h1>
60+
61+
----
62+
63+
## Release v2.0.0-beta.5 · vitest-dev/vitest
64+
[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")
65+
<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>
66+
67+
vitest v2.0.0-beta.5 출시.
68+
`--merge-reports`가 커버리지 지원, Promise 기반 mock에 Assertion 추가, 브라우저 모드 개선
69+
70+
71+
----
72+
73+
## Prettier 3.3: New Flow features and a lot of bug fixes · Prettier
74+
[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")
75+
<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>
76+
77+
Prettier 3.3 출시.
78+
Flow에 추가된 `declare name`/`component` 구문 지원, `gql` template literal 내 GraphQL 지원, pnpm의 `package.yaml` 지원
79+
80+
- [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")
81+
82+
----
83+
84+
## Release v4.4.0 · honojs/hono
85+
[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")
86+
<p class="jser-tags jser-tag-icon"><span class="jser-tag">Hono</span> <span class="jser-tag">ReleaseNote</span></p>
87+
88+
Hono v4.4.0 출시.
89+
JSR에 패키지 공개할 수 있음, `getConnInfo` 추가, `timeout` middleware 추가
90+
91+
92+
----
93+
94+
## Announcing Rspack v0.7 - Rspack
95+
[www.rspack.dev/blog/announcing-0-7](https://www.rspack.dev/blog/announcing-0-7 "Announcing Rspack v0.7 - Rspack")
96+
<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>
97+
98+
Rspack v0.7 출시.
99+
Lazy Compilation 지원, CSS 빌드 성능 개선.
100+
Unstable한 JavaScript API 비권장화, `@import`은 다른 규칙보다 앞에 있는가 체크.
101+
102+
- [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")
103+
104+
----
105+
106+
## Deno 1.44: Private npm registries, improved Node.js compat, and performance boosts
107+
[deno.com/blog/v1.44](https://deno.com/blog/v1.44 "Deno 1.44: Private npm registries, improved Node.js compat, and performance boosts")
108+
<p class="jser-tags jser-tag-icon"><span class="jser-tag">dneo</span> <span class="jser-tag">ReleaseNote</span></p>
109+
110+
Deno v1.44 출시.
111+
`.npmrc` 사용한 private npm registry 지원, gRPC 접속 지원, V8 포인터 압축으로 인한 메모리 사용량 절감.
112+
`Deno.exitCode` Stable화, `Response.prototype.bytes()` 지원
113+
114+
115+
----
116+
<h1 class="site-genre">읽을거리</h1>
117+
118+
----
119+
120+
## Introducing the ESLint Configuration Migrator - ESLint - Pluggable JavaScript Linter
121+
[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")
122+
<p class="jser-tags jser-tag-icon"><span class="jser-tag">ESLint</span> <span class="jser-tag">article</span></p>
123+
124+
ESLint 9에서 FlatConfig으로 이행하기 위한 이행도구 공개
125+
126+
127+
----
128+
129+
## Live types in a TypeScript monorepo
130+
[colinhacks.com/essays/live-types-typescript-monorepo](https://colinhacks.com/essays/live-types-typescript-monorepo "Live types in a TypeScript monorepo")
131+
<p class="jser-tags jser-tag-icon"><span class="jser-tag">TypeScript</span> <span class="jser-tag">article</span></p>
132+
133+
monorepo내에 패키지로 나눠진 TypeScript 코드를 빌드없이 참조하는 방법에 대해.
134+
`exports`와 `tsconfig-paths` 사용한 방법, `publishConfig`와 조합함으로 npm registry에도 pubilsh 가능한 수법에 대해서도 다룸
135+
136+
137+
----
138+
139+
## How 1Password Used Esbuild to Cut Browser Extension Build Times | 1Password
140+
[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")
141+
<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>
142+
143+
esbuild의 bundle과 tsc 사용한 타입 체크를 병렬로 실행하는 패턴, esbuild의 Metafile 사용한 bundle size 분석 방법에 대해
144+
145+
146+
----
147+
<h1 class="site-genre">도서</h1>
148+
149+
----
150+
151+
## 디지털청 디자인시스템 β판
152+
[design.digital.go.jp/](https://design.digital.go.jp/ "디지털청 디자인시스템 β판")
153+
<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>
154+
155+
디지털청 디자인 시스템.
156+
디자인, 컴포넌트, 가이드라인, 접근성 모음
157+
158+
159+
----
160+
161+
## 테스트 자동화 실전 가이드 지속적으로 Web 애플리케이션 개선하기 위한 지식과 방법 | 스에무라 타쿠야 | 책 | 통판 | Amazon
162+
[www.amazon.co.jp/dp/4798172359/](https://www.amazon.co.jp/dp/4798172359/ "테스트 자동화 실전 가이드 지속적으로 Web 애플리케이션 개선하기 위한 지식과 방법 | 스에무라 타쿠야 | 책 | 통판 | Amazon")
163+
<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>
164+
165+
2024년 7월 30일 발매
166+
CodeceptJS와 Playwright 사용한 E2E 테스트에 대한 도서
167+
168+
169+
----
170+
171+
## React 19 신기능 둘러보기
172+
[zenn.dev/uhyo/books/react-19-new](https://zenn.dev/uhyo/books/react-19-new "React 19 신기능 둘러보기")
173+
<p class="jser-tags jser-tag-icon"><span class="jser-tag">React</span> <span class="jser-tag">book</span></p>
174+
175+
React 19 변경점 정리한 도서.
176+
Action와 `useTransition`, `useActionState`, `useOptimistic`, `use` 등 Hooks에 대하여.
177+
또한, `<title>` 등에도 대응, refCallback, Context나 ref 변경, `onCaughtError` 옵션에 대해서도 다룸
178+
179+
- [React 19 개념부터 이해하기 - Speaker Deck](https://speakerdeck.com/player/98422ddec1914f339c53f9c299f80ce6?title=false&skipResize=true "React 19 개념부터 이해하기 - Speaker Deck")
180+
181+
----

0 commit comments

Comments
 (0)