ハコザキです。 今回は、NuxtプロジェクトにStorybookの導入、基本的な使い方、Amplifyへの自動デプロイまでをご紹介します! はじめに Storybookとはコンポーネントの見た目・挙動を開発環境を立ち上げることなく確認できる コンポーネントライブラリツールです。 カタログのような見た目で共有できるのでデザイナーの方とのやりとりも容易になります。 Storybookの詳しいメリットなどについては、こちらで詳しく説明がされてました..! 今回は3つに分けて解説していきたいと思います! Nuxt.jsプロジェクトにStorybookを導入、共通設定コンポーネントごとのストーリーの定義Amplifyを用いての自動デプロイ、Basic認証 Nuxt.jsプロジェクトの新規作成についてはこちら ※今回のNuxt.jsのバージョンは 2.15.3 です 準備 このようなlist-item