【りんたー】

リンター とは?

💡 コードの「自動校正ツール」
📌 このページのポイント
リンター(コード品質チェック)のフロー ソースコード const x = 1; var y = 2 ; if(z== 3){ リンター ルールに基づき 静的解析 ESLint / Pylint 等 検出結果 varではなくletを使う 不要なスペースあり ===を使うべき バグの早期発見 実行前に問題を検出 コードの統一 チーム全体のスタイル統一 自動修正 --fixで自動的に修正
リンターのイメージ
ひよこ ひよこ

リンターって何を「見つける」の?

ペンギン先生 ペンギン先生

大きく3種類。①文法エラー(そもそも動かないコード)、②スタイル違反(インデントがバラバラとか)、③危険なパターン(使われていない変数、セキュリティ的にまずい書き方)。人間が見落とすものを機械がチェックしてくれる。

ひよこ ひよこ

フォーマッターとは違うの?

ペンギン先生 ペンギン先生

似てるけど違う。フォーマッター(PrettierやBlackなど)はコードを「自動的に整形してくれる」ツール。リンターは「問題を指摘するだけ」で自動修正しないものが多い。ただ最近はリンターが自動修正機能を持つことも増えてきた。

ひよこ ひよこ

警告が多すぎて全部直せないときは?

ペンギン先生 ペンギン先生

既存プロジェクトに後からリンターを入れるとよくある問題。まずは「エラー」だけ直して「警告」は後回し、という段階的対応が現実的。ルールを段階的に有効化したり、一時的に特定ルールを無効化するコメントを使うのも選択肢。

ひよこ ひよこ

「eslint-disable」コメントってよく見るけど何?

ペンギン先生 ペンギン先生

リンターのルールを特定の行やブロックだけ無効化する指示。「このケースだけは意図的にルールを守らない」というときに使う。ただし乱用するとリンターの意味がなくなる。なぜ無効化するかのコメントを一緒に書くのが礼儀とされてる。

ペンギン
まとめ:ざっくりこれだけ覚えればOK!
リンターって出てきたら「コードのルール違反を自動で指摘するツール」と思えばだいたいOK!
📖 おまけ:英語の意味
「lint」 = 糸くず・ほこり
💬 1978年にC言語用の静的解析ツール「lint」が由来。コードの「ゴミや汚れを取る」というイメージ
← 用語集にもどる