2019GatsbyJS製の静的サイトでStorybookを使うと結構いい感じにパーツごとに分けて作ることができて良いんじゃないかなと思いやってみました。同じデザインで画像などのコンテンツが異なるだけのページを作るときなんかに効果的です。普通にhtmlで作るときはエディタの文法の間違いなんかは見つけづらいですが、TypeScriptで書くことでそれもなくせます。基本的にはこのページを参考に進めます。GatsbyJSインストールします。@storybook/cliGatsbyJSのプロジェクトのルートでStorybookを初期化します。initStorybookの設定ファイル.storybook/config.jsを下記のようにします。module)Storybook用のwebpack設定ファイル.storybook/webpack.config.jsを下記のようにします。config}package.jsonのscriptsに下記を追記します。ある場合は上書きします。storybook起動できました。StorybookにTypeScriptを導入するこちらに導入の説明があるのでそれに沿って進めます。awesome-typescript-loaderを使った方法ではエラーが出て詰まってしまったのでbabel-loaderを使った方法を用います。src/配下の.stories.tsxファイルを読み込ませるようにしたいので.storybook/config.jsの読み込み部分を下記のように変えます。/.stories.tsx$/)...babel-loaderでTypeScriptのファイルを読めるように設定を.storybook/webpack.config.jsに加えます。'.tsx');...header.stories.tsxを作成します。/>);起動できました。kwst.site.。