目次

    Storybookでできること

    Storybookとは、ReactやVueなどコンポーネント化を前提とした開発での、コンポーネント管理に役立つツールです。

    アプリケーションに組み込まずにサンドボックス環境下でコンポーネントの挙動を確認できるため、
    UIコンポーネントのテストや管理が簡単にできるようになります。
    主要なJSフレームワーク(React, Vue, Angular等)には対応しており、利用範囲も広そうです。

    導入方法

    Storybookのインストール
    > npx -p @storybook/cli sb init

    起動(下記コマンドで、ローカル環境が立ち上がります)
    > yarn storybook

    Storybookのチュートリアルはこちら

    注意点

    開発を始めるタイミングで導入しておかないと、導入コストがとてもかかってしまいます。
    ご利用は計画的に!

    その他、詳しいメリット・デメリットや実際に使ってみた考察は下記記事でとてもわかりやすくまとまっていたのでご参考ください。
    PREV
    2021.11.02
    WEBディレクター必見! Google Chromeの検証ツールを使いこなそう!
    NEXT
    2021.11.02
    ビジュアルコミュニケーションについて考える - 情報伝達編 -