開発覚書はてな版

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

【Deno】Denoのバージョンアップ

概要

Denoではインストール後に最新バージョンや特定バージョンに変更するコマンドが存在します。
詳細は以下のURLを参照。

deno.land

コマンド

最新版にバージョンアップ

deno upgrade

特定バージョンにバージョンアップ

deno upgrade --version バージョン

【NestJS】NestJSでGraphQL を使ってみた - Code frist編

概要

今回はNestJSでGraphQL を使用したサンプルです。
Code fristとSchema firstの2つのアプローチがあります。今回はCode fristのアプローチで実装していきたいと思います。

GraphQL については以下のページを参照 graphql.org

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

続きを読む

【VSCode】おすすめ拡張機能 - open in browser

概要

Visual Studio Code で普段利用している拡張機能ご紹介です。
今回は open in browser です。 エクスプローラーからファイルを選択して、そのファイルをWEBブラウザで表示することが出来ます。

marketplace.visualstudio.com

続きを読む

【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

続きを読む

【NestJS】NestJSでmonorepo機能を使ってみた

概要

今回はNestJS上でmonorepo機能を使用したサンプルです。

NestJSのmonorepoの説明記事は以下の通りです。 docs.nestjs.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編

概要

2020/8/16 6.0がリリースされたので記事を修正しました。

  • 今回は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

続きを読む