有料プラン

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などの実務の開発をベースに、学習コンテンツを作成しています。

  1. 基本型・関数の署名・interface を、白紙から書けるようにします。

  2. union・型ガード・ジェネリクスで、不正な状態そのものを作れなくします。

  3. 入れ子のレスポンスと、型のないモジュールの完全TS化に挑みます。

TypeScript 第1コースのバッジ 未獲得

このコースを終えると取れるバッジ

TypeScript 第1コース

0 / 10 レッスン

このコースの動く図解

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