プログラミングTypeScript ―スケールするJavaScriptアプリケーション開発

付録HESLintとAST

今村 謙士●株式会社カブク

本付録は日本語版オリジナルの記事です†1。ここでは、ESLint（https://eslint.org/）をTypeScriptのリンターとして利用する方法を説明します。ESLintはJavaScriptのリンターですが、TypeScript用のプラグインを使うことで、TypeScriptのリンターとしても使えるようになっています。本文中ではTypeScriptのリンターとしてTSLintを利用する手順が紹介されていましたが、TSLintは2019年をもって非推奨となってしまったため、今後はESLintをTypeScript用のプラグインとともに使うことが推奨されます。

[†1] サンプルコードはhttps://github.com/oreilly-japan/programming-typescript-jaから入手できます。

さらに、ESLintのTypeScript向け独自ルールを実装する方法も解説します。ESLintの独自ルールを実装できるようになると、JavaScriptやTypeScriptのAST（抽象構文木）についての理解が深まります。ASTは汎用的なツールであり、これを使いこなせれば単にESLintのルールを書けるようになるだけでなく、TypeScriptの魔法を自分の好きなように拡張する手段を手に入れられます。

H.1　TypeScriptプロジェクトでのESLintの利用

TypeScriptプロジェクトのリンターとしてESLintを利用する方法を説明します。

この付録に記述した内容を実際に試す際は、既存のTypeScriptプロジェクトを使っても構いませんが、新しくTypeScriptプロジェクトを作成する場合は次の手順を実行してください（ ...