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

生徒

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

先生

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

生徒

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

先生

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

1. 型（かた）とは？

TypeScript（タイプスクリプト）では、「このデータはどんな種類のものか」を明確にするために型という考え方を使います。たとえば、人の名前なら文字、年齢なら数字といったように、扱うデータごとに種類を決めておくことで、プログラムがより正しく動くようにサポートしてくれます。

型を指定すると、TypeScriptが「その使い方は正しい？」「別の種類のデータを入れていない？」と自動でチェックしてくれるため、初心者でも安心してコードを書けます。この仕組みを「静的型付け（せいてきかたづけ）」と呼び、書いた瞬間にミスを見つけてくれる頼もしい機能です。

実際のイメージがつきやすいように、簡単なサンプルを見てみましょう。


// name は「文字列しか入れません」と宣言している
let name: string = "たろう";

// age は「数字しか入れません」と宣言している
let age: number = 20;

// NG：age に文字を入れるとエラーになる
// age = "二十歳";

このように型をつけるだけで、プログラムの間違いを早い段階で防ぐことができます。型は初心者ほど大きな助けになり、安心して学べる土台にもなる仕組みです。

2. 文字を扱う string 型

string（ストリング）型は、「文字列（もじれつ）」を扱うための型で、人の名前・住所・説明文・メッセージなど、文章として扱いたいデータに使われます。普段、会話や文章を書くように、プログラムでも文字を扱う場面はとても多く、string 型はまさに基礎中の基礎といえる存在です。

文字列は "～" や '～' で囲むことで表現します。どちらを使っても意味は同じで、プログラム上ではどちらも「文字列」として扱われます。まずは、簡単な例を見てみましょう。


let userName: string = "たろう";  // 文字列を代入
console.log(userName);

// NG：文字列でないものを入れようとするとエラー
// userName = 123;


たろう

このように、string 型を使うことで「ここには文字しか入れない」というルールを明確にできます。TypeScript が自動的にチェックしてくれるため、数字や真偽値など別の型を間違えて入れてしまうミスを防ぐことができます。文章を扱う場面では必ず出てくる型なので、ぜひ早い段階で慣れておくとよいでしょう。

3. 数字を扱う number 型

number（ナンバー）型は、その名のとおり「数字（すうじ）」を扱うための型です。年齢や身長、価格、点数など、プログラムの中で数を扱う場面はとても多く、number 型は必ず覚えておきたい基本の型のひとつです。TypeScript では、整数・小数のように細かく種類を分けず、どちらも同じ number 型として扱えるのが特徴です。

初めて触れる方でもイメージしやすいように、シンプルな例を見てみましょう。


let age: number = 25;      // 整数を代入
let height: number = 165.5; // 小数もOK

console.log(age);
console.log(height);

// NG：数字の変数に文字を入れるとエラー
// age = "二十五";


25
165.5

このように、number 型を使うことで「ここには数字だけを入れます」というルールをはっきり示すことができます。TypeScript が自動でチェックしてくれるため、文字列を間違えて入れてしまうようなミスを防ぐことができ、初心者でも安心して数値の計算や管理が行えます。数字を扱う場面はあらゆるプログラムで避けられないため、早い段階で慣れておくと学習がスムーズになります。

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

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


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


true
false

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

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

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


const pi: number = 3.14;

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

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

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

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


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

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

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. 型注釈（アノテーション）ってなに？

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));

先生と生徒の振り返り会話

生徒

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

先生

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

生徒

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

先生

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

生徒

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