カテゴリー：TypeScript
-
オーバーロードとは？ 「関数に対して複数の型を定義すること」です。他言語のように、引数の異なる同名のメソッドを複数実装することはできません。あくまで一つのみ関数を実装するものになります。 メリット 「パラメータの型によって返り値の型が…
-
コマンド [crayon-628fdc983e1d9767583678/] ESlintをどのように使いますか？(How would you like to use ESLint?) [crayon-628fdc983e1e75645…
-
【TypeScript】ESlintの種類
12.26
ESlintには大きく3種類のパッケージがあります。PluginとConfigは似ているが、Pluginはルール、Configはルールを一まとめにしたものという違いがある。 Parser 開発言語の構文を解析 @typescript-…
-
interface オブジェクトの型に名前をつけれる。 [crayon-628fdc983eb7f841073670/] ブロックで終わる構文なので「=」も不要で、「最後にセミコロン」がつかない。 メリット 拡張性が高い [cr…
-
as、any TypeScriptが提供する型安全を否定する行為であり基本的に使ってはいけない。 anyやasを使って良いケース TypeScriptのコンパイルが完璧ではなく使用を余儀なくされるケースがある。 ? オブジェクト（…
-
Excludeとは？ 第一引数のUnion型から第二引数に型を指定して除外して新たな型を作成することが可能です。 [crayon-628fdc983f78c212356516/] 例えば、上記の例で言えば、stringTypeはnum…
-
Record型とは？ 入れ子になっているオブジェクトの型定義をすっきり書くためのものです。 構文 [crayon-628fdc983fde6153535726/] K ユニオン型のデータを持たせてあげます。 T 入れ子になって…
-
Mapped typesとは？ あるオブジェクトのプロパティ 名を利用して新しい型を作り出す機能のことです。実現するためにはkeyofやin keyofなどの構文があります。 TypeScriptのType定義の保守性向上のために使…
-
Partialとは？ 下記のようにPartialという構文を使用して型を作るとジェネリクスで指定した型を動的にオプション型にすることが可能です。 [crayon-628fdc9840917592983356/] 実際PertialTy…
-
関数コンポーネント（React.FC） Reactの関数コンポーネントの型になります。React.FunctionalComponentとも書けます。 例 [crayon-628fdc984114b791904061/] 下…