Code Quality

Code Quality

Linterを使ってソースコードのスタイルを統一したり、静的コード分析でバグを事前に予防する方法について説明します。

[GitHub Actions] Changelogファイルの自動アップデート

2023-05-25
GitHub Actionsのchangelog-updater Actionを使ってRelease noteに作成された内容を自動でCHANGELOG.mdファイルにコピーする方法について説明します。
もっと見る ▶︎

[GitHub Actions] Pull requestのラベル検査

2023-05-11
GitHub ActionsのPR Labels Checkerを使ってPull requestにラベルが設定されたかどうかを確認する方法について説明します。
もっと見る ▶︎

[GitHub Actions] Release Drafterを使ってGitHubのRelease noteの自動化をする

2023-05-25
GitHub ActionsのRelease Drafterを使ってPull requestのタイトルでRelease noteを自動で作成する方法について説明します。
もっと見る ▶︎

[GitHub Actions] Pull requestのタイトル検索

2023-05-11
GitHub ActionsのConventional PR Title Actionを使ってPull requestのタイトルがルールに合わせて作成されたかを検査する方法について説明します。
もっと見る ▶︎

[Code Quality] Lighthouse CI

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

[GitLab] Dependabot

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

[ESLint] eslint-plugin-import

2023-05-26
ESLintのeslint-plugin-importを使ってimportの部分を整理する方法について説明します。
もっと見る ▶︎

[Code Quality] Lefthook

2023-03-11
Lefthookを使ってGitのcommitを実行する時、テストやLinterを実行するように設定する方法について説明します。
もっと見る ▶︎

[Code Quality] CSpell

2023-03-11
CSpelを使ってタイポを検査する方法について説明します。
もっと見る ▶︎

[Code Quality] Stylelint

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

[Code Quality] remark-lint

2023-03-11
remark-lintを使ってマークダウンファイル(Markdown)の作成スタイルを検査してみましょう。
もっと見る ▶︎