カテゴリ: TypeScript 更新日: 2025/12/03

TypeScriptで使える基本の型一覧(string, number, booleanなど)

TypeScriptで使える基本の型一覧(string, number, booleanなど)
TypeScriptで使える基本の型一覧(string, number, booleanなど)

先生と生徒の会話形式で理解しよう

生徒

「TypeScriptを使ってプログラミングを始めたいんですが、最初に覚えるべきことってありますか?」

先生

「はい、まずはTypeScriptで使われる“型(かた)”を覚えることが大切です。型は、データの種類をあらかじめ決めるルールのことです。」

生徒

「型って、具体的にはどんなものなんですか?」

先生

「それでは、TypeScriptでよく使われる基本の型について、順番に説明していきましょう!」

1. 型(かた)とは?

1. 型(かた)とは?
1. 型(かた)とは?

TypeScript(タイプスクリプト)では、「このデータはどんな種類のものか」を明確にするためにを使います。たとえば、「文字」や「数字」、「真偽(しんぎ)=はい・いいえ」などの区別をします。

この型を指定することで、間違った使い方を事前にチェックできるようになり、バグ(エラー)が減って安心です。これを「静的型付け(せいてきかたづけ)」と呼びます。

2. 文字を扱う string 型

2. 文字を扱う string 型
2. 文字を扱う string 型

string(ストリング)型は、「文字列(もじれつ)」を扱う型です。たとえば、人の名前や文章などを保存するのに使います。


let userName: string = "たろう";
console.log(userName);

たろう

"〜"'〜'で囲んだ文字はすべて文字列として扱われます。

3. 数字を扱う number 型

3. 数字を扱う number 型
3. 数字を扱う number 型

number(ナンバー)型は、「数字(すうじ)」を扱う型です。整数も小数もどちらも扱えます。


let age: number = 25;
let height: number = 165.5;
console.log(age);
console.log(height);

25
165.5

TypeScriptでは、整数と小数の区別はありません。どちらもnumber型で扱います。

4. はい・いいえを表す boolean 型

4. はい・いいえを表す boolean 型
4. はい・いいえを表す boolean 型

boolean(ブーリアン)型は、「はい・いいえ」や「正しい・間違っている」といった真偽値(しんぎち)を表します。値はtrue(正しい)またはfalse(間違っている)です。


let isLoggedIn: boolean = true;
let hasLicense: boolean = false;
console.log(isLoggedIn);
console.log(hasLicense);

true
false

たとえば「ログインしているか」「免許を持っているか」といった2択の情報に使います。

5. 値が変わらない constと型

5. 値が変わらない constと型
5. 値が変わらない constと型

TypeScriptでは、値が変わらないと分かっている場合はconstを使って宣言します。これは「定数(ていすう)」と呼ばれます。


const pi: number = 3.14;

このように、型をつけることで、意図しない変更を防ぐことができます。

6. 型をつけるメリットとは?

6. 型をつけるメリットとは?
6. 型をつけるメリットとは?

型をつけると、「この変数は数字だよ」「これは文字だよ」とTypeScriptに教えることができます。

その結果、たとえば次のような間違いを事前に防ぐことができます。


let age: number = 18;
age = "十八歳"; // ← これはエラーになります

このように、型を明示することで、ミスを減らして安心してプログラムを書くことができます。

7. 他にもある!基本の型いろいろ

7. 他にもある!基本の型いろいろ
7. 他にもある!基本の型いろいろ

TypeScriptでは、他にもいくつかの基本型があります。

undefined(アンディファインド)型:

「まだ値が設定されていない」状態を表します。


let data: undefined = undefined;
null(ヌル)型:

「なにも値がない」ということを表します。


let item: null = null;
any(エニー)型:

どんな型でも受け入れることができます。ただし、エラーのチェックがゆるくなるので初心者には注意が必要です。


let anything: any = "文字列";
anything = 123;
anything = true;
array(配列)型:

同じ種類の値を、まとめて一つにしたグループです。


let scores: number[] = [80, 90, 100];

8. 型注釈(アノテーション)ってなに?

8. 型注釈(アノテーション)ってなに?
8. 型注釈(アノテーション)ってなに?

TypeScriptでは、変数や関数に「これはどの型です」と注釈(アノテーション)をつけることができます。

このように「: 型の名前」と書きます:


let name: string = "さくら";
let score: number = 95;
let passed: boolean = true;

型注釈は、初心者でもコードが読みやすくなり、ミスも減らすので、最初から習慣にしておくと良いです。

まとめ

まとめ
まとめ

ここまでの内容をゆっくりと振り返ってみると、タイプスクリプトという道具は、ただのプログラミング言語ではなく、文字、数字、真偽、配列、定数などをひとつずつ丁寧に扱うための考え方がそろっている、とても親切な仕組みであることが見えてきます。とくに、型という考え方は、ただ結果を出すためではなく、「この変数にはどんな値が入るのか」「この関数はどんなデータを返すのか」「どこでまちがいが起こりやすいのか」を、前もって整理するための大切な要素でした。たとえば文字を扱う場合にはストリング型、数字を扱う場合にはナンバー型、真偽の情報にはブーリアン型、それぞれに役割があり、その役割にしたがってプログラムが動きます。その結果、あとから見ても理解しやすく、他の人が読んでも迷いにくく、まちがいが起きてもすぐに気づける状態が自然と生まれていきます。 初心者のうちは、変数ひとつに型を書くだけでも「むずかしそうだな」という気持ちが生まれるかもしれませんが、実際には、型をつけるだけで安心できる場面ばかりです。たとえば名前には文字、年齢には数字、ログイン状態には真偽値、値が変わらないものには定数、どれも身近な考え方で、生活の中でふつうに使っている分類とよく似ています。配列の型は「この種類だけが入る箱」と考えると理解しやすく、箱の中身が文字なら文字だけ、数字なら数字だけ、というように統一されていることで、途中で余計な値が入り込む心配がなくなります。もし間違って違う種類の値を入れてしまっても、すぐに知らせてくれるので、見落としを防ぎやすく、あやまちの少ないコードにつながります。 さらに、定数という考え方も大切です。値を変えてはいけないものにはコンストという宣言方法を使うと、ひとつの数字や文字が、ずっと変わらずに守られます。これは、計算の途中でうっかり値を上書きしてしまい、結果がわからなくなるような失敗をおさえる効果があります。ナンバー型やストリング型と合わせて使うことで、より読みやすく、より信頼できる書き方が完成していきます。 もうひとつ見逃せないのが、型注釈です。型注釈は「この変数はどんな種類ですよ」と丁寧に教えるための印のようなものです。読み手にとっては説明書の役割にもなり、書き手にとってはまちがいを防ぐ盾にもなります。長くプログラムを書いていると、あとから読み返したときに「これは数字だったかな」「これは文字だったかな」と考え込んでしまうことがありますが、型注釈があれば迷う時間が減り、作業がすっきり進みます。 そして、ブーリアン型にはふたつの値、真と偽があり、ログイン状態や権限の有無など、二択の情報に向いています。何十行、何百行のコードになっても、こうした正確な型があれば、どこで何を判定しているかがひと目でわかります。値がまだ決まっていない状態を示すアンディファインド型、意図的に空にするヌル型、なんでも受け入れてしまうエニー型、それぞれに役割があり、使い方をまちがえなければ便利です。とくにエニー型は気軽に使いすぎると、あとから問題が見つけづらくなることがあるため、慎重な使い方が大切になります。 また、配列という考え方には「同じ種類の値がならんでいる」というはっきりとした特徴があり、その種類が数字なら数字だけ、文字なら文字だけ、というように、安心して扱えるまとまりが作れます。ひとつひとつの値が規則正しく並ぶことで、計算、並び替え、検索、どの操作もなめらかに進みます。 こうして振り返ると、型があることで安全性も読みやすさも高まり、結果としてやさしいコードができあがります。まちがいが起きてもすぐに見つけられ、修正にかかる時間も減り、読み手にとってもありがたい書き方になります。最初のうちは、小さなプログラムの中から少しずつ型を書く習慣を身につけていくとよく、しだいに複雑な処理でも迷わず書けるようになっていきます。型の意味を知り、注釈を付け、配列を整え、定数を守ることを意識するだけで、コードの見通しが良くなり、読み返したときや修正するときの手間もぐっと減ります。これが積み重なると、自然と「安心して動くコード」へと近づきます。

かんたんなサンプル例


type User = {
    name: string;
    age: number;
    isMember: boolean;
};

const user: User = {
    name: "さくら",
    age: 20,
    isMember: true
};

function showMessage(u: User): string {
    return "ようこそ " + u.name + " さん";
}

console.log(showMessage(user));
先生と生徒の振り返り会話

生徒

「こうして見ると、型ってすべての値に名前をつけて整理している感じがしますね。読みやすくなる理由がわかった気がします。」

先生

「そうですね。小さなプログラムなら気づきませんが、大きくなるほど型の存在が役に立ちますよ。」

生徒

「配列や定数にも型があると安心できました。あとから読んでも意味がわかりやすいです。」

先生

「そのとおりです。型注釈をつける習慣があれば、自然と読みやすいコードになります。これからも続けてみましょう。」

生徒

「もっと練習して、他の型も試してみます!」

カテゴリの一覧へ
新着記事
TypeScriptのEnum(列挙型)の使い方を解説!初心者でもわかる定数のグループ化
TypeScriptとは?JavaScriptとの違いと導入メリットを徹底解説
TypeScriptとJavaScriptでの変数宣言の違い(型注釈あり/なし)
TypeScriptのインターフェース(interface)とは?基本構文と使い方
人気記事
No.1
Java&Spring記事人気No1
JavaScriptのインストール方法まとめ!Windows・Mac・Linux別にステップ解説
No.2
Java&Spring記事人気No2
JavaScriptプログラムの実行方法まとめ!ブラウザ・Node.js・コンソールの使い方
No.3
Java&Spring記事人気No3
TypeScriptの始め方:開発環境の構築手順【初心者向け】
No.4
Java&Spring記事人気No4
JavaScriptのMathオブジェクトの基本メソッド一覧と使い方