技術ブログ

(技術系中心)基本自分用備忘録なので、あくまで参考程度でお願いします。

TypeScript

Nuxt3にEslintとprettierを導入する

Nuxt3にEslintとprettierを導入する ESLintとPrettierはどちらもソースコードの品質を高めるツールになります。 ESLint:静的解析ツール。バグの可能性がある書き方を指摘する。 Prettier:コードフォーマッター。インデント、改行などを自動整形してくれる…

TypeScriptでのクラスの取り扱い方について

// 継承にのみ利用できるクラスにはabstractを利用 abstract class Person { // インスタンス作らずにクラスを使う場合はstaticを利用する // 例 Person.species static species = 'Homo sapiens'; // インスタンス作らずにクラスを使う場合はstaticを利用す…

TypescriptのGenerics

// オブジェクトのキーのunion型を作る // U extends keyof Tのようにすると、Uの型は、name | ageのunion型になります。 function copy<T extends { name: string }, U extends keyof T>(value: T, key: U): T { value[key]; return value; } console.log(copy({ name: 'Quill', age: 20}, 'age')); // clas</t>…

Typescriptの応用

// ------------- インターセクション ------------- // エンジニアの型を定義 interface Engineer { name: string; role: string; } // ブロガーの型を定義 interface Blogger { name: string; follower: number; } // type EngineerBlogger = Engineer & B…

TypeScriptのInterfaceについて

TypeScriptのInterfaceについて interfaceは、オブジェクト・関数・クラスの構造を決めるためのもの。 サンプルコード // 関数の型を定義することも可能 interface addFunc { (num1: number, num2: number): number; } let addFunc: addFunc; addFunc = (n1:…

Type Scriptの型(基本)

Type Scriptの型(基本) // 型推論の場合は型を定義しなくてもOK let hasValue = true; let count = 10; let float = 3.14; let negative = -0.12; let single = 'hello'; let double = "hello"; let back = `hello`; // 型注釈の場合は型を定義する let he…