TypeScript型設計：オブジェクト・状態・ジェネリクス

interface、optional property、readonly、union・リテラル型、型ガード、ジェネリクスを扱う全23レッスンの型設計コースです。Profile・Work・ApplicationStateを題材に、APIや画面で扱うデータと状態を壊れにくい型として設計します。既存JavaScriptプロジェクトの移行は次のコースで扱います。

第4章クイズ

クイズ1

次のコードでエラーになるのはどれですか。

TypeScript

interface Work {
  id: number;
  title: string;
  published: boolean;
}

const a: Work = { id: 1, title: "プロフィールサイト", published: true };
const b: Work = { id: 2, title: "自己紹介カード" };
const c: Work = { id: 3, title: "スキル一覧の表", published: false, tag: "HTML" };

クイズ2

url を省略可能にした次のコードで、work.url.length と書くとエラーになります。理由として正しいものはどれですか。

TypeScript

interface Work {
  id: number;
  title: string;
  url?: string;
}

クイズ3

readonly について、正しい説明はどれですか。

TypeScript

interface Work {
  readonly id: number;
  title: string;
}

クイズ4

interface と type の違いとして、正しいものはどれですか。

クイズ5

次のコードで titles に付く型はどれですか。

TypeScript

interface Work {
  readonly id: number;
  title: string;
  published: boolean;
}

const works: Work[] = [
  { id: 1, title: "プロフィールサイト", published: true },
  { id: 2, title: "自己紹介カード", published: false },
];

const titles = works.filter((work) => work.published).map((work) => work.title);

未回答の問題は、不正解として正解と解説のみ表示します

ログインが必要です

クイズに回答するにはログインしてください。

第4章クイズ

クイズ1

次のコードでエラーになるのはどれですか。

TypeScript

interface Work {
  id: number;
  title: string;
  published: boolean;
}

const a: Work = { id: 1, title: "プロフィールサイト", published: true };
const b: Work = { id: 2, title: "自己紹介カード" };
const c: Work = { id: 3, title: "スキル一覧の表", published: false, tag: "HTML" };

クイズ2

url を省略可能にした次のコードで、work.url.length と書くとエラーになります。理由として正しいものはどれですか。

TypeScript

interface Work {
  id: number;
  title: string;
  url?: string;
}

クイズ3

readonly について、正しい説明はどれですか。

TypeScript

interface Work {
  readonly id: number;
  title: string;
}

クイズ4

interface と type の違いとして、正しいものはどれですか。

クイズ5

次のコードで titles に付く型はどれですか。

TypeScript

interface Work {
  readonly id: number;
  title: string;
  published: boolean;
}

const works: Work[] = [
  { id: 1, title: "プロフィールサイト", published: true },
  { id: 2, title: "自己紹介カード", published: false },
];

const titles = works.filter((work) => work.published).map((work) => work.title);

未回答の問題は、不正解として正解と解説のみ表示します

ログインが必要です

クイズに回答するにはログインしてください。