JavaScript Archives - Sider Blog

Reactの開発チーム内でのJavaScriptの静的解析器ESLintの使われ方、設定、独自プラグイン

JavaScriptのための静的解析器ESLintが、facebook/reactにおいてどのように使われ、設定されているか、独自プラグインなどを解説する記事。fbjsなどFacebook社のESLintルールを主に採用。

2018-04-12

JSHintを使ってJavaScriptのコードを自動レビューしよう

JavaScriptは一つの実行内容に対して複数の書き方が存在します。また、コールバック地獄と比喩される非同期処理の積み重ねなど、ソースコードが分かりづらくなる要因が多数存在します。一人で小さなスクリプトを書く分には構いませんが、多人数で大きなWebアプリケーションを作り上げる際には問題が起こりやすいプログラミング言語です。

そこでまずコードを自動レビューして、悪い部分を修正していきましょう。そこで使えるのがJSHintになります。

(more…)

0 Comments

2017-07-11

Engineering

ESLintを使ってNode.jsプロジェクトを自動コードレビューしよう

品質の高いソースコードを保つために、予めコーディングスタンダードを用意しておき、それに基づいてコードを書くことが多いです。特にスクリプト言語では書き方が人によって変わる傾向が強く、トリッキーなコードも多くなりがちです。

そのコーディングスタンダードを満たしているかをコードレビューでチェックする事が多いですが、解析ツールを使って予め機械的に確認することが出来ます。今回はNode.jsプロジェクトに対して使えるESLintを紹介します。ESLintはSideCI上でも利用可能です。

(more…)

0 Comments

2017-06-13

Update

ESLint実行時にプラグインやコンフィグをnpm installできるようになりました他

こんにちは。今週のアップデート情報です。

ESLint実行時にプラグインやコンフィグをnpm installできるようになりました

SideCI上でのESLint実行時、.eslintrcの設定ファイル内にpluginsやextendsが指定されている場合にそれらのインストールした上で解析を実行するようになりました。

(more…)

0 Comments

2016-09-12

Update

SideCI上でESLintの自動修正が行えるようになりましたほか

こんにちは。今週のアップデート情報です。

SideCI上でESLintの自動修正が行えるようになりました。

ESLint経由で指摘したもののうち、修正可能な指摘を自動修正したPull Requestを生成することができます。この機能を既存のワークフローに組み込むことによって「Pull Requestに対するESLintの指摘を修正するPull RequestをSideCIから作成し、それをマージする」ことでローカルで修正せずともコード指摘を反映できるようになります。

この自動修正の対象は該当Pull Request内のコミットで変更があったファイルになります。差分箇所のみではない点をご留意下さい。

(more…)

0 Comments

2016-07-15