// 問題1. 関数に動的な型を実装してください
// この下に回答を記述してください
const checkInput = <T>(input1: T, input2: T): T => {
  return input2
}

console.log(checkInput('Hello', 'World'))
console.log(checkInput(1, 2))

// 問題2. インターフェイスに動的な型を実装してください
// この下に回答を記述してください
interface User<T> {
  name: string
  age: number
  id: T
}

const user1: User<number> = {
  name: 'Taro',
  age: 28,
  id: 123
}

const user2: User<string> = {
  name: 'Taro',
  age: 28,
  id: '123'
}


ジェネリクス

// 問題1. 関数に動的な型を実装してください
// この下に回答を記述してください
const checkInput = (input1, input2) => {
  return input2
}

console.log(checkInput('Hello', 'World'))
console.log(checkInput(1, 2))

// 問題2. インターフェイスに動的な型を実装してください
// この下に回答を記述してください
interface User {
  name: string
  age: number
  id: number
}

const user1: User<number> = {
  name: 'Taro',
  age: 28,
  id: 123
}

const user2: User<string> = {
  name: 'Taro',
  age: 28,
  id: '123'
}


Partial<T>

Partial

Required<T>

Required

Pick<T, K>

Pick

Omit<T, K>

Omit

UtilityTypeを組み合わせる

【演習】特定の型を取得しよう

Exclude<T, U>

Exclude

Extract<T, U>

Extract

Readonly<T>

Readonly

NonNullable<T>

NonNullable

Parameters

ReturnType

【演習】特定の型を取得しよう2

「使えると便利！TypeScriptのUtilityType入門」レッスンの総復習クイズです。

interface Color {
  red: number
  green: number
  blue: number
}

type ColorWithoutBlue = Omit<Color, 'blue'>

const myColor: ColorWithoutBlue = {
  red: 100,
  green: 100
}

使えると便利！TypeScriptのUtilityType入門の総復習クイズ

使えると便利！TypeScriptのUtilityType入門

ジェネリクス

まずは必要なスキルを確認しましょう！