Skip to main content

静的解析フォーマッター

静的解析はソースコード解析手法の一種であり、「Static Code Analysis」、「静的コード解析」とも呼ばれている。

主に「静的解析ツール」と称されるソフトウェアを用いてコードを自動的に解析し、誤りが無いか確かめる。

静的解析を行うメリット

  • 開発の早い段階から、コードのエラーを検出できる
  • 導入・運用が容易
  • コーディング規約に則っているか確認できる

トレンド

ESLint(リンター)とPrettier(フォーマッター)を併用したものが一番有名。
これ以外あまり見ない。

ESLintとは

https://eslint.org/

ESLintとは、JavaScriptにおけるリンター。

具体的には、JavaScript(TypeScript)の構文がスタイルガイドラインなどの指定したルールに違反してないかをチェックして、違反してたら指摘してくれたり、修正してくれたりする。

これを使うことで、未然にバグを防げたり、チーム全体で同じ質のコードを書くことができる。

Prettierとは

https://prettier.io/

Prettierとは、コードをフォーマットしてくれるツール。

例えば、インデントを揃えたり、表記揺れを修正してくれたりする。
一応、ESLintでもある程度のフォーマットはできるが、Prettierにしかできないこともある。

そのため、フォーマットに関してはESLint側であまりやらず、Prettierに任せるのが一般的。

ESLintとPrittierは競合する設定があるため、別途eslint-config-prettierなどのライブラリのインストールが必要。