こんにちは。株式会社インプルの下地です。 今回はフロントエンド開発に利用されるライブラリ「Storybook」について簡単に説明します。 また、公式のテンプレートを導入して中身を調べてみました。 StoryBookとは、UIコンポーネントとページを切り離し、独立した状態でコンポーネントの開発を行うことができるオープンソースツールです。 ここでいうUIコンポーネントとページの切り離しとは、データやAPIやビジネスロジックに煩わされることなく、コンポーネントとページを実装出来ることを意味します。 さらに、コンポーネントをカタログのように一覧で見ることができ、それぞれのコンポーネントごとにデザインやテストが可能です。またReact、Vue、Angularなどの主要なJSフレームワークで導入でき幅広く利用することが出来ます。 どうしてStorybookを利用するのか 現代はWebの発展によってフロ
![【React】Storybookとは何か?テンプレートを触ってみた | ramble - ランブル -](https://cdn-ak-scissors.b.st-hatena.com/image/square/6122ce2128bb543c12ec4170bbd34aff9e019b28/height=288;version=1;width=512/https%3A%2F%2Fi0.wp.com%2Framble.impl.co.jp%2Fwp-content%2Fuploads%2F2023%2F01%2FCapture-2023-04-21-155814.png%3Ffit%3D960%252C504%26ssl%3D1)