← クエスト一覧へ

TypeScript ガイドブック

🏠

はじめに

2 記事
1
TypeScriptって何?JavaScriptとの違い

TypeScriptはMicrosoftが開発した「型のあるJavaScript」です。
JavaScriptに「型アノテーション」という仕組みを追加することで、コードのミスをコンパイル時に発見できるようになります。

⚖️ JavaScriptとTypeScriptの違い
項目JavaScriptTypeScript
型指定不要(動的型付け)必要(静的型付け)
エラー発見実行時(動かして初めてわかる)コンパイル時(書いた時点でわかる)
大規模開発難しい向いている
実行ブラウザ・Node.jsで直接実行JSに変換してから実行
✅ TypeScriptを学ぶ価値
  • 現場での需要が高い ― React・Vue・Angularなど主要フレームワークでほぼ標準化
  • バグを事前に防げる ― 型チェックにより「この関数に文字列を渡していた」ミスが防げる
  • コードが読みやすくなる ― 引数・戻り値の型が明示され、チーム開発に向いている
⚠️ 前提知識

JavaScriptの基礎(変数・関数・配列・オブジェクト・クラス)を先に学習しましょう。
TypeScriptはJavaScriptの拡張なので、JSの知識があれば比較的スムーズに習得できます。

2
このコースで学べること・学習期間
1
型の基本(クエスト1〜8)
型アノテーション・型推論・基本型(string/number/boolean)・配列型・タプル型・Union型・型エイリアス
2
オブジェクト・関数の型(クエスト9〜16)
インターフェース・オプショナルプロパティ・関数の型定義・ジェネリクス入門
3
クラス・応用型(クエスト17〜25)
クラスとアクセス修飾子(public/private)・型ガード・Enumなど実務的なパターン
⏱️ 目安学習期間

全25クエスト。JavaScriptの知識があれば1日2〜3クエストで 約2〜3週間
型の考え方に慣れるまでが最初の山場です。焦らず進みましょう。