【自動修正も可能】カスタムESLintルールをTypeScriptで書く（eslint-plugin-local-rules）

チームで開発をする中で、特定の書き方を強制するために ESLint を使うことがあります。 どうしてもデフォルトのルールでは表現できない場合もありますが、そんなときはカスタムルールを作ることで対応できます。 今回は eslint-plugin-local-rules というプラグインを使って、リポジトリ内で完結するルールを書く方法を紹介します。 この記事の概要 ESLint のカスタムルールを作る 外部に公開 (npm publish) する必要はなく、リポジトリ内だけで完結させる ルールを TypeScript で書く 自動修正機能をつける JSX を検出する ESLintルールを作ることのメリット 具体的な方法を説明する前に、なぜ開発ルールを ESLint ルールにすることが重要なのか確認しておきます。 コードを書く人が気をつければいいんじゃない？と思うこともあるのですが、ルールを作る