【VSCode】Visual Studio Code v1.35 の気になる新機能

目次

概要

Visual Studio Code v1.35がリリースされましたね。
恒例の気になる新機能をピックアップして紹介します。

code.visualstudio.com

【Chrome】おすすめ拡張機能 - Angury

概要

Google Chromeの拡張機能を紹介します。 Angularデバッグ用に使用できるAnguryです。 Chromeウェブストアからインストールすることで使用可能です。

chrome.google.com

【NestJS】NestJSでOpenAPI（Swagger）形式で出力

概要

NestJSではOpenAPI（Swagger）形式でAPIドキュメントを出力できます。 以下のドキュメントを参考に設定をしていけばドキュメント出力が可能です。

docs.nestjs.com

OpenAPIに出力したい内容がデコレータで定義できるので、APIドキュメントと実際のAPIの差が無くなりやすくなります。

【NestJS】NestJSで遊んでみる

概要

NestJSで遊んでみたので、遊んでみた感想やメモなどを記載していきます。

nestjs.com

github.com

【VSCode】おすすめ拡張機能 - Swagger Viewer

概要

Visual Studio Code で普段利用している拡張機能ご紹介です。
今回はSwagger Viewerです。 Visual Studio Code上でSwagger Editorを使用できる機能です。

marketplace.visualstudio.com

【npm・yarn】キャッシュフォルダの変更

概要

npm や yarn でパッケージをインストールする場合、キャッシュフォルダ内にインストールしたパッケージをキャッシュします。
HDD/SSDが複数接続している時など、容量の大きい方にキャッシュフォルダを移動したいケースがあります。
以下に npm と yarn のキャッシュフォルダの移動コマンドを記載します。

npm

npm config set cache <path> --global

<path> の箇所に変更先のフォルダ名を指定してください。

yarn

yarn config set cache-folder <path>

<path> の箇所に変更先のフォルダ名を指定してください。

【VSCode】Visual Studio Code v1.32 の気になる新機能

目次

概要

Visual Studio Code v1.32がリリースされましたね。
恒例の気になる新機能をピックアップして紹介します。

code.visualstudio.com

【Angular】optionタグで文字以外をvalueに設定する

概要

Angular の <option> への値設定で通常は value を使用します。
value に値を設定した場合は、変更後の値が文字列で設定されます。
ngValue に値を設定することで、文字列以外の値を扱えるようになります。

angular.io

【雑談】開発時の考え方など

目次

概要

たまにですが、開発時にどういうことを注意しているかや何故Githubでソースコードを公開しているかを聞かれることがあります。
現時点で回答している内容を記載していこうと思います。

【Jasmine】スパイ関数が実行されたかを確認する

概要

expect(mySpy).toHaveBeenCalled() を使用することでスパイ関数が実行されたかを確認できる。
また、 expect(mySpy).toHaveBeenCalledWith(args) でスパイ関数実行時に渡された引数の確認もできる。

スパイ関数に戻り値が必要な場合、spyOn().and.returnValue で設定する。

jasmine.github.io