ESLint とは？

「ルール」という単位でチェックするよ。たとえば、使っていない変数（no-unused-vars）、returnの後ろにあって実行されないコード（no-unreachable）、varではなくletやconstを使う（no-var）、==ではなく===を使う（eqeqeq）など。どのルールを有効にするかは設定ファイルで決めるんだ。エディター用の拡張機能を入れると、編集中に結果を見られるよ

ESLintはコードの問題を見つけるリンター、Prettierは見た目を整えるフォーマッターだよ。ESLintは2023年11月のv8.53.0で、セミコロン（semi）やインデント（indent）といった見た目のルールを非推奨にして、整形には専用のフォーマッターを使うことを勧めているんだ。ESLintで見た目もそろえたい場合は、別パッケージの@stylisticに移ったルールを使うよ

プロジェクトにeslint.config.js（または.mjs、.cjsなど）を置くよ。これがFlat Configと呼ばれる形式なんだ。以前の.eslintrcはv9では切り替えれば使えたけれど、v10.0.0からは使えなくなった。ルールごとに強さも決められて、offは無効、warnは警告（終了コードに影響しない）、errorはエラー（終了コードが1になる）だよ。CIでerrorを検知して止める、という使い方ができるね

使えるよ。ESLint本体はJavaScript用のリンターだけど、パーサー（コードを解析する部品）やプラグインを差し替えられる作りになっているんだ。typescript-eslintを入れるとTypeScriptのコードを扱えて、recommendedやstrictといった共有設定も用意されているよ

フォーマッターとリンターを1つにまとめた、Rust製のツールだよ。公式サイトは、フォーマッターがPrettierと97%互換で、171,127行・2,104ファイルの整形でPrettierより約35倍速いと説明している。リンターのルールにはESLintやtypescript-eslintに由来するものが含まれるんだ。ただ、ESLintのプラグインやルールがすべて使えるわけではないから、今使っているルールが対応しているかを確かめてから選ぼう