JavaScript ジャーニーの一部人気ジャーニーLearn TypeScript
A free, interactive TypeScript course built on top of JavaScript. You write TS on every lesson - type annotations, interfaces, generics, unions, narrowing - with AI hints when you get stuck and a certificate when you finish. Part of the wider JavaScript journey, so the JS context that makes TypeScript click is right there.
253,075+ 人のcoddersが登録中
- 初心者向け
AIによるコーディングサポート
実践的なインタラクティブレッスン
全レッスンに音声ナレーション付き
知識を確かめるクイズ
無料の修了証明書
シラバス
このセクションは JavaScript ジャーニーの一部です。シラバス全体にはさらに多くのセクションがあります - 下のプレビューをクリックして、ジャーニーページで確認してください。
- セクション 1基礎77 レッスン
- セクション 2論理とフロー65 レッスン
セクション 1
Introduction To TypeScript
セクションを始める開始開く閉じるJavaScript を学んだ後の TypeScript の紹介TSを始めよう
5 レッスン232- 01TypeScriptとは？クイズ
- 02なぜTypeScriptを使うのか？クイズ
- 03初めてのTypeScriptコードチャレンジクイズ
- 04コンパイルプロセスとエラークイズ
- 05まとめ：TS入門チャレンジ
基本の型
7 レッスン748- 01基本の型: str, num, booleanチャレンジクイズ
- 02'any' 型: 脱出ハッチチャレンジクイズ
- 03'unknown' 型チャレンジクイズ
- 04'null' と 'undef' の扱いチャレンジクイズ
- 05型推論の実践チャレンジクイズ
- 06明示的な型アノテーションチャレンジクイズ
- 07まとめ：基本の型の演習チャレンジ
データ構造：配列とタプル
9 レッスン862- 01型付き配列チャレンジクイズ
- 02配列の 'readonly' 修飾子チャレンジクイズ
- 03タプルとは？クイズ
- 04タプルの宣言とアクセスチャレンジクイズ
- 05タプルの分割代入チャレンジクイズ
- 06Readonly タプルチャレンジクイズ
- 07多次元の型付き配列チャレンジクイズ
- 08配列でのスプレッド演算子チャレンジクイズ
- 09まとめ：配列とタプルチャレンジ
関数を扱う
8 レッスン855- 01引数と戻り値の型定義チャレンジクイズ
- 02アロー関数の型定義チャレンジクイズ
- 03戻り値の型 'void'チャレンジクイズ
- 04'?' を使ったオプショナル引数チャレンジクイズ
- 05引数のデフォルト値チャレンジクイズ
- 06Restパラメータの型定義チャレンジクイズ
- 07関数型の定義チャレンジクイズ
- 08まとめ：型付き関数の作成チャレンジ
型：エイリアス、ユニオン型、インターセクション型
7 レッスン751- 01プリミティブ型の型エイリアスチャレンジクイズ
- 02ユニオン型 ('|')チャレンジクイズ
- 03ユニオン型の扱い方チャレンジクイズ
- 04リテラル型チャレンジクイズ
- 05インターセクション型 ('&')チャレンジクイズ
- 06型エイリアスの組み合わせチャレンジクイズ
- 07まとめ：高度な型の組み合わせチャレンジ
オブジェクトとインターフェースの型定義
8 レッスン757- 01インラインでのオブジェクト型アノテーションチャレンジクイズ
- 02オブジェクトの型エイリアスチャレンジクイズ
- 03インターフェース入門チャレンジクイズ
- 04インターフェース vs 型エイリアスクイズ
- 05オプショナルと Readonly プロパティチャレンジクイズ
- 06インターフェースと型の拡張チャレンジクイズ
- 07インターフェースへのメソッドの追加チャレンジクイズ
- 08まとめ：オブジェクトの構造定義チャレンジ
プロジェクト：シンプルなタスクリスト
プロジェクト6 レッスン18- 01プロジェクト：Task構造体の定義チャレンジクイズ
- 02タスクを追加する関数プロジェクト
- 03タスクのステータスを変更する関数プロジェクト
- 04関数：ステータス別にタスクを一覧表示するプロジェクト
- 05関数：タスクの概要を出力するプロジェクト
- 06全てをまとめるプロジェクト
列挙型 (Enum)
6 レッスン638- 01数値列挙型とは？チャレンジクイズ
- 02数値列挙型の使い方チャレンジクイズ
- 03文字列列挙型とは？チャレンジクイズ
- 04文字列列挙型の使い方チャレンジクイズ
- 05異種混合列挙型 (Heterogeneous Enums)チャレンジクイズ
- 06まとめ：列挙型の活用チャレンジ
ジェネリクス：はじめに
6 レッスン537- 01ジェネリクスが解決する課題クイズ
- 02ジェネリックな Identity 関数の作成チャレンジクイズ
- 03ジェネリック関数の使用チャレンジクイズ
- 04ジェネリック配列チャレンジクイズ
- 05ジェネリックインターフェースチャレンジクイズ
- 06復習：ジェネリック関数の演習チャレンジ
プロジェクト：在庫管理
プロジェクト5 レッスン18- 01プロジェクト：汎用的な在庫アイテムチャレンジクイズ
- 02関数：在庫にアイテムを追加するプロジェクト
- 03IDでアイテムを検索する関数プロジェクト
- 04特定の在庫タイプを作成するプロジェクト
- 05アイテムの詳細を取得する関数プロジェクト
高度なトピック
6 レッスン642- 01型アサーションチャレンジクイズ
- 02型ガード: in と instanceofチャレンジクイズ
- 03'never' 型チャレンジクイズ
- 04Null 許容型 ('strictNull')チャレンジクイズ
- 05オブジェクトのインデックス署名チャレンジクイズ
- 06復習: 型の微調整チャレンジ
- セクション 4オブジェクト指向プログラミング56 レッスン
Why learn TypeScript with Coddy
- Write TypeScript in your browser. No
tscinstall, no editor setup, notsconfig.jsonto wrangle. The editor and output sit side-by-side so you see what each type does instantly. - Modern TypeScript: type annotations, interfaces, generics, union and intersection types, narrowing, utility types, and how TS layers on top of plain JavaScript without changing what runs at runtime.
- AI hints help you read TypeScript errors - the famously long ones - without spoiling the fix, so you build the mental model that makes future TS code easier to write.
- Free TypeScript certificate when you finish the section. A credible signal that you can read and write idiomatic TS, not just JavaScript with sprinkled types.
Frequently asked questions about learning TypeScript
What is TypeScript?
TypeScript is a superset of JavaScript that adds optional static typing. Valid JavaScript is valid TypeScript, but TS lets you annotate variables, function parameters, and return values with types - the compiler then catches mistakes before your code runs. At runtime, TypeScript compiles down to plain JavaScript.
Is TypeScript hard to learn?
If you're comfortable with JavaScript, the basics of TypeScript are quick to pick up - adding
: string or : number to a few variables and you're already writing TS. The trickier parts (generics, conditional types, mapped types, narrowing) take longer, and this course introduces them in small steps with hands-on examples.Do I need to know JavaScript before TypeScript?
Yes. TypeScript is JavaScript with types on top, so the language you're really learning is JS. This TypeScript section is part of the JavaScript journey for that reason - you can take the JS sections first, or jump straight to TS if you're already comfortable with modern JavaScript.
What's the difference between TypeScript and JavaScript?
JavaScript is dynamically typed - a variable can hold a string today and a number tomorrow, and you only find out at runtime. TypeScript adds a static type layer that runs at build time, catching type mismatches before the code ships. The compiled output is still plain JavaScript, so it runs anywhere JS does.
Can I learn TypeScript online for free?
Yes. The interactive TypeScript section is free - full lessons, coding exercises, quizzes, and a certificate. The editor runs in your browser with the TS compiler built in, so you don't need to install
tsc, Node, or any tooling to start writing TypeScript.Do I get a certificate after the TypeScript course?
Yes. Finishing the TypeScript section gives you a free certificate of completion you can share on LinkedIn or include on your resume. A verifiable signal that you've worked through structured, hands-on TypeScript material, not just watched tutorials.
