有料プラン

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

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

レッスン

23件

所要時間

約6時間

ランク

中級

学習環境

ブラウザ完結

目標

Profile・Work・ApplicationStateを、不正なデータや状態が成立しない型として設計する

概要

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

できるようになること

interfaceとtypeを使ってネストしたデータ構造を表現できる

union・リテラル型と型ガードで状態を安全に絞り込める

ジェネリクスを使って型安全な汎用処理を書ける

前提知識・必要な環境

必須

  • TypeScript入門:型を付けて関数を書く 修了相当

環境

ブラウザ完結(インストール不要)

内容

テキストでの解説

1

レッスン

コーディングの問題

19

レッスン

クイズ問題

3

レッスン

監修

ゆめさくコード編集部

プログラミング学習をもっと身近に。初心者から実務レベルまで、わかりやすいコンテンツをお届けします。

生田 陸人

ゆめさくエンジニア / 現役ソフトウェアエンジニアRuby on Rails・Nuxt.js・Next.js・CakePHPなどの実務の開発をベースに、学習コンテンツを作成しています。

このコースの動く図解

動かしながら、仕組みや変化を目で確かめられます。

動く図解をすべて見る

腕試しに、1問だけ解いてみる

開発室「この型、通せますか?」

1問目は無料で解けます。教材を見ないで、依頼と完成条件だけを読んで書いてみてください。

TypeScript道場 fleama開発室の10問

次に学ぶなら

このコースを終えたあとに進むと、無理なく続けられます