当社ではサイトを構築する前に、全体で共通して使うパーツ(当社では「モジュール」と呼んでいます)を洗い出し、モジュールだけを集めたモジュール一覧ページを作成することがあります。モジュール一覧には、各モジュールをどのようにマークアップするか、マークアップ時の注意点などを羅列します。一覧を作成しておくことで、複数人で作業した場合でも人によるマークアップのゆれを減らし、効率のよい開発ができます。 最近はReactやVue.jsをはじめとするフレームワークを使用するプロジェクトが増えてきており、モジュールと同じようにコンポーネント一覧を作ることがあります。モジュールはコンポーネントに似ていますが、コンポーネントはさまざまな状態(State)を持ち、状況によって見た目や機能が変わるという違いがあり、全ての状態を一覧するページを0から作るのは手間がかかります。そんなときにオススメなのが「Storyboo
![Storybookでモジュール一覧を作る | フロントエンドBlog | ミツエーリンクス](https://cdn-ak-scissors.b.st-hatena.com/image/square/6ceaf21013a12265b1676f25bf6c0621a5a022d5/height=288;version=1;width=512/https%3A%2F%2Fwww.mitsue.co.jp%2Fassets%2Fimg%2Fog%2Fimg-default.png)