要件 アイコンの文字は名前の1文字目を表示する 色は５色からランダムで設定する 色はユーザーに固有のもので、再読み込みなどで変更されない。 やり方 登録日時を文字コードにし、ランダムのhsl（ 色相(Hue)、彩度(Saturation)、輝度(Lightness)）で色を割…

デコレータ メタプログラミングに役にたつ 他の開発者が使いやすい道具を提供することに向いている 使うための準備 tsconfig.jsonの設定 "target": "es6" "experimentalDecorators": true 上記の二つを設定する必要がある クラスデコレータ function Logger(…

throw文とErrorオブジェクト console.log("エラーを発生させます"); throwError(); console.log("エラーを発生させました"); function throwError() { const error = new Error('エラーが発生しました'); throw error; } 実行結果（paiza.ioを使用） エラー…

前提 tsconfig.jsonの設定でuseUnknownInCatchVariablesがtrueである（strictモードがtrueであればこの設定がtrueになるので同義です） なぜ必要な知識か catch (err) の errの型は設定がtrueであれば、unknownになり、falseであれば、any になる unknownで…

前提 expressをTypeScriptでバックエンドを実装している。 なぜ必要か コードを変更するたびに、手動でサーバーを再起動する手間を省き、開発の効率を上げるためにホットリロードを導入したい。 ホットリロードとは ホットリロード(Hot Reload)とは、コード…

ゲッターセッターとは ゲッター データを取得した時に何かの関数を実行したい時に使う セッター 何かの値を変更・代入したい時に使う ※TypeScriptには存在しないもの、es6には存在する 使い方 class Teacher extends Person { get subject(): string { if (!…

extendsを使用して、他のクラスの機能を継承する 継承とは あるクラスに機能を追加・拡張した別のクラスを作成する機能です。 特徴 継承元（親クラス）継承して作った別のクラス（子クラス）とする 子クラスのインスタンスは親クラスのインスタンスの代わり…

静的プロパティ(static property)・静的メソッド(static method) クラス宣言に含むことができる インスタンスではなく、クラスそのものに属する 通常のプロパティ・メソッドの宣言の前にstaticと付ければいい class Person { static adminName: string = 'ko…

オブジェクト思考プログラミング(OOP)とは OOPとは現実世界のものに見立ててプログラムする方法 どのようにアプリケーションを作るかという方法の一つ 人間にとってわかりやすくロジックを分割する方法の一つ どうやって作るの？となった時に、現実世界のも…

TypeScriptを学び始めたので少しずつ要点をまとめていきます。 型アノテーション value: Type というフォーマットで宣言時の変数に型の注釈がつけられます。 let n: number = 3; console.log(n); // => 3 変数 n は number 型しか受け付けないという事 試し…