JavaScriptで開発をしているならESLintは使った方がいい2016-08-31JavaScriptで開発をしているならESLintは使った方がいいプログラミングスポンサーリンク先日、勉強会に参加した時に「ESLintというJavaScript用の検証ツールがある」という話を聞いたので早速入れてみましたんですが、メチャクチャ使えたので紹介します。ESLintとはJavaScript用のソースコード検証ツールです。バグを見つけたり、スタイルの統一などで利用されます。これを元にチームのスタイルガイドを作れてしまう優れものツールです。Node.jsをインストールしていない場合はインストールしてください。Homebrewでインストールする場合はこちらのコマンドになります。nodeNode.jsのインストールが完了したらnpmコマンドを使ってインストールします。eslintインストールが完了したらバージョンを確認してみましょう。-vESLintを使ってみようインストールが完了したら、早速使ってみましょう。ESLintの設定ファイルの作成をします。ここではコマンドから作成を行います。—initいくつか質問をされますので1つ1つ答えてください。JSON全て回答すると、.eslintrc.json(最後の質問によって拡張子は変わる)というファイルが作成されます。ファイルは以下のような感じになります。}}次に検証するためのJavaScriptファイルを作成します。test.jsとし、中身は以下のようにします。"!"}hello('ESLint!!');これで準備は完了です。warnings)各項目についてですが、以下のようになっています。ルール名ルールについてはESLintのページに詳しく書いてあります。linterhttp://eslint.org/docs/rules/では、ここからファイルを修正し、エラーをなくしていきましょう。'!';}hello('ESLint!!');再度検証してみましょう。test.js何も表示されなければOKです。ESLintを導入してみてこんなに使えるJavaScript検証ツールがあったのか・・というのが率直な感想です。細かくルールが設定できるし、ドキュメントもしっかりしているし(英語だけどコードのサンプルがあるのがありがたい)これがあればブランドガイドラインに沿った開発も容易にできちゃいます。レビュアーがチェックしていた内容もESLintに頼ればコスト削減できちゃいますね。チームで開発をするなら間違いなく入れた方が良いツールです。今回はコマンドで行いましたが、エディタでもプラグインで対応しているものがあり、リアルタイムチェックも検証してくれます。そちらについては後日記事で紹介します。日)食と音楽をこよなく愛するWebエンジニアのブログです。月別アーカイブはてなブログをはじめよう!kaicho223さんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。