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

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

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

(more…)

0 Comments

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

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

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

(more…)

0 Comments

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

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

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

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

(more…)

0 Comments

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

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

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

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

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

(more…)

0 Comments

ECMAScript用静的解析ツール、eslint 1.1への対応とSideCIトップページのリニューアル

こんにちは。SideCIについて2点アップデートを行いましたので共有させて頂きます。

ESLint Version 1.1 Release

まずはじめに、ECMAScript用の静的解析ツール(lintツール)であるeslintを1.0にアップデート、1.0の提供を開始致しました。先日までは0.x系の最新版を提供しておりましたが、eslintがついに1.0の安定版リリース、また、その後、1.1のリリースが間をおかず行われました。

そのため、SideCIでもeslint 1.1がご利用可能になりました。

(more…)

0 Comments

【お知らせ】SideCIでESLintが使えるようになりました

こんにちは。SideCIでESLintが使えるようになりましたので、お知らせ致します。GitHub PullRequestが開かれる毎にESLintをSideCIが実行、結果をコメント形式でお伝えいたします。

ESLintとは

JavaScriptの静的チェックツールです。JSHintよりも新しい時期に作られたもので、多くの場合はJSHint, JSLintと類似しています。ECMAScript 6やJSXをサポートしています。

(more…)

0 Comments

SideCIの自動コードレビューに新たなツールが仲間入りしました。PHP_CodeSniffer, RuboCop, JSHint, CoffeeLint

SideCIで8つのツールが新たにご利用出来るようになりました。
現在のところ全て無料で無制限にお使い頂けますので、ぜひお試し下さい。

主に以下の3つが大きなトピックです。

  1. PHP言語の自動コードレビューに対応しました
  2. JavaScript, CoffeeScriptの自動コードレビューに対応しました
  3. RuboCopに対応しました。

alt="setting screen"
画面イメージ

(more…)

0 Comments