最新記事

Claude CodeのHooks機能とterminal-notifierを活用して、作業完了時にmacOSデスクトップ通知を受け取る方法を紹介します。Stop HookとNotification Hookの設定まで解説します。

Homebrew(brew)でインストールしたClaude Codeは自動アップデートされません。手動アップデート、自動アップデート設定、ネイティブインストールへの切り替え方法を紹介します。

Release Drafterのcommitishがmainに固定されている場合に発生するリリースノートの不一致問題を分析し、 ワークフローをautolabelとrelease note生成に分離してreleaseブランチ基準で正確なリリースノートを生成する方法を紹介します。

word-break: break-wordはCSS仕様で非推奨(deprecated)となったレガシー値です。代替の overflow-wrap: break-wordもintrinsic sizing要素では動作しない落とし穴があります。正しい 代替の組み合わせ(overflow-wrap: anywhere + word-break: normal + line-break: strict)と Stylelintカスタムプラグインによる自動化方法を共有します。

コードレビューで機械的にチェックできるコーディングスタイルやルールをLinterとSemgrepで自動化し、コードレビュー時間を減らす方法について紹介します。

ESLintのreact/jsx-boolean-valueルールを使ってJSXでBoolean Propsを簡潔に記述する方法について紹介します。

Vitest ベースの React プロジェクトに @vitest/coverage-v8 を活用したテストカバレッジ測定環境を構築する方法を紹介します。

既存のJestで作成されたReactプロジェクトにVitestを追加し、ViewテストとロジックテストをランナーごとにOK分離する方法を紹介します。モノレポ環境での設定方法とCI統合まで解説します。

Vitest Browser ModeとPlaywrightを使用してReactコンポーネントのVRT(Visual Regression Testing)とアクセシビリティテスト環境を構築する方法を共有します。Dockerを活用した一貫したレンダリング環境とCI統合まで扱います。

JestとPuppeteerを活用してReactコンポーネントのVRT(Visual Regression Testing)環境を構築する方法を共有します。コンポーネントをサーバーサイドレンダリングし、Puppeteerでスクリーンショットを撮ってjest-image-snapshotで比較する構成です。

Storybook Test Runnerとjest-image-snapshotを活用してReactコンポーネントのVRT（Visual Regression Testing）とアクセシビリティテストを構築する方法を共有します。

モノレポ環境でReact共通コンポーネントのテスト方針を決めるプロセスを共有します。Props/StateによるViewテスト、イベントテスト、アクセシビリティテストをJest、Storybook、Vitestで比較し、最終的にVitestを選択した理由を共有します。