2021-05

【Next.js/React.js】TypeScriptで書かれたプロジェクトにESLintとPrettierを導入する

概要Next.jsTypeScriptという条件のプロジェクトに、いい感じに静的解析ツールとコードフォーマッターを入れる。ESLint（静的解析ツール）の導入公式ページを参考に導入する。インストール$ npm install eslint ...

React.js/Next.js

ESLint/Prettierとは何か、両者の違いについて解説

ESLintとはESLintはJavaScriptの静的解析ツールで、コードの問題点（バグの可能性があるコードなど）を発見、修正してくれる。例えば下記のような指摘をしてくれる。letを使っているが再代入していないので、constを使うべき（...