Readonly<T>

// 問題1. User型のプロパティをすべて読み取り専用にしてください
type User = {
  id: number
  name: string
  age: number
}
// この下に解答してください
type ReadonlyUser = Readonly<User>

const user: ReadonlyUser = {
  id: 1,
  name: 'Taro',
  age: 25
}

// 問題2. Post型のプロパティをすべて読み取り専用にしてください
type Post = {
  id: number
  readonly title: string
  content: string
}
// この下に解答してください
type ReadonlyPost = Readonly<Post>

const post: ReadonlyPost = {
  id: 1,
  title: 'title',
  content: 'content'
}


// 問題1. User型のプロパティをすべて読み取り専用にしてください
type User = {
  id: number
  name: string
  age: number
}
// この下に解答してください
type ReadonlyUser = User

const user: ReadonlyUser = {
  id: 1,
  name: 'Taro',
  age: 25
}

// 問題2. Post型のプロパティをすべて読み取り専用にしてください
type Post = {
  id: number
  readonly title: string
  content: string
}
// この下に解答してください
type ReadonlyPost = Post

const post: ReadonlyPost = {
  id: 1,
  title: 'title',
  content: 'content'
}


Readonly

ジェネリクス

Partial<T>

Partial

Required<T>

Required

Pick<T, K>

Pick

Omit<T, K>

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

type ColorWithoutBlue = Omit<Color, 'blue'>

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

Omit

UtilityTypeを組み合わせる

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

Exclude<T, U>

Exclude

Extract<T, U>

Extract

NonNullable<T>

NonNullable

Parameters

ReturnType

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

TypeScriptコース

【基礎中の基礎👼🏻】基本から抑えるTypeScript

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

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

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