Frontend Weekly 2025-06-06

2025-06-06

Tech

Frontend weekly

/

Vite

/

Vitest

/

Astro

/

ESLint

/

Jest

Rolldown-Vite 技術プレビュー公開#

日付：2025 年 5 月 30 日

Rust ベースの次世代バンドラー Rolldown を搭載した Vite の技術プレビュー版が公開。rolldown-viteパッケージとして提供され、既存の Vite プロジェクトでviteパッケージの代わりに使用可能。本番ビルド時間が 3 倍から 16 倍の高速化、メモリ使用量も最大 100 倍削減を実現。

1
{
2
  "dependencies": {
3
    "vite": "npm:rolldown-vite@latest"
4
  }
5
}

esbuildがオプショナル依存となり、内部の変換や最適化は Oxc で処理。VitePress やメタフレームワークではoverridesを使用してviteパッケージをrolldown-viteに置き換え可能。

出展：Announcing Rolldown-Vite

Vitest 3.2 リリース#

日付：2025 年 6 月 2 日

Vitest 3.2 がリリース。Browser Mode と TypeScript サポートの改善に焦点を当て、新しいメソッドや設定オプションを追加。workspace設定が非推奨となり、代わりにprojectsオプションの使用を推奨。

1
import { defineConfig } from "vitest/config";
2
export default defineConfig({
3
  test: {
4
    projects: [{ test: { name: "Unit" } }, { test: { name: "Integration" } }],
5
  },
6
});

主な新機能として、テストにカスタムメッセージや添付ファイルを追加できるAnnotation API、test.extendフィクスチャのスコープ指定（fileまたはworker）、プロジェクト名のカスタムカラー設定、カスタムブラウザロケーター API の追加など。

1
test("hello world", async ({ annotate }) => {
2
  // テストにアノテーションを付与できる
3
  await annotate("this is my test");
4

5
  if (condition) {
6
    await annotate("this should've errored", "error");
7
  }
8

9
  const file = createTestSpecificFile();
10
  await annotate("creates a file", { body: file });
11
});

出展：Vitest 3.2

Astro 5.9.0 リリース#

日付：2025 年 6 月 5 日

Astro 5.9.0 がリリース。実験的な Content Security Policy（CSP）サポートの追加、コンテンツローダーでの Markdown レンダラーの提供、アダプターの警告/エラー抑制オプションの追加など。

1
import { defineConfig } from "astro/config";
2
export default defineConfig({
3
  experimental: {
4
    csp: true,
5
  },
6
});

CSP は XSS 攻撃からの保護など、リソースのダウンロードと実行を細かく制御できる重要な機能。Astro の処理済みスクリプトやスタイルのデフォルトのセキュリティを強化し、コンテンツタイプの追加設定も可能。静的ページ、動的ページ、SPA など、すべての Astro レンダリング環境で動作。

出展：Astro 5.9.0

ESLint 9.28.0 リリース#

日付：2025 年 5 月 30 日

ESLint 9.28.0 がリリース。バルクサプレッション機能の改善として--pass-on-unpruned-suppressionsCLI オプションを追加。未使用のサプレッションをエラーとして報告せず、終了コードにも影響を与えないように。

1
# 未使用のサプレッションを無視
2
eslint --pass-on-unpruned-suppressions .

また、5 つのコアルールに TypeScript 構文サポートを追加：

func-style: TypeScript 固有のオプションallowTypeAnnotationを追加し、オーバーロードされた関数宣言を無視
no-magic-numbers: ignoreEnums、ignoreNumericLiteralTypes、ignoreReadonlyClassProperties、ignoreTypeIndexesオプションを追加
no-shadow: ignoreTypeValueShadowとignoreFunctionTypeParameterNameValueShadowオプションを追加
no-use-before-define: enums、typedefs、ignoreTypeReferencesオプションを追加
prefer-arrow-callback: TypeScript サポートを追加

出展：ESLint 9.28.0 released

Jest 30 リリース#

日付：2025 年 6 月 4 日

Jest 30 がリリース。大幅なパフォーマンス向上とメモリ使用量削減を実現。ある TypeScript アプリケーションでサーバーテストが 37%高速化（1350 秒 →850 秒）、メモリ使用量が 77%削減（7.8GB→1.8GB）を記録。

Node.js 14、16、19、21 のサポートを終了し、TypeScript 最低要件を 5.4 に引き上げ。jest-environment-jsdomを jsdom 21 から 26 にアップグレード。.mtsと.ctsファイルをデフォルトサポート。

新機能としてexpect.arrayOf非対称マッチャー、JavaScript のusingキーワードサポート、jest.advanceTimersToNextFrame()による requestAnimationFrame テスト支援、設定可能なテストリトライ機能を追加。

1
// 配列要素の型チェック
2
expect(someArray).toEqual(expect.arrayOf(expect.any(Number)));
3

4
// リソース管理構文
5
test('logs a warning', () => {
6
  using spy = jest.spyOn(console, 'warn');
7
  doSomeThingWarnWorthy();
8
  expect(spy).toHaveBeenCalled();
9
});

Globals cleanup 機能により、テストファイル間でのメモリリークを防止。globalsCleanup: 'on'設定でメモリ使用量とパフォーマンスの大幅改善が可能。

出展：Jest 30: Faster, Leaner, Better

Storybook 9 リリース#

日付：2025 年 6 月 3 日

Storybook 9 リリース。Interaction、Accessibility、Visual、Coverage テストをワンクリックで実行できる統合テストウィジェットを搭載し、依存関係構造の簡素化により Storybook 8 と比較して 48%の軽量化を実現。Vitest との統合によるブラウザベースのテスト環境、ストーリーを tag でフィルタリング・整理する機能なども追加。

破壊的な変更として、@storybook/addon-actionsや@storybook/testを含む多くのパッケージの統廃合などが行われた。移行する際はマイグレーションガイドの確認が必要。

出展：Storybook 9