開発覚書はてな版

個人的な開発関連の備忘録

【VSCode】おすすめ拡張機能 - Task Explorer

概要

Visual Studio Code で普段利用している拡張機能ご紹介です。
今回は Task Explorer です。 Visual Studio Codeタスク機能を一覧化・実行管理が出来ます。既存機能であるNPMスクリプト以外も一覧化・実行管理が出来るので便利です。

marketplace.visualstudio.com

続きを読む

【NestJS】NestJSでgRPCを使ってみた - client編

概要

今回はNestJS上でgRPCクライアントを作成したサンプルです。

gRPCについては以下のページを参照 grpc.io

NestJSのgRPCの説明記事 docs.nestjs.com

NestJSでgRPC Serverを作成した記事 kakkoyakakko2.hatenablog.com

続きを読む

【Angular】AngularでStorybookを使ってみた - addon-controls編

概要

  • 今回はAngular+Storybookのaddon-controlsを使用したサンプルです。(2020/6/21時点ではβ版です)
  • addon-controls は@Input値変更をStorybook上で確認できるようになります。
  • addon-docsのインストールが必須になります。
  • Angularでaddon-controlsを使用する場合は、compodoc でドキュメントを出力する必要があります。

github.com

  • AngularでのStorybookの設定については以下の記事を参照ください。

kakkoyakakko2.hatenablog.com

kakkoyakakko2.hatenablog.com

続きを読む

【Vue.js】Vue.jsでStorybookを使ってみた - addon-controls編

概要

  • 今回はVue.js+Storybookのaddon-controlsを使用したサンプルです。(2020/6/17時点ではβ版です)
  • addon-controlsaddon-knobs と同様に Vue.jsのpropsへの値変更をStorybook上で確認できるようになります。
  • addon-knobs より設定が簡単になっています。
  • addon-docs との連携が可能です。( addon-docsのインストールが必須になります。)

github.com

  • Vue.jsでのStorybookの設定については以下の記事を参照ください。

kakkoyakakko2.hatenablog.com

kakkoyakakko2.hatenablog.com

kakkoyakakko2.hatenablog.com

続きを読む

【Vue.js】Vue.jsでStorybookを使ってみた - addon-knobs編

概要

  • 今回はVue.js+Storybookのaddon-knobsを使用したサンプルです。
  • addon-knobs は Vue.jsのpropsへの値変更をStorybook上で確認できるようになります。

github.com

  • Vue.jsでのStorybookの設定については以下の記事を参照ください。

kakkoyakakko2.hatenablog.com

kakkoyakakko2.hatenablog.com

続きを読む

【Vue.js】Vue.jsでStorybookを使ってみた - addon-actions編

概要

  • 今回はVue.js+Storybookのaddon-actionsを使用したサンプルです。
  • addon-actions は Vue.jsのemit時の動作をStorybook上で確認できるようになります。

github.com

  • Vue.jsでのStorybookの設定については以下の記事を参照ください。

kakkoyakakko2.hatenablog.com

続きを読む

【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上で確認できるようになります。

github.com

  • AngularでのStorybookの設定については以下の記事を参照ください。

kakkoyakakko2.hatenablog.com

続きを読む

【Angular】AngularでStorybookを使ってみた

概要

今回はAngularでStorybookを使用したサンプルです。

Storybookとは

  • Angular、React、Vueなどでコンポーネントを分離して開発するためのツールです。
  • 小さく定義したコンポーネントを一覧化して確認が出来ます。
  • Addonを追加することで、Storybookに様々な機能を追加できます。 storybook.js.org
続きを読む