【イベント参加】Developers Summit 2020 に参加してきました

概要

Developers Summit 2020 に参加してきました。
今回は「ともにつくる」をテーマに開催されました。
今回は２日目の午後２セッションのみ参加しました。

event.shoeisha.jp

codezine.jp

【Angular】Angular 9 バージョンアップで気になった箇所

概要

• Angular 9 のバージョンアップ内容で気になった箇所をピックアップしていきたいと思います。
• 基本的にはIvyがメインのリリースになります。

blog.angular.io

【Hyper-V】ゲストOSがWindows10の場合に第一世代の仮想マシンを第二世代にする

目次

概要

• Hyper-VでゲストOSがWindows10 64bit版で第一世代の仮想マシンを第二世代に変換する。
• ゲストOSがWindows 8.1などの場合は以下のスクリプトが使用できます。 Browse code samples | Microsoft Docs
• 第一世代はBIOS、第二世代はUEFIベースで起動される。

【VSCode】おすすめ拡張機能 - Error Lens

概要

Visual Studio Code で普段利用している拡張機能ご紹介です。
今回は Error Lens です。 Visual Studio Code上のエディタ上にエラー・警告メッセージが表示されるようになります。

marketplace.visualstudio.com

【TypeScript】reflect-metadataでMethodDecoratorを実装する

概要

• reflect-metadataでMethodDecoratorを実装するサンプルです。
• メソッドにメタデータを定義するケースです。

www.npmjs.com

実装方針

• MethodDecorator を定義する。
• 上記のMethodDecoratorをメソッドに指定したクラスを定義する。
• 上記のクラスからMethodDecoratorを指定したメソッドを検出して実行する。

【NestJS】Custom providersで文字列をキーにする

概要

• Custom providers で文字列を指定したサンプルです。
• Moduleのprovidersに { provide: 文字列キー, useClass: サービスクラス } で定義します。
• 定義したサービスはModuleRefを使用してContoller内部で生成します。

docs.nestjs.com

docs.nestjs.com

【VSCode】ESLintを使用してコードを自動フォーマットする

概要

Visual Studio Code の TSLint拡張機能と eslint-plugin-prettier を使用してソースコードを自動フォーマットすることが出来ます。 各種設定や使用ライブラリ等を記載します。

marketplace.visualstudio.com

github.com

TSLintの自動フォーマットについては以下の記事を参考にしてください。

kakkoyakakko2.hatenablog.com

【Angular/class-validator】C#/WPF の INotifyDataErrorInfoをTypeScriptで実現する

概要

• C#/WPF では INotifyDataErrorInfoとDataAnnotations を使用した入力バリデーションが存在します。今回はそれをAngular版にしてみました。
• 今回はclass-validator + Angular + TypeScriptで実現します。

INotifyDataErrorInfo実装サンプル

github.com

【TypeScript】jsonファイルから型の抽出・生成

概要

• TypeScript の resolveJsonModule オプションを使用することでJSONファイルから型の抽出・生成を行います。
• TypeScript 2.9以降で使用できます。

www.typescriptlang.org

【読書】.NET、Javaでの標準化

概要

• .NET FrameworkやJavaなどプロジェクトで標準化を行った際に参考した書籍を紹介。

対象の本

.NETのクラスライブラリ設計　開発チーム直伝の設計原則,コーディング標準,パターン

Effective Java 第3版