【バイオーム】

Biome とは?

公開:
💡 リントもフォーマットも、これ一本でまるっとおまかせ
📌 このページのポイント
Biome = ESLint + Prettier を統合 ESLint コードの問題を検出 (リンター) + Prettier コードを整形 (フォーマッター) Biome リント + フォーマット 統合 Rust製 / 超高速 特徴 10〜100倍高速 設定ファイル1つ 移行コマンド付き
Biomeの統合イメージ
ひよこ ひよこ
ESLintPrettierを別々に使ってるんだけど、Biomeに変えたほうがいいの?
ペンギン先生 ペンギン先生
必須ではないけど、設定ファイルが2つから1つに減るし、実行速度もかなり速くなるから検討する価値はあるよ。特に大きなプロジェクトだと差を実感しやすいね
ひよこ ひよこ
なんでそんなに速いの?
ペンギン先生 ペンギン先生
Rustという高速なプログラミング言語で書かれているからだよ。JavaScriptで動くESLintPrettierと比べると、数十倍速いケースもあるんだ
ひよこ ひよこ
移行って大変じゃない?設定とか全部書き直し?
ペンギン先生 ペンギン先生
biome migrate eslint や biome migrate prettier というコマンドがあって、既存の設定をある程度自動で変換してくれるよ。完全互換ではないけど、だいぶ楽だね
ひよこ ひよこ
ESLintプラグインとかも使えるの?
ペンギン先生 ペンギン先生
ESLintプラグインはそのままでは使えないんだ。でもBiome自体が主要なルールをどんどん取り込んでいて、たとえばReactTypeScript向けのルールは組み込み済みだよ
ひよこ ひよこ
将来的にはBiomeが主流になるのかな?
ペンギン先生 ペンギン先生
ESLintもFlat Configで進化を続けているし、すぐに置き換わるとは限らないけど、Rust製ツールの高速さは魅力的だね。新規プロジェクトならBiomeから始めるのもいい選択だよ
ペンギン
まとめ:ざっくりこれだけ覚えればOK!
「Biome」って出てきたら「ESLint+Prettierを一本化した高速ツール」と思えればだいたいOK!
📖 おまけ:英語の意味
「Biome」 = 生物群系
💬 もともとRomeという名前のプロジェクトから派生したんだ。Romeはローマ帝国のように全部を統一する野望があって、その精神を受け継ぎつつ「生態系」を意味するBiomeになったんだよ
← 用語集にもどる