Biomeとは何ですか？

JavaScript/TypeScriptのリンターとフォーマッターを一つに統合した高速開発ツール。ESLintとPrettierの役割をまとめて担い、設定もシンプルにできる。

Biomeのポイントは？

ESLintとPrettierの機能を1つのツールに統合し、設定ファイルの管理がシンプルになる。Rustで実装されているため、従来のJavaScript製ツールと比べて圧倒的に高速。biome check --write で修正まで一発。CIにも組み込みやすい。ESLintやPrettierからの移行ガイドが公式に用意されており、乗り換えハードルが低い

【バイオーム】

Biome とは？

💡 リントもフォーマットも、これ一本でまるっとおまかせ

📌 このページのポイント

ESLintとPrettierの機能を1つのツールに統合し、設定ファイルの管理がシンプルになる
Rustで実装されているため、従来のJavaScript製ツールと比べて圧倒的に高速
biome check --write で修正まで一発。CIにも組み込みやすい
ESLintやPrettierからの移行ガイドが公式に用意されており、乗り換えハードルが低い

Biomeの統合イメージ

ひよこ

ESLintとPrettierを別々に使ってるんだけど、Biomeに変えたほうがいいの？

ペンギン先生

必須ではないけど、設定ファイルが2つから1つに減るし、実行速度もかなり速くなるから検討する価値はあるよ。特に大きなプロジェクトだと差を実感しやすいね

ひよこ

なんでそんなに速いの？

ペンギン先生

Rustという高速なプログラミング言語で書かれているからだよ。JavaScriptで動くESLintやPrettierと比べると、数十倍速いケースもあるんだ

ひよこ

移行って大変じゃない？設定とか全部書き直し？

ペンギン先生

biome migrate eslint や biome migrate prettier というコマンドがあって、既存の設定をある程度自動で変換してくれるよ。完全互換ではないけど、だいぶ楽だね

ひよこ

ESLintのプラグインとかも使えるの？

ペンギン先生

ESLint プラグインはそのままでは使えないんだ。でもBiome自体が主要なルールをどんどん取り込んでいて、たとえばReactやTypeScript向けのルールは組み込み済みだよ

ひよこ

将来的にはBiomeが主流になるのかな？

ペンギン先生

ESLintもFlat Configで進化を続けているし、すぐに置き換わるとは限らないけど、Rust製ツールの高速さは魅力的だね。新規プロジェクトならBiomeから始めるのもいい選択だよ

まとめ：ざっくりこれだけ覚えればOK！

「Biome」って出てきたら「ESLint+Prettierを一本化した高速ツール」と思えればだいたいOK！

📖 おまけ：英語の意味

「Biome」＝生物群系

💬 もともとRomeという名前のプロジェクトから派生したんだ。Romeはローマ帝国のように全部を統一する野望があって、その精神を受け継ぎつつ「生態系」を意味するBiomeになったんだよ

← 用語集にもどる