【ばいおーむふぉーまったー】
Biome(フォーマッター) とは?
最終更新:
💡 コードの整形と検査をまとめて扱う開発ツール
JavaScriptやTypeScriptなどのコードを整形し、問題を検査する開発ツール。フォーマッター、リンター、インポート整理などを提供する。既存ツールからの移行では、対応する言語・ルール・整形結果を確認する。
📌 このページのポイント
整形と検査は同じこと?
設定を移す方法はある?
公式には「biome migrate eslint --write」と「biome migrate prettier --write」があるよ。設定を移す補助で、移行後の動作まで同じになる保証ではない。生成された設定とコードの差分を確認してから使おう。
何倍も速くなるの?
公式の速度比較には条件があるよ。整形の比較結果を、ESLintの検査も含めた全作業の倍率として使うことはできない。自分のプロジェクトで同じ対象・同じ作業を比べて確認するのが大切だね。
CIではどう使う?
公式は「biome ci .」を案内しているよ。CIではファイルを書き換えず、整形や検査などの結果を確認する。手元での「biome check --write」とは目的が違うので、実行する場所に合わせて選ぼう。
まとめ:ざっくりこれだけ覚えればOK!
「Biome(フォーマッター)」って出てきたら「コードの整形と検査をまとめて扱う開発ツール」と思えばだいたいOK!
📖 おまけ:英語の意味
「Biome」 = 開発ツールの名前
💬 ここではコードの整形や検査を扱うツールの名前だよ。フォーマッターだけでなく、リンターやインポート整理も提供するんだ。