変数と型注釈(number/string/boolean)

このレッスンでは、TypeScriptの基本的な型(number・string・boolean)の書き方を学びます。「TypeScript 型注釈基本」で調べている方向けです。

TypeScriptには主にnumber(数値)・string(文字列)・boolean(真偽値)という3つの基本の型があります。変数を宣言するときに: 型名を付けることで、その変数に入れられる値の種類を制限できます。

サンプルコードでは、name: string・age: number・isStudent: booleanという3つの変数を宣言し、テンプレートリテラル(`${}`という書き方)でメッセージを組み立てています。

初心者がよくつまずくのが、型と違う値を代入しようとしてエラーになることです。例えばage: numberに"14"という文字列を入れようとすると、コンパイル時にエラーとして教えてくれます。これは「バグを実行前に見つけられる」というTypeScriptの大きなメリットです。

実際の開発現場では、この型チェックのおかげで、大人数のチーム開発でも「思わぬ型の値が渡ってくる」というバグを未然に防ぎやすくなります。

📖 お手本コード

let name: string = "たろう";
let age: number = 14;
let isStudent: boolean = true;
console.log(`${name}さんは${age}歳の学生ですか?: ${isStudent}`);

✍️ あなたのコード

コードを書いたら「実行する」を押してください

🧪 このサイトではTypeScriptを直接コンパイル・実行できないため、お手本コードと同じ内容を入力できたかをその場で判定します(採点はブラウザ内だけで行われ、どこにも送信されません)。

🎯

ここまでできればゴール達成!
名前・年齢・学生かどうかを型付きで管理する、簡単なプロフィール表示プログラムが作れるようになります。