概要 今回はAngular+Storybookのaddon-controlsを使用したサンプルです。(2020/6/21時点ではβ版です） addon-controls は＠Input値変更をStorybook上で確認できるようになります。 addon-docsのインストールが必須になります。 Angularでaddon-controlsを使…

概要 2020/8/16 6.0がリリースされたので記事を修正しました。 今回はVue.js+Storybookのaddon-controlsを使用したサンプルです。(2020/6/17時点ではβ版です） addon-controls は addon-knobs と同様に Vue.jsのpropsへの値変更をStorybook上で確認できるよ…

概要 今回はVue.js+Storybookのaddon-knobsを使用したサンプルです。 addon-knobs は Vue.jsのpropsへの値変更をStorybook上で確認できるようになります。 github.com Vue.jsでのStorybookの設定については以下の記事を参照ください。 kakkoyakakko2.hatenab…

概要 今回はVue.js+Storybookのaddon-actionsを使用したサンプルです。 addon-actions は Vue.jsのemit時の動作をStorybook上で確認できるようになります。 github.com Vue.jsでのStorybookの設定については以下の記事を参照ください。 kakkoyakakko2.hatena…

概要 今回はVue.jsでStorybookを使用したサンプルです。 Storybookの説明やAngularでの適用例は以下の記事を参照して下さい。 kakkoyakakko2.hatenablog.com

概要 今回はStorybookのaddon-actionsを使用したサンプルです。 addon-actions は AngularのOutput時の動作をStorybook上で確認できるようになります。 github.com AngularでのStorybookの設定については以下の記事を参照ください。 kakkoyakakko2.hatenablo…

概要 今回はAngularでStorybookを使用したサンプルです。 Storybookとは Angular、React、Vueなどでコンポーネントを分離して開発するためのツールです。 小さく定義したコンポーネントを一覧化して確認が出来ます。 Addonを追加することで、Storybookに様々…