目次
以下のように簡潔に説明できます：
TypeScript（タイプスクリプト）：JavaScriptに型（Type）の仕組みを加えたプログラミング言語。コードのミスを事前に防ぎやすくする。 React（リアクト）：UI（ユーザーインターフェース）を作るためのJavaScriptライブラリ。コンポーネント単位で画面を組み立てられる。
関係性：ReactはJavaScriptまたはTypeScriptの上で動く。React + TypeScript の組み合わせで、堅牢で保守しやすいアプリを作るのが最近の主流です。
TypeScriptはライブラリやフレームワークではありません。
TypeScriptは「JavaScriptに型の機能を追加したプログラミング言語（スーパーセット）」です。
JavaScriptの文法に「型（Type）」を加えたもので、コードの安全性や可読性を高めます。 **トランスパイラ（変換ツール）**によって、TypeScriptのコードは最終的にJavaScriptに変換されてブラウザで動作します。
つまり、ライブラリやフレームワークのように「機能を提供するツール」ではなく、**「より安全なコードを書くための言語そのもの」**という位置づけです。
テーブルを挿入
まとめ：
JavaScriptはWeb開発の基本言語。すぐに動くが、型によるチェックが弱い。 TypeScriptはJavaScriptに型の概念を追加し、安全で大規模な開発に向いている。
実際には、TypeScriptで書いたコードはコンパイル（変換）されてJavaScriptになります。
ざっくり言うと「TypeScriptとJavaScriptの関係」は、「SassとCSSの関係」に似ています。
どちらも「より便利な書き方でコードを書き、最終的に標準の形（JavaScriptやCSS）に変換して使う」ものです。
TypeScriptでは、型を使ってプログラム中の値がどのようなデータであるかを明示的に示し、コンパイル時にチェックできる仕組みがあります。以下、具体例とJavaScriptとの違いを交えて解説します。
1. プリミティブ型
TypeScript: number、string、boolean、null、undefinedなどの型
JavaScript: 型を宣言せず、実行時に値の型が決まる（動的型付け）。
があり、変数宣言時に型注釈を追加できます。
2. 複合型とオブジェクト型
TypeScript: 配列やタプル、オブジェクトに対しても型を定義できます。
