概要 本記事では、Commitzen を利用し、コミット環境を整備していきます。具体的には、以下についてカバーします。 commitzen で対話的にコミットメッセージを入力可能にする cz-customizable で commitzen のプロンプトをカスタマイズする commitlint でコミットメッセージが規約に沿っているかチェックする husky でコミット前にコミットメッセージが規約に沿っているかチェックする lint-stage でステージングエリアに追加されたファイルに対して ESLint の Linting と Prettier のフォーマットを実行 本記事の構成 Next.js で作業環境を構築 ESLint を設定 Prettier を設定 husky を設定 lint-staged を設定 commitlint を設定 commitzen を設定 cz-custo
![Commitzenで開発環境を整備](https://cdn-ak-scissors.b.st-hatena.com/image/square/dc8b7b022429f7c06654e5faf1168f7a139af982/height=288;version=1;width=512/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--WkbMWdj5--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3ACommitzen%2525E3%252581%2525A7%2525E9%252596%25258B%2525E7%252599%2525BA%2525E7%252592%2525B0%2525E5%2525A2%252583%2525E3%252582%252592%2525E6%252595%2525B4%2525E5%252582%252599%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3Ahayato94087%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyLzU5ZTEyZGJjZTEuanBlZw%3D%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png)