2024/10/27 【学習記録】アウトプット・ポートフォリオ進行

学んだこと（復習も含める）

スプレッド構文：配列やオブジェクトの要素を展開する記法。配列やオブジェクトのコピーや結合が簡単にできる。

配列の場合

• …numbersで、numberの配列要素の[1, 2, 3]が展開されている。

• 新しい配列のnewNumbersには、展開された要素と、新しい要素の[0, 4, 5]が順番に格納されている。

const numbers = [1, 2, 3];
const newNumbers = [0, ...numbers, 4, 5]; 
console.log(newNumbers); // [0, 1, 2, 3, 4, 5]

オブジェクトの場合

• …userで、userオブジェクトの[name, age]プロパティを展開する。

• 新しいオブジェクトnewUserに、展開されたプロパティと、新しいプロパティnameが追加される。

const user = { name: 'John', age: 30 };
const newUser = { ...user, email: 'john@example.com' };
console.log(newUser); // { name: 'John', age: 30, email: 'john@example.com' }

TypeScriptの型アサーション：型情報を教えてあげることで、より安全なコードを書けるようにするための機能。

注意点
間違った型を教えると、実行するときにエラーを引き起こす原因になるため、本当に型を知っている場合のみに、慎重に使用する。

ポートフォリオの進行状況

レイアウト変更なし💡

• FireStoreからデータを取得する。

• FireStoreにデータを登録して、型定義をする。

• TypeScriptの型ガードを使用して、FireStoreのえらーか、一般的なエラーかを判断する