2 min
Storybook v9へのマイグレーションのメモ
ほとんどは公式の自動更新コマンドで移行が完了する。Storybook v9への移行を複数のリポジトリで行う必要があるため、作業をメモに残した。他リポジトリで差分があれば追記する。
#Storybook
2 posts
#Storybook
3 min
Storybookでサイドバーのラベルにタグを付ける
Storybookでサイドバーのラベルにタグを付ける方法を紹介する。ラベルにタグを表示することで、コンポーネントの状態などを分かりやすくできる。
#Storybook
News bits
18 件Storybook 10.3、React向けMCPアドオンでエージェントにコンポーネント文脈とテスト手段を提供
Storybook 10.3以上のReact向け@storybook/addon-mcp、ローカルMCP URL登録、compositionによる複数Storybookの入力統合、ChromaticでのリモートMCP公開、MCP Apps経由のライブストーリー埋め込み、コンポーネント／アクセシビリティテスト実行ツール。Reshapedライブラリでの生成UI比較数値。他フレームワーク向けは年内予定。
npmx alpha公開、npmレジストリ向けブラウザでパッケージの評価情報を一元表示
alpha公開。ダウンロード統計、install size、module format、古い依存、e18e連携のパフォーマンス推奨、JSR横断、READMEからStackBlitz等起動、19言語対応。Storybook・Chromatic・VoidZero・e18eとの連携。
Storybook 10リリース
Storybook 10がリリースされた。唯一の破壊的変更としてESM-onlyとなり、CommonJSを削除したことでインストールサイズが29%削減された。Storybook 9からさらに軽量化し、合計でStorybook 8と比較して約79%の削減を実現。
Storybook 9 リリース
Storybook 9 リリース。Interaction、Accessibility、Visual、Coverage テストをワンクリックで実行できる統合テストウィジェットを搭載し、依存関係構造の簡素化により Storybook 8 と比較して 48%の軽量化を実現。Vitest との統合によるブラウザベースのテスト環境、ストーリーを tag でフィルタリング・整理する機能なども追加。
Storybook v8.5
Storybook v8.5 がリリースされた。
Component testing RSCs - Storybook
Storybook による Storybook の RSC を利用したコンポーネントテストの方法を紹介する記事が公開された。 認証のモックや、ユーザーワークフローのテストなどについても触れられている。
Storybook 8.4
Storybook 8.4 がリリース。
Storybook 8.3
Storybook 8.3 がリリースされた。
Storybook 8.2
Storybook 8.2 がリリースされた。テスト機能の改善や、ポータブルストーリーの正式なサポートなどが行われた。 また Storybook 8.3 では、Vitest との統合や互換性の向上が予定されている。
Storybook 8.1
GUI上からStoryファイルを自動生成する機能、Subpath importsを利用した型安全なモジュールモック機能、RSCのユニットテストサポートなどが追加された。
Deno による JSDoc によるドキュメント勧め
JSR では、JSDoc を元にドキュメントを生成する。
Storybook v8
2024 年 3 月 11 日に、Storybook 8 がリリースされました。
Future of Storybook in 2024
2023 年のハイライトと Storybook の今後を紹介する記事が公開されました。
Storybook 7.6
2023 年 11 月 29 日に Storybook 7.6 がリリースされました。
Turbosnap (beta) - Chromatic
Storybook を利用した VRT を実行できるサービス Chromatic から、変更があったコンポーネントだけをテストできる機能 TurboSnap がベータリリースされました。TurboSnap を利用すればスナップショットの数が減り、ビルド時間の短縮につながります。
Storybook 7.5
https://storybook.js.org/blog/storybook-7-5/
Storybook 7.1
Storybook 7.1 がリリース。Storybook は 7.0 以降小さいサイズでリリースを行なっていく方針とのことです。
Storybook 7
UIの刷新、ViteやNext.jsなどのフレームワーク統合の強化、インタラクションテストのグループ化などが導入された。