Vite（ヴィート）
Vue.jsの作者が開発した次世代フロントエンドビルドツール。ネイティブESモジュールを活用した超高速な開発サーバー起動とHMR（ホットモジュールリプレース）を実現する。
Viteとは？
Vite（ヴィート、フランス語で「速い」の意）は、Vue.jsの作者Evan You氏が開発したモダンなフロントエンドビルドツールです。開発時はネイティブESモジュール（ESM）を活用してバンドルを省略し、変更ファイルのみを即時更新するHMRで高速な開発体験を提供します。
Webpackとの比較
| 項目 | Webpack | Vite |
|---|---|---|
| 開発サーバー起動 | 全ファイルをバンドル（遅い） | ESMで即時起動（速い） |
| HMR速度 | ファイル数増加で遅くなる | 常に高速 |
| ビルド（本番） | Webpack | Rollup |
| 設定 | 複雑 | シンプル |
対応フレームワーク
- React（
@vitejs/plugin-react） - Vue（
@vitejs/plugin-vue） - Svelte（
@sveltejs/vite-plugin-svelte） - Vanilla JS / TypeScript
基本的な使い方
# プロジェクト作成
npm create vite@latest my-app -- --template react-ts
# 開発サーバー起動
npm run dev
# 本番ビルド
npm run buildまとめ
ViteはCreate React AppやVue CLIの後継として急速に普及しています。新規フロントエンドプロジェクトでは、特別な理由がない限りViteを選択することを推奨します。
関連する用語 (プログラミング)
全33件を見るJAMstack
JavaScript・APIs・Markupの頭文字をとったWebアーキテクチャ。ビルド時に静的HTMLを生成し、動的機能はAPIで補完することで高速・安全・スケーラブルなWebサイトを実現する。
モノレポ（Monorepo）
複数のプロジェクトやパッケージを1つのGitリポジトリで管理する手法。コードの共有・一貫したCI/CD・依存関係の統一が容易になる。Turborepo・Nx・Yarnワークスペースで実装される。
IT用語: SOLID原則とは｜オブジェクト指向設計の5つの基本原則
保守性の高いソフトウェア設計のためのSOLID原則（単一責任・開放閉鎖・リスコフ置換・インターフェース分離・依存性逆転）を解説。
Web Components
ブラウザネイティブの技術でカプセル化された再利用可能なUIコンポーネントを作成する仕様。Custom Elements・Shadow DOM・HTML Templatesの3つの技術で構成され、フレームワーク非依存で動作する。
ヘッドレスCMS
表示用フロントエンド（ヘッド）を持たず、コンテンツ管理とAPIによるデータ提供に特化したCMS。Next.js・Astro等の任意のフロントエンドと組み合わせてJAMstack構成を実現する。
Rust (ラスト)
「処理の速さ」と「メモリの安全性（バグの出にくさ）」を両立させた、世界で最もプログラマーに愛されている次世代言語。