TypeScriptを学ぶ - コーディング講座

最初の型注釈からジェネリクス、条件型まで、TypeScriptをステップごとに学びましょう。このTypeScriptチュートリアルでは、101の短いコースと、入力中に型をチェックするコードエディター、毎日のパズル、面接対策を組み合わせています。読むだけでなく、型付きコードを書いて学べます。

学べること

A1からC2まで、レベル別に分かれた101コース、352レッスン：

• 基礎：型が重要な理由、基本型、配列、タプルと列挙型、関数と注釈、リテラル型、unknown、never、void

• 型システム：インターフェースとエイリアス、ユニオン型と交差型、ナローイングとガード、判別可能なユニオン、satisfies演算子

• ジェネリクス：ジェネリック関数と型、制約、条件型、マップ型とテンプレートリテラル型、inferキーワード、カスタムユーティリティ型

• 実践プロジェクト：React、Node.js、Express、型安全なAPIクライアント、Zodによる実行時バリデーション、Jestによるテスト、tRPC、GraphQL、Next.js

• ツール：strictモードとtsconfig、モジュールと宣言ファイル、ビルドツールとバンドラー、モノレポ、JavaScriptプロジェクトの移行

最初のコースは無料です。レッスンでは、短い説明に加えて質問や小さなコード課題に取り組みます。

TYPESCRIPT LAB：スマートフォンで動く本物のコンパイラー

コンパイラーは端末上で動作するため、コードがすぐにチェックされます。

• Type Gym：24個のパズルと毎日のパズル

• Debug Arena：制限時間が切れる前に壊れたコードを修正

• 週間デュエル：毎週、全員が同じパズルに挑戦し、リーダーボードで順位を競う

• プロジェクトトラック：型付きAPIクライアント、型安全なフォーム、ステートマシンを構築。すべての手順をコンパイラーとテストでチェック

• 面接シミュレーター：時間制限付きの30問セットと採点レポート

• 苦手分野レーダー：まだ間違えているトピックを確認

リアルタイム型チェック付きTypeScriptエディター

• 内蔵エディターでコードを書き、入力中に型エラーが下線付きで表示される

• Type Explorerで、ユニオンのメンバーを含め、カーソル位置の型を確認

• コードを実行して出力を確認

• エディター内のAI Toolsがプログラムを確認し、適用できる修正を提案

• プログラムを保存し、後から再び開く

20のガイド付きプロジェクトと60のコーディングミッション

小さなプログラムを一つずつ手順に沿って構築し、実行するたびに各手順をチェックします。その後、Hello Worldからアルゴリズムまで、3つのレベルに分かれた60個の短いコーディングミッションで練習できます。最初のプロジェクトと最初の2つのミッションは無料です。

AI MENTOR

ジェネリック制約やコンパイラーエラーで困っていますか？AI Mentorに質問すると、わかりやすい言葉で説明を受けられます。無料ユーザーは毎日数回、AIに質問できます。Proでは1日の上限がなくなります。

さらに練習する方法

• 50問のクイズとTypeScriptチートシート

• 解答付きの面接質問50問

• World Coding Challenge：毎日3回の世界共通ラウンド。TypeScriptまたは別の言語で解答

• ストリーク、XP、選択した時間に届く毎日のリマインダー

• アプリは22言語に対応

無料版とPro

無料版：最初のコース、最初のガイド付きプロジェクトとプロジェクトトラック、2つのコーディングミッション、毎日のLab練習、毎日のAI Mentor利用枠。無料版には広告が表示されます。

Pro：すべてのコース、プロジェクト、トラック、ミッション、AI MentorとLab練習の無制限利用、エディターの完全なエラー一覧、認定試験、広告なし。

TypeScriptはMicrosoft Corporationの商標です。このアプリはMicrosoftと提携しておらず、Microsoftによる承認も受けていません。

アプリをダウンロードして、今日から最初の型付きプログラムを書きましょう。