開発覚書はてな版

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

【VSCode】拡張機能: GitLens - チケットURLの設定変更

概要

GitLensのオートリンク機能のチケットURLの向き先を変更する方法を記載します。
※GitLens Version 11.6時点の情報です。

f:id:kakkoya:20210801143323p:plain

marketplace.visualstudio.com

設定方法

公式サイト

GitLens拡張機能の説明でAutolink Settingsに設定方法の記載があります。

settings.json

Pivotal TrackerやJIRAのチケットURLに変更したい場合のサンプルを以下に記載します。

{
    "gitlens.autolinks": [
      // Pivotal Tracker
      {
        "prefix": "#",
        "url": "https://www.pivotaltracker.com/story/show/<num>"
      },
      // JIRA
      {
        "prefix": "JIRA-",
        "url": "https://jira.company.com/issue?query=<num>"
      },
    ],
}

【TypeScript】拡張メソッドの実装(基本型・staticメソッド)

概要

拡張メソッドの実装で基本型+staticメソッドの定義方法を記載する。
インスタンスメソッドへの拡張は以下の記事を参照ください。

kakkoyakakko2.hatenablog.com

kakkoyakakko2.hatenablog.com

続きを読む

【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

続きを読む

【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

続きを読む