Storybook 7 を Vue 3 + TypeScript ではじめよう！

Storybook 7 を Vue 3 + TypeScript ではじめよう！

01はじめに 02Storybook とは 03Storybook 6 との違い 04プロジェクト作成 05サンプルアプリケーションの作成 06Storybook のセットアップ 07設定ファイルの作成 08はじめてのストーリー作成 09「ストーリー」と CSF 10CSF の書き方 11複数のストーリーを定義する 12アドオンについて 13props を動的に切り替える 14emit をロギングする 15ビューポートを変更する 16背景色を変更する 17CSS レイアウトをデバッグしやすくする 18ドキュメントを生成する 19全ストーリー共通設定を定義する 20ストーリーをラップする 21インタラクションを作成する 22ストーリーを自動テストする 23Vue I18n での多言語化に対応する 24pinia でグローバルステートを管理する 25Vue Router でのルーティング

Chapter 02

Storybook とは

2023.01.08に更新