タグ

Vite

Vite に関連する記事をまとめています。

Viteとは?爆速の開発サーバーとビルドツール、Rolldownまで解説

Viteとは何かを、爆速の開発サーバーとビルドツールという観点で解説します。Viteは、開発中はブラウザ標準のES Modulesを使って一瞬で起動しHMR(保存即反映)が速い開発サーバーと、本番用にまとめて最適化するビルドの両方を担うツールです。React・Vue・Svelte・Astroなど多くのフレームワークの土台として使われています。2026年はRust製バンドラRolldownへの移行が進み、Vite 8ではビルドが大幅に高速化しました。何がうれしいのか、仕組み、どこで使われているかまで、初心者にも分かるように整理します。

Vitest とは何か?Vite ベースの高速テストランナーと Jest からの移行ポイント

Vitest は Vite ベースの JavaScript / TypeScript テストランナーで、Jest 互換 API を持ちつつ ESM ネイティブで高速に動きます。「Jest を使っていたが ESM / TypeScript の設定が辛い」 案件で第一候補として急速に広まりました。Jest との違い、移行手順、ブラウザモードや UI モード等の特徴を整理します。

Tailwind CSS v4 とは何が変わったか?Oxide エンジン・CSS first 設定・自動コンテンツ検出を整理

Tailwind CSS v4 は、Rust 製の新エンジン Oxide、CSS first の設定方式(「@theme」)、自動コンテンツ検出など、v3 から大きく変わったメジャーバージョンです。何が変わったのか、移行で気をつけるポイント、「tailwind.config.js が消えた」 と聞いた人向けの実体まで整理します。