付録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プロジェクトを作成する場合は次の手順を実行してください( ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Read now
Unlock full access