プログラミング フレームワーク ソフトウェア 2026.05.15 5 Storybook とは何か？UI コンポーネントを単体で開発・カタログ化する定番ツールの使いどころ Storybook は `UI コンポーネントをアプリケーションから切り離して、単体で開発・確認・テストする』 ためのツールです。React / Vue / Svelte / Angular など主要 UI フレームワークに対応し、デザインシステムの中核、Visual Regression テストの基盤としても定着しています。何ができるか、いつ使うか、AI 時代に向けた現状を整理します。 # React # Storybook # コンポーネント
プログラミング ソフトウェア 2026.05.15 5 Playwright とは何か？クロスブラウザ E2E テストの定番と Cypress との使い分け Playwright は Microsoft 製のクロスブラウザ E2E テストフレームワークで、Chromium / Firefox / WebKit のすべてを1つのコードで自動操作できます。Auto-Wait による安定性、trace / video / codegen のデバッグ支援、並列実行などが特徴で、Cypress に対する有力な選択肢として2026年現在は事実上のデファクトです。 # テスト # Playwright # E2E
プログラミング ソフトウェア 2026.05.15 6 Vitest とは何か？Vite ベースの高速テストランナーと Jest からの移行ポイント Vitest は Vite ベースの JavaScript / TypeScript テストランナーで、Jest 互換 API を持ちつつ ESM ネイティブで高速に動きます。`Jest を使っていたが ESM / TypeScript の設定が辛い』 案件で第一候補として急速に広まりました。Jest との違い、移行手順、ブラウザモードや UI モード等の特徴を整理します。 # TypeScript # Vite # テスト
