下っ端はファイル名でググってみたESLintという単語が出てきた。下っ端は、とある文章に目が止まった。人によって異なるJavaScriptの書き方もチーム開発では揃っていないと気持ちが悪いし、バグのもとに...。構文チェックツール「ESLint」を導入すれば、スタイルガイドに合わせたチーム開発が捗るそうですよ。あれ?これがあればこのクソコード量産プロジェクトがマシになるのでは?下っ端は昼休みを使って、ひっそりと導入を試みることにした。CodeESLintインストールnpmを利用してインストールします。ちなみにWindowsのNode.jsのインストールはこちら。こだわりがなければ、Nextボタンをポチポチして待っていれば完了です。自分のNode.jsのバージョンが古かったので、アップデートしておきます。npmそしてnpmを利用して、ESLintをインストールします。eslintそれなりに時間がかかるので、気長にインストール完了するのを待ちます。VSCodeでの設定VSCode側の設定をします。VSCode本体のインストールはこちら。拡張機能でESLintをインストールして再起動します。ESLintで一番先頭に出てくるやつをインストールします。[.eslintrc.jsonまでのパス]eslint-config-airbnbがないと怒られたので、eslint-config-airbnbをインストールします。これは、「AirbnbのJavaScriptスタイルガイド」のことを指しています。他にも、GoogleのJavaScriptスタイルガイドがあるらしいです。ESLintをAtomに導入し、Reactの構文にも対応したAirbnbのJSスタイルガイドを使うを参考にさせていただきました。Reactのプロジェクトだったので、下記のコマンドを実行します。eslintエラーなく終了することを確認したので、VSCodeを再起動します。恐ろしいことが起こりました。エラー件数が50000件以上出たVSCodeを再起動して、適当なjsxを開いてみました。したら下記のようなエラーがズラーッと出ました。何が恐ろしいって、200行くらいしかないコードなのに、エラーが153件も出てることなんですよね。プロジェクト全体だと、なんと50000件以上出ていました。さらなる問題点が...発覚したのが開発終盤ESLintを導入したのは自分だけ。この状況を知っているのが自分だけ。開発リーダーは蒸発し、他メンバーは数人。テストが始まる前にやることは唯一つ。semiclonは行末にセミコロンがないから出ているエラーです。省略されているセミコロンを片っ端から追記しました。singlequote.は、文字列の指定がシングルクォーテーションではなく、ダブルクォーテーションが使われているから出力されているエラーです。すべてシングルクォーテーションに修正しました。あとはswitch~case文に{}をつけるとか、自分でも簡単に修正できるものを片っ端から対応しました。それだけでは、さっぱり足りませんでした。ruleの設定レベルを下げる対応しきれないエラーに関しては、ruleを無効にしていきます。コードをチェックする手順の説明がわかりやすかったです。エラーそして、片っ端から0にしていきます。}グローバル変数を許容する許容するグローバル変数を定義していきます。}そしてクソコード量産プロジェクトは完遂された下っ端がやけくそでソースコードを修正したことがバレることなく、テスト工程に入りました。いう自由度の高さは、炎上プロジェクトならではだと思います。)二度とゴメンな糞プロジェクトでした。風のうわさだと、いまだにこのプロジェクト動いているらしいです。あとがき本当であれば、開発始まってすぐに導入して、ルールを設定すべきだと思います。愚直にESLintを導入した話の運用が参考になるかと思います。ruleに関してわかりやすく表でまとまっているサイトがあったのですが、1年以上前の出来事なので、見つけられませんでした。rule1つ1つのコメントもそこから、引用させていただきました。見つかったら追記します。(日本語)がわかりやすいです。当時はこれを見ながらルール無効にするもの、対応するものを選別していました。ESLintの自動FIX機能コメントにて教えていただきました。ESLintのfix機能を使用することで、行末にセミコロンがないなどのエラーを自動的に修正してくれます。コマンドは下記の通りです。--fix"}を追記して、下記のコマンドでも実行することができます。eslintでも実行可能です。upLoginユーザーは見つかりませんでした。