Code Quality

Google Chromeが提供するLighthouse機能をローカルやCI環境で実行する方法について説明し、CI環境でLighthouseを使ってウェブページの性能を自動で測る方法について説明します。

GitLabにDependabotを追加してプロジェクトで使ってるライブラリのバージョンアップデートを自動化する方法について説明します。

ESLintのeslint-plugin-importを使ってimportの部分を整理する方法について説明します。

Lefthookを使ってGitのcommitを実行する時、テストやLinterを実行するように設定する方法について説明します。

CSpelを使ってタイポを検査する方法について説明します。

Stylelintを使ってCSS, SCSSファイルのコーディングスタイルとCSS-in-JSのコードスタイルを検査してみましょう。

remark-lintを使ってマークダウンファイル(Markdown)の作成スタイルを検査してみましょう。