こんにちは、Webチームの柴山(@shikeapp0909)です。 私たちのプロダクト「ままのて」のフロントエンドはReact + SCSSで開発しています。コード規約は存在するもののインデントやセミコロンのつけ忘れなどをいちいちコーディングの際に気をつけながら開発するのも、コードレビューでチェックして防ぐのも余計な労力で効率が悪いため、リントとコードフォーマッターを入れることにしました。 今回はその導入内容を手順と共にご紹介します。 JSのリントとフォーマッター JSの方はESLintとPrettierでリントとフォーマットを行うようにしました。 JavaScript Standard Style 基本的なJSのコード規約はJavaScript Standard Styleに準拠することとしました。 公式から簡単にルールを抜粋すると、以下のようになっています。 インデントは2スペース 文