Biome は『JavaScript Toolchain の新標準』へ
Biome は Rust 製で ESLint + Prettier の代替として人気急上昇中で、機能を統合・拡張中です。本記事では編集部の視点で、深掘りした使い方を公開情報をもとに整理します。Biome 実践 もご参考に。
主要な機能
(1) Linter：250+ ルール。(2) Formatter：Prettier 互換。(3) Import 自動整理。(4) JSON/CSS 対応拡大。(5) 将来：Bundler 統合計画(公開情報をもとに)。
速度の優位性
(1) ESLint の25倍速(公開情報をもとに)。(2) Prettier の35倍速。(3) 大規模 monorepo で威力。(4) CI 時間大幅短縮。(5) watch mode 即時反応。
設定ファイル
(1) biome.json：1ファイル集約。(2) extends：共通設定。(3) overrides：パターン別設定。(4) files.include/ignore。(5) linter/formatter 個別設定。
ESLint からの移行
(1) biome migrate eslint：自動変換。(2) 互換性確認：未対応ルール残存。(3) 段階的移行：format → lint。(4) Hybrid 運用：双方併用も可。(5) CI 速度2〜10倍改善。CI/CD 実践 もご参考に。
Prettier からの移行
(1) format 結果に差分あり。(2) 1度の大規模 commit。(3) .prettierrcから biome.json へ。(4) マイグレーション計画。(5) 個別調整。
VS Code 拡張
(1) biome 拡張。(2) 保存時自動 format。(3) code action：自動修正。(4) Quick Fix。(5) Settings JSON で詳細。エンジニアツール 2026 もご参考に。
運用Tips
(1) pre-commit hook：lefthook/husky。(2) CI で biome ci。(3) 分割実行：大規模で。(4) 差分のみ check。(5) Style Guide 文書化。
限界と注意
(1) カスタムプラグイン少(公開情報をもとに)。(2) 一部 ESLint ルール非対応。(3) Vue/Svelte サポート段階的。(4) 新ツールゆえ実績限定的。(5) エコシステム成長中。
失敗しがちなパターン
(1) ESLint 全機能依存：移行困難。(2) format 差分で大量変更：レビュー困難。(3) カスタムルール書けず。(4) Vue/Svelte 期待過剰。(5) 計画なし一気移行。対策は、(1)代替確認、(2)1スプリント分けて、(3)主流ルール採用、(4)対応状況確認、(5)段階移行計画、です。