赤い波線を消せ
赤い波線を消せTypeScript道場 fleama開発室の10問
TypeScript入門で身に付けた技を、商店街公式フリマアプリ「fleama」開発室の仕事で試す演習専用コースです。解説はありません。依頼と完成条件だけを読み、白紙から自分で組み立てます。手が止まったときのために、方針・使う構文・部分解の3段階のヒントを各問に用意しています。判定はコンパイラそのものです。型が通らないコードは実行される前に不合格になるので、まず tsc を黙らせてから中身を合わせることになります。基本型の注釈から始まり、関数の署名、any の撲滅、interface の設計、リテラルunion、型ガード、ジェネリクス、入口での変換、入れ子のAPIレスポンスを経て、最後は型のないモジュールを strict で通る形に組み直すところまで、10問で TypeScript の主要な道具を一巡します。1問10分から45分、全10問で約4.5時間です。TypeScript入門を終えて「読めるけれど自分では書けない」と感じている方に向いています。
レッスン
10件
所要時間
約4時間
ランク
中級
10分・登録なしで読めます
動く図解・赤い波線を消せ
動く図解・赤い波線を消せ
できるようになること
基本型・interface・リテラルunion を、白紙から自分で宣言できる
any を使わずに、推論に任せる箇所と注釈を書く箇所を選び分けられる
型ガードで undefined を絞り込み、strictNullChecks の下で安全に値を触れる
ジェネリクスで、型を固定しない汎用の関数を書ける
入れ子になったAPIレスポンスを、as を使わずに型で表せる
前提知識・必要な環境
必須
- • TypeScript入門を終えていること
- • JavaScript の関数・配列・オブジェクトの操作に慣れていること
環境
ブラウザ完結(インストール不要)
このコースに入っているもの
触れる図解
7本
手を動かす演習
10問
監修
ゆめさくコード編集部
プログラミング学習をもっと身近に。初心者から実務レベルまで、わかりやすいコンテンツをお届けします。
ゆめさくエンジニア / 現役ソフトウェアエンジニア。Ruby on Rails・Nuxt.js・Next.js・CakePHPなどの実務の開発をベースに、学習コンテンツを作成しています。
基本型・関数の署名・interface を、白紙から書けるようにします。
union・型ガード・ジェネリクスで、不正な状態そのものを作れなくします。
入れ子のレスポンスと、型のないモジュールの完全TS化に挑みます。
このコースを終えると取れるバッジ
TypeScript 第1コース
0 / 10 レッスン
このコースの動く図解
動かしながら、仕組みや変化を目で確かめられます。