2020-01-01から1年間の記事一覧
概要 Denoではインストール後に最新バージョンや特定バージョンに変更するコマンドが存在します。 詳細は以下のURLを参照。 deno.land コマンド 最新版にバージョンアップ deno upgrade 特定バージョンにバージョンアップ deno upgrade --version バージョン
概要 TypeScript 4.0 のバージョンアップ内容で気になった箇所をピックアップしていきたいと思います。 devblogs.microsoft.com
概要 今回はNestJSでGraphQL を使用したサンプルです。 Code fristとSchema firstの2つのアプローチがあります。今回はCode fristのアプローチで実装していきたいと思います。 GraphQL については以下のページを参照 graphql.org NestJSのGraphQL の説明記事…
概要 Visual Studio Code で普段利用している拡張機能ご紹介です。 今回は open in browser です。 エクスプローラーからファイルを選択して、そのファイルをWEBブラウザで表示することが出来ます。 marketplace.visualstudio.com
概要 Visual Studio Code で普段利用している拡張機能ご紹介です。 今回は Task Explorer です。 Visual Studio Code のタスク機能を一覧化・実行管理が出来ます。既存機能であるNPMスクリプト以外も一覧化・実行管理が出来るので便利です。 marketplace.vis…
概要 今回はNestJS上でgRPCクライアントを作成したサンプルです。 gRPCについては以下のページを参照 grpc.io NestJSのgRPCの説明記事 docs.nestjs.com NestJSでgRPC Serverを作成した記事 kakkoyakakko2.hatenablog.com
概要 今回はNestJS上でmonorepo機能を使用したサンプルです。 NestJSのmonorepoの説明記事は以下の通りです。 docs.nestjs.com
概要 今回はAngular+Storybookのaddon-controlsを使用したサンプルです。(2020/6/21時点ではβ版です) addon-controls は@Input値変更をStorybook上で確認できるようになります。 addon-docsのインストールが必須になります。 Angularでaddon-controlsを使…
概要 2020/8/16 6.0がリリースされたので記事を修正しました。 今回はVue.js+Storybookのaddon-controlsを使用したサンプルです。(2020/6/17時点ではβ版です) addon-controls は addon-knobs と同様に Vue.jsのpropsへの値変更をStorybook上で確認できるよ…
概要 今回はVue.js+Storybookのaddon-knobsを使用したサンプルです。 addon-knobs は Vue.jsのpropsへの値変更をStorybook上で確認できるようになります。 github.com Vue.jsでのStorybookの設定については以下の記事を参照ください。 kakkoyakakko2.hatenab…
概要 今回はVue.js+Storybookのaddon-actionsを使用したサンプルです。 addon-actions は Vue.jsのemit時の動作をStorybook上で確認できるようになります。 github.com Vue.jsでのStorybookの設定については以下の記事を参照ください。 kakkoyakakko2.hatena…
概要 今回はVue.jsでStorybookを使用したサンプルです。 Storybookの説明やAngularでの適用例は以下の記事を参照して下さい。 kakkoyakakko2.hatenablog.com
概要 今回はStorybookのaddon-actionsを使用したサンプルです。 addon-actions は AngularのOutput時の動作をStorybook上で確認できるようになります。 github.com AngularでのStorybookの設定については以下の記事を参照ください。 kakkoyakakko2.hatenablo…
概要 今回はAngularでStorybookを使用したサンプルです。 Storybookとは Angular、React、Vueなどでコンポーネントを分離して開発するためのツールです。 小さく定義したコンポーネントを一覧化して確認が出来ます。 Addonを追加することで、Storybookに様々…
概要 Visual Studio Code で Deno のテストをデバッグする設定を記載します。 通常のデバッグ実行の記事は以下を参照してください。 kakkoyakakko2.hatenablog.com
概要 Visual Studio Code でDeno向けの拡張機能のご紹介です。 複数のDeno向けの拡張機能がありますが、今回は以下の拡張機能を紹介します。 marketplace.visualstudio.com
概要 Visual Studio Code で Deno をデバッグする設定を記載します。 以下のページを参考に設定しています。 deno.land
概要 Visual Studio Code の拡張機能「Remote - Containers」で Deno の開発環境を構築してみました。 marketplace.visualstudio.com Remote - Containers でDockerfile使った場合の設定方法は以下の記事を参照してください。 kakkoyakakko2.hatenablog.com …
- Angularをチーム開発で始める時に知っておくとよいことをまとめます。 - 複数案件でAngularを触ってきて、個人的に参考になったものを記載していきます。
概要 今回はNestJS上でgRPCサーバーを作成したサンプルです。 gRPCについては以下のページを参照 grpc.io NestJSのgRPCの説明記事 docs.nestjs.com
概要 Visual Studio Code の拡張機能「Remote - Containers」で Docker Compose を使用した場合の設定方法を記載します。 code.visualstudio.com marketplace.visualstudio.com Remote - Containers でDockerfile使った場合の設定方法は以下の記事を参照 kak…
概要 今回はNestJS上でBullを使ってみたサンプルです。 docs.nestjs.com BullとはRedisベースのメッセージキューです。 github.com
概要 Visual Studio Code の拡張機能「Remote - Containers」を使ってみました。 Docker上で開発環境を構築するため、ホストPCに余計なインストール作業をせずに済むので便利です。 また、ターミナル上からコンテナ上の操作が簡単に出来るので便利です。 こ…
概要 Visual Studio Code で普段利用している拡張機能ご紹介です。 今回は Local History です。 ファイルの変更内容をソース管理を使用せずに履歴として管理できます。 marketplace.visualstudio.com
概要 Developers Summit 2020 に参加してきました。 今回は「ともにつくる」をテーマに開催されました。 今回は2日目の午後2セッションのみ参加しました。 event.shoeisha.jp codezine.jp
概要 Angular 9 のバージョンアップ内容で気になった箇所をピックアップしていきたいと思います。 基本的にはIvyがメインのリリースになります。 blog.angular.io
目次 目次 概要 前提知識 試した環境 作業の前に 手順 1. HDDが空の第二世代仮想マシンを作成する 2. 第一世代のVHDXファイルをコピーする 3. コピーしたVHDXファイルをホストOSにマウントする 4. マウントしたVHDXのディスク番号を調べる 5. マウントしたVH…
概要 Visual Studio Code で普段利用している拡張機能ご紹介です。 今回は Error Lens です。 Visual Studio Code上のエディタ上にエラー・警告メッセージが表示されるようになります。 marketplace.visualstudio.com