ESLint

ESLintとは？

ESLintは、JavaScriptおよびTypeScriptのソースコードを静的解析し、潜在的なバグ・アンチパターン・コーディング規約違反を検出するオープンソースのリンターです。Nicholás Zakas氏が2013年に開発しました。

ESLintでできること

• バグの早期発見: 未使用変数・未宣言変数の使用・型の不一致
• スタイル統一: インデント・セミコロン・クォートの一貫性
• ベストプラクティスの強制: varの禁止・===の強制
• 自動修正: 一部のルールは--fixオプションで自動修正可能

設定ファイル（eslint.config.js / Flat Config）

ESLint v9からFlat Config形式が標準になりました：

import js from "@eslint/js";
export default [
  js.configs.recommended,
  { rules: { "no-unused-vars": "warn" } }
];

PrettierとESLintの役割分担

ツール	役割
ESLint	バグ・ロジック的な問題の検出
Prettier	コードフォーマット（見た目の統一）

両者は競合しないため、組み合わせて使うのが一般的です。

まとめ

ESLintはCI/CDパイプラインに組み込んで、コードレビュー前に自動チェックすることで開発品質を継続的に担保します。