Storybook 10 の歩き方 - コンポーネントカタログからテスト基盤へ、Figma 連携まで
Storybook 10 を、いまの立ち位置から整理します。コンポーネントを分離して開発する「カタログ」から、インタラクション・アクセシビリティ・ビジュアルを含むテスト基盤へと役割が広がりました。あわせて addon-designs や Storybook Connect、Figma Code Connect によるデザインとの往復を、実務の導入目線でまとめます。
テスト4 件の記事
テスト の記事
Playwright MCP 入門 - AIエージェントにブラウザ操作と画面確認を任せる
Microsoft 製の Playwright MCP を整理します。LLM にブラウザ自動化を開放する MCP サーバーで、スクリーンショットや視覚モデルではなくアクセシビリティツリーを使うのが特長です。Claude Code への導入（claude mcp add）、提供される主なツール、headless / isolated などの実行モード、そして「実装したが画面を見ていない」問題への効き方をまとめます。
Vitest 4 のブラウザモード - jsdom を卒業して実ブラウザでテストする
2025年10月にリリースされた Vitest 4 で、ブラウザモードが experimental から安定版になりました。jsdom/happy-dom の擬似DOMではなく Playwright 経由で実ブラウザを使うこの機能を、設定方法・移行のポイント・toMatchScreenshot などの新機能とともに、本ブログの構成を例に整理します。
2025年のテストフレームワーク事情 - Vitest × Playwright で構築する鉄壁のテスト環境
テスト書いてますか？このブログは、最新のテストフレームワークで守られています。