TECHNOLOGY COMPARE

Biome / ESLint

「どっちが上?」ではなく、まず同じ仕事をする道具なのかを確認します。

DIRECT COMPARISON

直接比較しやすい組み合わせ

BiomeとESLintはどちらも「品質・入力検証」の技術なので、同じ土俵で比較しやすい組み合わせです。

品質・入力検証

Biome

フォーマッターとリンターを一体化した高速なWeb ツールチェーン。JavaScript、TypeScript、JSON、CSSなどを単一ツールで検査・整形する。

何を担当する?

JavaScript、TypeScript、JSON、CSSなどを単一ツールで検査・整形する。

いつ使う?

  • ESLintとPrettier相当の処理を速く簡潔にまとめたいとき。

避けたい場面

  • 必要なESLint プラグインがBiomeで代替できないとき。
品質・入力検証

ESLint

JavaScriptとTypeScriptの問題を規則で検出するリンター。構文ツリーを調べ、バグ候補とチーム規約違反を報告する。

何を担当する?

構文ツリーを調べ、バグ候補とチーム規約違反を報告する。

いつ使う?

  • コードレビュー前に品質規則を自動適用したいとき。

避けたい場面

  • 書式統一だけが目的で意味的な検査が不要なとき。
DIRECT RELATION

ESLintとBiomeは静的解析の規則、速度、拡張性で比較される。構文ツリーを調べ、バグ候補とチーム規約違反を報告する。一方、BiomeはJavaScript、TypeScript、JSON、CSSなどを単一ツールで検査・整形する。