ESLintとPrettierでコード品質を維持する

このプロジェクトではESLintとPrettierを使ってコードの品質管理を自動化しています。

ESLintの役割

ESLintは静的解析ツールで、コードの問題を検出します。

  • 未使用変数の検出
  • 潜在的なバグの発見
  • コーディング規約の遵守

Prettierの役割

Prettierはコードフォーマッターで、一貫したスタイルを維持します。

  • インデントの統一
  • クォートスタイルの統一
  • 行末の処理

ESLintとPrettierの連携

eslint-config-prettierを使うことで、ESLintのフォーマット関連ルールをPrettierに委ねることができます。

pnpm lint    # ESLintの実行
pnpm format  # Prettierの実行

CI/CDパイプラインでこれらのチェックを自動化することで、コードレビューの負担を軽減できます。