こんにちは、プロクラスの國府です。
JavaScriptを書いていると、
「この変数って文字列？」
「APIの戻り値って何型？」
「実行するまでエラーに気づけない…」
という経験はありませんか？
そんな問題を解決してくれるのが
**TypeScriptの「型（Type）」**です。
目次
TypeScriptの「型」とは？
型とは、
「そのデータが何者なのか」を定義する仕組み
です。
例えば：
let name: string = "Tanaka";この場合、
nameという変数はstring（文字列型）
であることを定義しています。
JavaScriptとの違い
JavaScriptでは：
let user = "Tanaka";
user = 100;問題なく実行できてしまいます。
しかしTypeScriptでは：
let user: string = "Tanaka";
user = 100;エラーになります。
なぜ便利なのか？
つまり、
- 文字列のはずなのに数値を入れる
- 存在しないプロパティを使う
- APIの構造を間違える
といったミスを、
実行前に防げるのです。
よく使う基本の型
string（文字列）
let title: string = "TypeScript";number（数値）
let price: number = 1000;boolean（真偽値）
let isActive: boolean = true;配列の型
const tags: string[] = ["PHP", "AWS", "React"];これは：
「文字列だけが入る配列」
オブジェクトの型
type User = {
name: string;
age: number;
};これで、
Userオブジェクトの構造を定義できます。
なぜTypeScriptが人気なのか
TypeScriptを使うと：
- エラーが減る
- コード補完が強力になる
- チーム開発しやすい
- 保守しやすい
- API連携が安全になる
という大きなメリットがあります。
現在では、
- React
- Next.js
- Vue
- Angular
など、多くのモダン開発で標準採用されています。
実務でよくある使用例
例えばAPIレスポンス：
{
"title": "記事タイトル",
"date": "2026-05-19"
}これを型定義すると：
type Post = {
title: string;
date: string;
};こうすることで、
存在しないデータを使うミスを防げます。
初心者がまず覚えるべき型
まずは以下だけ覚えれば十分です。
| 型 | 内容 |
|---|---|
| string | 文字列 |
| number | 数値 |
| boolean | true / false |
| array | 配列 |
| object | オブジェクト |
まとめ
TypeScriptの型とは、
「データのルールを決める仕組み」
です。
型を使うことで、
- バグを減らし
- 開発効率を上げ
- 保守しやすいコード
を書くことができます。
JavaScriptを書いている人ほど、
TypeScriptの恩恵を強く感じられるはずです。