前説 ES2015でのフロントエンド開発時に以下のような経験をしたことはないでしょうか? その場でルールを決めているため、一人開発時でも書き方に開発が進むに連れてズレがでる 雰囲気でJavascriptを書いているため書き方が揃っていない 型安全がない無法地帯 各種ツールを導入したのはいいが、チーム内で使われずにクズコミットが行われる 上記の山積した問題についてツール導入+自動化をおこなったので、その手順をまとめました。 使用するパッケージ(2017年9月20日時点) ESLint prettier flow babel babel-preset-env husky lint-staged pre-commit ※、各パッケージの仕様についてはリンク先参照 今回のプロジェクトについて 今回はReactは使用せず、シンプルなExpressサーバをターゲットとしています。 React導入時には