Skip to content

Conversation

@yanagi0602
Copy link
Contributor

概要

Storybookを8.6.14から最新版の9.1.9にメジャーアップグレードしました。

変更内容

  1. パッケージバージョンアップグレード(メジャーバージョンアップ)

spindle-ui (packages/spindle-ui/package.json):

  • @storybook/addon-a11y: 8.6.14 → 9.1.9
  • @storybook/addon-docs: 8.6.14 → 9.1.9
  • @storybook/addon-webpack5-compiler-swc: 3.0.0 → 4.0.1
  • @storybook/react: 8.6.14 → 9.1.9
  • @storybook/react-webpack5: 8.6.14 → 9.1.9
  • storybook: 8.6.14 → 9.1.9
  • 削除: @storybook/addon-actions, @storybook/addon-backgrounds,
    @storybook/addon-viewport, @storybook/blocks (Storybook 9でコアに統合)

spindle-hooks (packages/spindle-hooks/package.json):

  • @storybook/addon-a11y: 8.6.14 → 9.1.9
  • @storybook/addon-docs: 8.6.14 → 9.1.9
  • @storybook/addon-webpack5-compiler-swc: 3.0.0 → 4.0.1
  • @storybook/react: 8.6.14 → 9.1.9
  • @storybook/react-webpack5: 8.6.14 → 9.1.9
  • storybook: 8.6.14 → 9.1.9
  • 削除: @storybook/addon-actions, @storybook/addon-backgrounds,
    @storybook/addon-viewport (Storybook 9でコアに統合)
  1. 破壊的変更への対応

action import修正:
Storybook 9でのAPIパス変更に対応:
// 変更前
import { action } from 'storybook/internal/preview-api';

// 変更後
import { action } from 'storybook/actions';

修正ファイル (19件):

  • DropdownMenu.stories.example.tsx
  • 18個の.stories.tsxファイル
  1. Storybook設定ファイル更新

.storybook/main.js (両パッケージ):

  • Storybook 9でデフォルトになったaddonの明示的なインポートを削除
  1. MDXファイル自動更新

約42個の.mdxファイルがStorybook 9.1のMDX処理により自動更新されました。

テスト結果

✅ ビルド成功: yarn storybook:build が正常に完了✅ 全236 Storiesの検証完了:
すべてのコンポーネントストーリーがエラーなく読み込まれることを確認✅
コンソールエラー: なし

影響範囲

  • spindle-ui: 全32コンポーネント、236ストーリー
  • spindle-hooks: 全2フック(useCarousel, useTimeDistance)
  • 変更ファイル数: 61ファイル
  • yarn.lock: 依存関係の最適化により大幅に削減(-344行)

@yanagi0602 yanagi0602 requested a review from herablog October 1, 2025 04:48
@yanagi0602 yanagi0602 self-assigned this Oct 1, 2025
@github-actions
Copy link
Contributor

github-actions bot commented Oct 1, 2025

Visit the preview URL for this PR (updated for commit 1332b99):

https://ameba-spindle-hooks--pr1448-feat-storybook-v9-up-f6ti8dak.web.app

(expires Fri, 31 Oct 2025 04:50:49 GMT)

🔥 via Firebase Hosting GitHub Action 🌎

Sign: 7dd86a3c25a55dbb81dd4fa259473bf50648140b

@github-actions
Copy link
Contributor

github-actions bot commented Oct 1, 2025

Visit the preview URL for this PR (updated for commit 1332b99):

https://ameba-spindle--pr1448-feat-storybook-v9-up-h2t6r3v0.web.app

(expires Fri, 31 Oct 2025 04:51:19 GMT)

🔥 via Firebase Hosting GitHub Action 🌎

Sign: e7521619a2dd5c653490c8246e81ec2a5c8f1435

@reg-suit
Copy link

reg-suit bot commented Oct 1, 2025

✨✨ That's perfect, there is no visual difference! ✨✨

Check out the report here.

Copy link
Member

@herablog herablog left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

:aidana:

@yanagi0602 yanagi0602 merged commit 2db78ca into main Oct 1, 2025
12 checks passed
@yanagi0602 yanagi0602 deleted the feat/storybook-v9-upgrade branch October 1, 2025 04:56
@reecuepatt-dot
Copy link

Great deal

@mdshakibshak82-jpg
Copy link

Hi oll borp

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants