<CodeLearn/>

Storybook入門

中級

コンポーネントカタログを活用して、UIの開発・テスト・ドキュメント化を効率化しましょう

全3レッスン

なぜStorybookを学ぶのか?

Storybookは、UIコンポーネントを独立した環境で開発・テスト・ドキュメント化できるツールです。 アプリケーション全体を起動せずに個々のコンポーネントを確認できるため、 コンポーネント駆動開発(CDD)の中核を担います。

このコースでは、Storybookの基本的なセットアップからストーリーの書き方、 アドオンやビジュアルテストを使った実践的な活用方法まで段階的に学びます。

📚

コンポーネントカタログ

UIコンポーネントを一覧で確認・操作できる

👁

ビジュアルテスト

UIの見た目の変更を自動で検出・レビューできる

📄

自動ドキュメント生成

コンポーネントのpropsやバリエーションを自動で文書化