TypeScriptを学ぶ

JavaScriptの上に構築された、無料のインタラクティブなTypeScriptコースです。すべてのレッスンでTSを実際に書きます - 型アノテーション、インターフェース、ジェネリクス、ユニオン型、ナローイング - 行き詰まったときにはAIヒントが助けてくれ、修了時には修了証がもらえます。より広範なJavaScriptジャーニーの一部なので、TypeScriptが腑に落ちるために必要なJSの文脈もすぐそばにあります。

学習を始める(無料)

シラバスを見るプレイグラウンドで試す

257,728+ 人のcoddersが登録中

初心者向け
AIによるコーディングサポート
実践的なインタラクティブレッスン
全レッスンに音声ナレーション付き
知識を確かめるクイズ
無料の修了証明書
初心者向け
AIによるコーディングサポート
実践的なインタラクティブレッスン
全レッスンに音声ナレーション付き
知識を確かめるクイズ
無料の修了証明書

シラバス

1 セクション2 プロジェクト73 レッスン58 チャレンジ438 クイズの問題

このセクションは JavaScript ジャーニーの一部です。シラバス全体にはさらに多くのセクションがあります - 下のプレビューをクリックして、ジャーニーページで確認してください。

セクション 1基礎77 レッスン
セクション 2論理とフロー65 レッスン
セクション 3
Introduction To TypeScript
セクションを始める開始開く閉じるJavaScript を学んだ後の TypeScript の紹介73 レッスン58 チャレンジ438 問題2 プロジェクト
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 レッスン

JavaScript ジャーニーのシラバス全体を見る

CoddyでTypeScriptを学ぶ理由

TypeScriptをブラウザで書けます。tscのインストールも、エディタの設定も、扱いに悩むtsconfig.jsonも必要ありません。エディタと出力が並んで表示されるので、それぞれの型が何をするのかを瞬時に確認できます。
現代的なTypeScript: 型アノテーション、インターフェース、ジェネリクス、ユニオン型と交差型、ナローイング、ユーティリティ型、そしてランタイムで実行される内容を変えることなく、TSがどのようにプレーンなJavaScriptの上に重なるのか。
AIヒントは、TypeScriptのエラー - 有名なほど長いあのエラー - を読み解く手助けをしてくれます。修正方法をばらすことなく教えてくれるので、今後のTSコードを書きやすくする思考のモデルを身につけられます。
セクションを修了すると無料のTypeScript修了証がもらえます。型を少し振りかけただけのJavaScriptではなく、慣用的なTSを読み書きできることを示す、信頼できる証になります。

TypeScriptの学習に関するよくある質問

TypeScriptとは何ですか?

TypeScriptは、オプションの静的型付けを追加したJavaScriptのスーパーセットです。有効なJavaScriptは有効なTypeScriptでもありますが、TSでは変数、関数の引数、戻り値に型をアノテーションできます - するとコンパイラが、コードが実行される前にミスを検出してくれます。ランタイムでは、TypeScriptはプレーンなJavaScriptにコンパイルされます。

TypeScriptは学ぶのが難しいですか?

JavaScriptに慣れているなら、TypeScriptの基本はすぐに習得できます - いくつかの変数に: stringや: numberを追加すれば、もうTSを書いていることになります。難しい部分(ジェネリクス、条件型、マップ型、ナローイング)にはもっと時間がかかりますが、このコースではそれらを小さなステップで実践的な例とともに紹介します。

TypeScriptの前にJavaScriptを知っておく必要がありますか?

はい。TypeScriptは型を上に重ねたJavaScriptなので、実際に学んでいる言語はJSです。このTypeScriptセクションがJavaScriptジャーニーの一部なのはそのためです - 先にJSのセクションを受講することも、現代的なJavaScriptにすでに慣れているならTSに直接飛び込むこともできます。

TypeScriptとJavaScriptの違いは何ですか?

JavaScriptは動的型付けです - 変数は今日は文字列を、明日は数値を保持でき、それがわかるのはランタイムになってからです。TypeScriptはビルド時に動作する静的型レイヤーを追加し、コードが出荷される前に型の不一致を検出します。コンパイルされた出力は依然としてプレーンなJavaScriptなので、JSが動く場所ならどこでも動作します。

TypeScriptをオンラインで無料で学べますか?

はい。インタラクティブなTypeScriptセクションは無料です - 充実したレッスン、コーディング演習、クイズ、そして修了証が含まれます。エディタはTSコンパイラを内蔵してブラウザで動作するので、TypeScriptを書き始めるのにtscやNode、その他のツールをインストールする必要はありません。