【Vue.js】Vue.jsでStorybookを使ってみた - addon-controls編
概要
2020/8/16 6.0がリリースされたので記事を修正しました。
- 今回はVue.js+Storybookの
addon-controlsを使用したサンプルです。(2020/6/17時点ではβ版です） addon-controlsはaddon-knobsと同様に Vue.jsのpropsへの値変更をStorybook上で確認できるようになります。addon-knobsより設定が簡単になっています。addon-docsとの連携が可能です。（addon-docsのインストールが必須になります。）
- Vue.jsでのStorybookの設定については以下の記事を参照ください。
【Vue.js】Vue.jsでStorybookを使ってみた - addon-knobs編
概要
- 今回はVue.js+Storybookの
addon-knobsを使用したサンプルです。 addon-knobsは Vue.jsのpropsへの値変更をStorybook上で確認できるようになります。
- Vue.jsでのStorybookの設定については以下の記事を参照ください。
【Vue.js】Vue.jsでStorybookを使ってみた - addon-actions編
概要
- 今回はVue.js+Storybookの
addon-actionsを使用したサンプルです。 addon-actionsは Vue.jsのemit時の動作をStorybook上で確認できるようになります。
- Vue.jsでのStorybookの設定については以下の記事を参照ください。
【Vue.js】Vue.jsでStorybookを使ってみた
概要
今回はVue.jsでStorybookを使用したサンプルです。
Storybookの説明やAngularでの適用例は以下の記事を参照して下さい。 kakkoyakakko2.hatenablog.com
続きを読む【Angular】AngularでStorybookを使ってみた - addon-actions編
概要
- 今回はStorybookの
addon-actionsを使用したサンプルです。 addon-actionsは AngularのOutput時の動作をStorybook上で確認できるようになります。
- AngularでのStorybookの設定については以下の記事を参照ください。
【Angular】AngularでStorybookを使ってみた
概要
今回はAngularでStorybookを使用したサンプルです。
Storybookとは
- Angular、React、Vueなどでコンポーネントを分離して開発するためのツールです。
- 小さく定義したコンポーネントを一覧化して確認が出来ます。
- Addonを追加することで、Storybookに様々な機能を追加できます。 storybook.js.org
【VSCode・Deno】DenoのテストをVSCodeでデバッグする
概要
Visual Studio Code で Deno のテストをデバッグする設定を記載します。
通常のデバッグ実行の記事は以下を参照してください。 kakkoyakakko2.hatenablog.com
続きを読む【VSCode】おすすめ拡張機能 - Deno
【VSCode・Deno】拡張機能：Remote - Containers で Deno の開発環境を構築
概要
Visual Studio Code の拡張機能「Remote - Containers」で Deno の開発環境を構築してみました。
Remote - Containers でDockerfile使った場合の設定方法は以下の記事を参照してください。 kakkoyakakko2.hatenablog.com
Denoとは
- Node.jsの後継的なもの。
- TypeScriptベースでの開発。
- import はURL指定に変更。Go言語チックになっています。
- ファイルアクセス、ネットアクセスなどの制限が可能
