フロント無知がモノレポに Storybook と VRT を導入してみる
Hiroba による自動要約
pnpm workspace と Turborepo を用いたモノレポに Storybook を導入し、Visual Regression Test で UI 差分を自動検知する手順を解説。ディレクトリ構成から package.json、tsconfig.json の作成、reg-suit の設定まで具体的な実装例を記載。個人開発でもコンポーネント駆動開発と長期運用の効率化が実現できる。
読んで良かったら、シェアしてみてください。
同じタグの記事が他に 424 件あります。
関連する記事
同じタグの記事
Claude Code の Auto Mode が $() を弾く 7つの様式と、30秒で直す runtime の hook
QiitaClaude Code の Auto Mode は Bash コマンド実行時に false positive で `$()` 置換やパイプ連鎖などの安全な命令を拒否する。settings.json の allow-list では解決できない上流の不具合であり、PreToolUse hook で構造的に安全な命令を事前承認する解決策と、7つの具体的な様式・診断ツールを紹介。
Claude Code の Skills を「育てる資産」に変える設計指針と実装パターン
QiitaClaude Code の Skills を効果的に運用するため、CLAUDE.md との役割分業、description の書き方（「Use when 〜」形式での具体化）、チーム向けの命名規則（review-、gen-、audit- など接頭辞）、実装時の 3 つの落とし穴（動作内容の詰め込み、巨大コード埋め込み、評価フィードバックの不足）、新規 Skill レビュー時の 5 点チェックリストを整理した運用ガイド。
Claude Code のハーネスをチームで Git 管理する
ZennClaude Code の agents・skills・hooks などをチーム間で共有しつつ、個人設定との衝突を避けるリポジトリ share-harness を公開。-shared postfix が付いたファイルのみを .gitignore のホワイトリスト方式で管理することで、プロジェクト横断で使うハーネスを効率的に配布できる仕組み。