おすすめ
公開日:

ほとんどは公式の自動更新コマンドで移行が完了する。Storybook v9への移行を複数のリポジトリで行う必要があるため、作業をメモに残した。他リポジトリで差分があれば追記する。

All Posts

News bits

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 v7

Storybook v7 がリリース。Storybook v7 では様々な最適化や機能の統廃合が行われ、今までより全体的に扱いやすくなっています。Monorepo であったり特殊な構成をしていない限り、マイグレーションガイドに従えば、すぐに移行は完了します。

著者について

Hi there. I'm hrdtbs, a frontend expert and technical consultant. I started my career in the creative industry over 13 years ago, learning on the job as a 3DCG modeler and game engineer in the indie scene.

In 2015 I began working as a freelance web designer and engineer. I handled everything from design and development to operation and advertising, delivering comprehensive solutions for various clients.

In 2016 I joined Wemotion as CTO, where I built the engineering team from the ground up and led the development of core web and mobile applications for three years.

In 2019 I joined matsuri technologies as a Frontend Expert, and in 2020 I also began serving as a technical manager supporting streamers and content creators.

I'm so grateful to be working in this field, doing something that brings me so much joy. Thanks for stopping by.