【いーえすりんと】
ESLint とは?
💡 コードの「自動校正ツール」—ルール違反を即座に指摘
📌 このページのポイント
ESLintって何をチェックするの?
①潜在的なバグ(未使用の変数、到達不能なコード、nullの可能性)、②コーディング規約(セミコロンの有無、インデントの深さ)、③ベストプラクティス(===の使用推奨、var禁止)。VSCode拡張を入れれば、コードを書いた瞬間に赤線で教えてくれるよ
おもしろい!Prettierとの違いは?
おすすめの設定は?
eslint-config-next(Next.jsプロジェクト)、typescript-eslint(TypeScript)が定番。strictルールを有効にして、チームで合意したルールだけカスタマイズする。「eslint --fix」をpre-commitフック(huskyとlint-staged)で自動実行すれば、ルール違反がコミットされることを防げるよ
Biomeって何?
📖 おまけ:英語の意味
「ESLint」 = イーエスリント
💬 ES(ECMAScript=JavaScript)のLint(コードチェック)ツールだよ