静的解析フォーマッター
静的解析はソースコード解析手法の一種であり、「Static Code Analysis」、「静的コード解析」とも呼ばれている。
主に「静的解析ツール」と称されるソフトウェアを用いてコードを自動的に解析し、誤りが無いか確かめる。
静的解析を行うメリット
- 開発の早い段階から、コードのエラーを検出できる
- 導入・運用が容易
- コーディング規約に則っているか確認できる
トレンド
ESLint(リンター)とPrettier(フォーマッター)を併用したものが一番有名。
これ以外あまり見ない。
ESLintとは
ESLintとは、JavaScriptにおけるリンター。
具体的には、JavaScript(TypeScript)の構文がスタイルガイドラインなどの指定したルールに違反してないかをチェックして、違反してたら指摘してくれたり、修正してくれたりする。
これを使うことで、未然にバグを防げたり、チーム全体で同じ質のコードを書くことができる。
Prettierとは
Prettierとは、コードをフォーマットしてくれるツール。
例えば、インデントを揃えたり、表記揺れを修正してくれたりする。
一応、ESLintでもある程度のフォーマットはできるが、Prettierにしかできないこともある。
そのため、フォーマットに関してはESLint側であまりやらず、Prettierに任せるのが一 般的。
ESLintとPrittierは競合する設定があるため、別途eslint-config-prettier
などのライブラリのインストールが必要。