You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
ESLintはJavaScriptを静的に検証するツールです。 わかりやすく言えば、チームメンバー間で統一された美しいコードを生成するためのツールです。 設定ファイルを書いておけば自動で変換することも可能です。 ESLintを始めよう! JavaScriptのLintツールにはjslint, jshint, JSCSなどがあります。 2016/11 時点で npm trendsで比較した結果が以下の画像です。 http://www.npmtrends.com/jslint-vs-jshint-vs-jscs-vs-eslint 半年前はjshintと並んでいましたが、わずか半年の間にダブルスコアをつけています。 jshintは開発が鈍化しています。 またJSCSの開発チームはESlintに移行することを決めました。 以下に記載した有名ライブラリは開発時にESLintを使っています。 jQu
作業しているとよく eslint が max-len 超えてるよと警告してくれます。こんな感じの。 the maximum line length of 80. (max-len) なんですが、文字リテラルがそもそも80文字超えているケースがあったりします。 その場合は行以下のようにして警告しないようにできます。 /* eslint-disable max-len */ const SOMETHING_KEY = 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx'; /* eslint-enable max-len */ 一行で済ませたい場合はこうやってもよいでしょう。 const SOMETHING_KEY = 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Options You can view all the CLI options by running npx eslint -h. eslint [options] file.js [file.js] [dir] Basic configuration: --no-config-lookup Disable look up for eslint.config.js -c, --config path::String Use this configuration instead of eslint.config.js, eslint.config.mjs, or eslint.config.cjs --inspect-config Open the config inspector with the current configuration --global [String] Defin
yukidarake.hateblo.jp の続きで、実際やってみたという話です。 雑なメモですがご容赦ください。 ESLint plugin作成 ここではeslint-plugin-fooとしておきましょうか。 package.jsonとindex.jsを作ります。 eslint-plugin-fooという文字列があれば、.eslintrc2.ymlを使うようにします。 ソース 'use strict'; var eslint = require('eslint'); var alternativeCLIEngine = new eslint.CLIEngine({ configFile: './.eslintrc2.yml', }); function preprocess(text, filename) { if (!/eslint-plugin-foo/.test(text)) {
久しぶりにESLintの話題を。 公式ドキュメントに書いてあるのですが、ESLintプラグインでは拡張子毎にprocessorを設定できるそう。 http://eslint.org/docs/developer-guide/working-with-plugins#processors-in-plugins processor is 何? このeslint-plugin-markdownがわかりやすいかもしれません。 github.com markdownからJavaScriptのコード部分だけを抜き出し、lintできるというプラグインです。 ↓のpreprocessという関数の部分を見ればわかりますが、markdownのテキストからJavaScriptのコード部分だけを抜き出すということをやっています。 https://github.com/eslint/eslint-plugin-ma
Awesome ESLint A list of awesome ESLint configs, plugins, etc. If you want to contribute, please read the contribution guidelines. Contents Configs Configs by Well-Known Companies/Organizations Other Prominent Configs (100 stars or so) Other Configs Preconfigured Configs with ESLint Set up Plugins Code Quality Compatibility CSS in JS Deprecation Embedded Frameworks Languages and Environments Libra
最近周りでよく「AirbnbのJavaScriptスタイルガイド」が良いという話を聞くようになりました。ということで、自分もAtomに導入してみたんですが、これがなかなかいい感じです。多くの開発者の意見を取り入れられて作られているスタイルガイドで、特にReactやES6の構文チェックなどにも対応しているので、とても良い書き方の勉強になっています。けっこうお勧めだと思ったので、今回はAtom限定の話となりますが、ESLintを使った導入方法を紹介したいと思います。 ESLintとはESLintは、2013年6月にNicholas C. Zakas氏によってオープンソースプロジェクトとして公開されたJavaScriptの構文チェックツールです。個別にルールをon/offできたり、独自のカスタムルールを設定できたり、公開されている様々なプラグインを組み込んで使うことができたりします。 ESLin
I’ve believed for a while that once an open source project reaches a certain level of ubiquity, the maintainers have a responsibility to ensure its survival for the good of the community. Over the past couple of years, I watched as important projects hit roadblocks: YUI abruptly shut down, Node.js splintered before merging back together, and Express was left in a state of disarray. Communities wer
ES2015でvarやletを使う場面はほとんど無いので、まずconstを使う。constだとダメな場合にはletを使う。 背景 ES2015では、変数を宣言するための文法としてconstとletが導入された。 const foo = 'foo'; let bar = 'bar'; constは再代入できない変数を宣言できる。letは再代入できる変数を宣言できる。 const foo = 'foo'; foo = 'hoge'; // ERROR let bar = 'bar'; bar = 'hoge'; // OK あれ、じゃあvarとletは同じなの?っていうとそうではなく、letやconstはvarとは違って、関数スコープよりも細かなブロック単位のスコープを提供する。例えばconstやletを使うと、if文やfor文などのブロック中でのみ有効な変数を宣言できる。 で、プロジェクトに
前 v2.6.0 | 次 v2.9.0 ESLint v2.8.0 released: https://t.co/DnXHJH72rF — ESLint (@geteslint) April 15, 2016 小さな機能改善といくつかのバグ修正が行われました。 質問やバグ報告等ありましたら、お気軽にこちらまでお寄せください。 日本語の Issue 管理リポジトリ: https://github.com/eslint/eslint-jp チャット: https://gitter.im/eslint/eslint-jp 今回は機能改善等よりも、JSCS チームが ESLint チームに合流したことのほうが大きなニュースですね。 Welcoming JSCS to ESLint! https://t.co/UIMmL3jsQn — ESLint (@geteslint) April 14, 20
問題意識 eslint-babel とか使ってると コマンドラインで渡すと, 都度 babel の初期化に引っ張られて遅い 監視するファイルが多くなるとパースだけでも重くなりそう --cache オプションあるけどbabel の問題は解決しなさそう これが実現出来そうな gulp-eslint は1件ずつlintする方法がなかった 解決策 gulp eslint を生で使って自分でタスクを書いた。プロセスが温まったままなので、babel の初期化は最初の一回だけ。 var gulp = require('gulp'); var CLIEngine = require('eslint').CLIEngine; var fs = require("fs"); var linter = new CLIEngine(); var formatter = linter.getFormatter();
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く