2022-01-01から1年間の記事一覧
現在開発中のサービスにおいて 既存のAtomic Design に沿ったコンポーネント設計をしております。 Atomic Design がよくわからなかったのでメモしていきます。 そもそもatomic Design とは Atomic design is methodology for creating design systems. There…
sort()メソッドは、配列の要素をソートする関数のこと。 https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/sort 一般的なuse case 配列にsort() を実行すると昇順に並び替えてくれます。 定義した配列そのものが変更さ…
今まではsplice(num)などを利用して 配列を切り分けて取り出していたのですが、最近はもっと直感的な取り出し方があるみたいです。 まとめて取り出し 配列があります const smalls = [ "小動物", "小型車", "小論文" ]; まとめて取り出すことも可能!! cons…
今日はUtility Typesについて学んだので、その学習メモ。 さまざまなユーティリティーがあるが、その一つを例にとってみると少し理解が深まりました。 今回はPartialについて。 Utilty Types とは Typescriptが提供する型の関数のようなもの。 元のインター…
型ガード(Type guard)について if分やcase文を始めたとした条件分岐で変数の方を判別し、ブロック内の変数の型を絞り込む機能のこと。 型を変数内で明示して変換する「キャスト」を使用することを防げる。 type of 変数の型をチェックできます。 type You = …
オブジェクトのキーをオブジェクトの型のプロパティーとしてそのまま流用したい場合。 まず、オブジェクトの型を定義したい場合 type Panda = { age: number } const panda: Panda = { age: 11, } //型通り そのオブジェクトのキーをage, name, color, dream…
ジェネリクスで型定義をする際に、特定のプロパティーを持たせるように制限することができる。 引数に存在しないプロパティーがある場合 function showBirthday<T>(person: T): Date { const birthDay = person.getBirthDay(); // personの型は未知なのでgetBir</t>…
function test<T>(arg: T): T { 上記のHTMLタグのような表記のことをジェネリクスと言います。 ジェネリクスとは Genericsは抽象的な型引数を使用して、実際に利用されるまで型が確定しないクラス、関数、インターフェイス、を実現するために用います。 具体的</t>…
日記です。 お久しぶりです。三ヶ月ぶりかな。 初めての転職が無事に終わりました。 前職とはまた違ったアウトプットを求められる職場で、毎日楽しいです。 職場の皆さんから多くのことを吸収する一方で、振り返る時間がなかなか取れず、 それでいて昔のよう…