開発覚書はてな版

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

【NestJS】NestJSでOpenAPI(Swagger)形式で出力

概要

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

docs.nestjs.com

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

続きを読む

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

概要

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

marketplace.visualstudio.com

続きを読む

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

概要

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

npm

npm config set cache <path> --global

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

yarn

yarn config set cache-folder <path>

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

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

目次

  • 目次
  • 概要
  • Editor関連
    • Hover and Problems panel peek improvements
  • Debugging関連
    • Font configuration for Debug Console
    • Debug Console text wrapping

概要

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

code.visualstudio.com

続きを読む

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

概要

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

angular.io

続きを読む

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

目次

  • 目次
  • 概要
  • 開発の優先順位
  • コーディングスタイル
  • 設計・開発のスタイル
  • オープンソース活動・Githubについて
  • 使用技術の選定
  • 新技術について
  • 行動パターン
  • あとがき

概要

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

続きを読む

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

概要

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

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

jasmine.github.io

続きを読む

【Angular】Componentテスト(クラス・DOM)

概要

Angular のComponentテストではクラスをテストする場合とDOMをテストする場合で、TestBed.configureTestingModule の設定方法が変わってきます。
設定方法や使い分けについて記載します。

angular.jp

続きを読む