interface
interface-shapeinterface、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・リテラル型と型ガードで状態を安全に絞り込める
ジェネリクスを使って型安全な汎用処理を書ける
ブラウザ完結(インストール不要)
テキストでの解説
1
レッスン
コーディングの問題
19
レッスン
クイズ問題
3
レッスン
ゆめさくコード編集部
プログラミング学習をもっと身近に。初心者から実務レベルまで、わかりやすいコンテンツをお届けします。
ゆめさくエンジニア / 現役ソフトウェアエンジニア。Ruby on Rails・Nuxt.js・Next.js・CakePHPなどの実務の開発をベースに、学習コンテンツを作成しています。
動かしながら、仕組みや変化を目で確かめられます。
interface
interface-shape省略可能なプロパティ
optional-prop-checkreadonly
readonly-assigninterfaceとtype
interface-vs-type開発室「この型、通せますか?」
1問目は無料で解けます。
教材を見ないで、依頼と完成条件だけを読んで書いてみてください。
TypeScript道場 fleama開発室の10問
このコースを終えたあとに進むと、無理なく続けられます