TypeScript入門

TypeScriptは、JavaScriptに「型」という仕組みを加えたプログラミング言語です。型を使うことで、実行前にエラーを検出したり、コードの意図を明確にしたりできます。近年ではWebアプリケーション開発でTypeScriptが採用される事例も増えてきており、基本的な文法や型の使い方を理解することは欠かせません。このコースを通じて、TypeScriptの基礎を学び、安全で読みやすいコードを書けるようになりましょう!

  • TypeScript

こんな人におすすめ

JavaScriptを学んだ方で、より安全で保守しやすいコードを書きたい方におすすめのコースです。

  • JavaScriptを学んで次のステップに進みたい方
  • フロントエンドエンジニアとしてスキルアップしたい方
  • ReactやNext.jsでTypeScriptを使いたい方
  • 実務でTypeScriptを使う予定がある方

TypeScript入門で学べること

基本的な型注釈(string、number、boolean)から、配列・オブジェクトの型、関数の型定義、型推論まで、TypeScriptの基礎を学びます。JavaScriptとの違いを理解し、型安全なコードを書くスキルが身につきます。

基礎編

TypeScriptとは何かを学習しよう

まず初めに、TypeScriptの概要を学びましょう。JavaScriptとの違いや、型を導入することで得られるメリットについて理解していきます。

  • 型システムの概要
学習内容をみる (1演習)

基本的な型定義を理解しよう

TypeScriptの型システムの基礎を学びます。変数や関数、オブジェクトなど、さまざまな要素に型を定義できるようにしましょう。

  • 基本の型定義
  • 関数の型
学習内容をみる (3演習)

応用編

発展的な型定義の手法について理解しよう

ユニオン型・インターセクション型から、unknown型、タイプガード、配列やオブジェクトの応用的な型付け、そしてジェネリクスまで、一歩進んだ型の扱い方を学びます。

  • ユニオン型
  • タイプガード
  • ジェネリクス
学習内容をみる (7演習)

知って差をつける一歩進んだ型を使いこなそう

条件型やインデックス型、Promiseの型付け、never型、d.tsファイル、as const、satisfiesなど、知っていると差がつく発展的な型機能を学びます。

  • 条件型
  • as const
  • satisfies
学習内容をみる (7演習)

腕試し編

Type Challengesに挑戦しよう(中級編)

初級編をクリア出来たら、次は中級編に挑戦してみましょう!中級編では、より複雑な型の操作や応用的な課題が出題されます。初級編と比べてさらに難易度が高くなっていきますが、クリアした後は型に対する理解がより深まるはずです。

  • Type Challenges 中級
学習内容をみる (26演習)