【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言語チックになっています。
- ファイルアクセス、ネットアクセスなどの制限が可能