0Pricing
TypeScript Academy · レッスン

プリミティブ型: string、number、boolean

TypeScript の3つの主要なプリミティブ型で変数に型を付けます。

「プリミティブ型: string、number、boolean」はCoddyKit上の無料TypeScript Academyレッスンです。 これはレッスン1/4です。 下記で完全なレッスンを無料で読むことができます。その後、ブラウザ内の組み込みコードエディタと24時間対応のAIチューターでハンズオン演習できます。 これはTypeScript Academy学習パスの一部であり、ウェブとCoddyKitアプリ全体で進捗が同期されます。 TypeScript Academyコースには全4レッスンが含まれています。

ようこそ

TypeScriptの3つの基本的なプリミティブ型はstring、number、booleanです。このレッスンでは、これらの型を使って変数に注釈を付ける方法を学びます。

変数に型注釈を付ける

変数名の後にコロンを付けて型注釈を追加します。TypeScriptは、変数が存続する間、その型を適用します。
let username: string = 'Alice';
let score: number = 100;
let isLoggedIn: boolean = true;

型推論

TypeScriptは初期値から型を推論できます。明示的な注釈が常に必要とは限らず、コンパイラーが型を判断してくれます。
let city = 'Istanbul';   // inferred as string
let price = 9.99;        // inferred as number
let enabled = false;     // inferred as boolean

コンパイル時の型エラー

変数に型が決まると、別の型を代入することはコンパイル時エラーになります。TypeScriptはコードが実行される前にこれを検出します。
let count: number = 10;
count = 'ten'; // Error: Type 'string' is not assignable to type 'number'

string型

string型は、すべてのテキスト値を表します。TypeScriptは、文字列操作（.toUpperCase()など）が有効かどうかをチェックします。
let greeting: string = 'Hello';
console.log(greeting.toUpperCase()); // 'HELLO'
console.log(greeting.length);        // 5

number型

TypeScriptには、JavaScriptと同じく整数と浮動小数点数の両方に対応する1つのnumber型があります。int型やfloat型のような個別の型はありません。
let age: number = 25;
let pi: number = 3.14159;
let hex: number = 0xFF;

boolean型

booleanはtrueまたはfalseを表します。TypeScriptは、boolean変数にtrueまたはfalseのみを保持させることで、truthy/falsyの暗黙の型変換によるバグを防ぎます。
let isDone: boolean = false;
let hasAccess: boolean = true;
// isDone = 1; // Error — not a boolean

テンプレートリテラルはstring型で動作

TypeScriptはテンプレートリテラル内の式を型付けします。テンプレートリテラルに文字列以外を埋め込めるのは、JavaScriptがそれを文字列に変換するためです。
let name: string = 'World';
let n: number = 42;
let msg = `Hello ${name}, you scored ${n}`;

プリミティブ型とラッパーオブジェクト

String、Number、Booleanではなく、必ず小文字のstring、number、booleanを使用してください。大文字の形式はオブジェクトラッパー型であり、通常はほとんど使用しません。
// Correct
let a: string = 'hello';

// Avoid
let b: String = new String('hello'); // wrapper object

関数パラメーターの型注釈

関数パラメーターにプリミティブ型の注釈を付けると、誤った引数によるバグをコンパイル時に検出できます。
function add(a: number, b: number): number {
  return a + b;
}
add(2, 3);      // OK
// add(2, '3'); // Error

型注釈を省略する場合

値を使って変数を初期化すると、TypeScriptが型を推論します。明示的な型注釈は省略できますが、関数シグネチャの可読性を高める場合があります。
// Both are fine:
const x = 5;          // inferred number
const y: number = 5;  // explicit number

クイックチェック

値3.14に対する正しいTypeScriptのプリミティブ型は何ですか？

まとめ

TypeScriptのプリミティブ型にはstring、number、booleanを使用します。TypeScriptは初期値から型を推論しますが、関数シグネチャでは明示的な型注釈が役立ちます。型名には必ず小文字を使用してください。

よくある質問

「プリミティブ型: string、number、boolean」レッスンは無料ですか？

はい。「プリミティブ型: string、number、boolean」の完全なテキストはこのウェブで無料で読めます。インタラクティブに演習し（組み込みコードエディタと24時間対応のAIチューター）、TypeScript Academyコースの残りをアンロックするには、CoddyKit PROにアップグレードしてください。 TypeScript Academyコースには全4レッスンが含まれています。

「プリミティブ型: string、number、boolean」で何を学びますか？

TypeScript の3つの主要なプリミティブ型で変数に型を付けます。 ブラウザで直接実行するハンズオンコードでTypeScript Academyを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。

TypeScript Academyを始めるのに経験は必要ですか？

事前経験は必要ありません。CoddyKitのTypeScript Academyは初級者から上級者向けに構成されているため、ここから始めるか最初から始めて、自分のペースで進むことができます。 これはレッスン1/4です。

「プリミティブ型: string、number、boolean」レッスンにはどのくらい時間がかかりますか？

ほとんどのCoddyKitレッスンは約5～10分かかります。各レッスンはコンパクトでインタラクティブなので、着実に進歩し、ウェブとアプリ全体で正確に前回の場所から再開できます。

このTypeScript Academyレッスンでコードを書いて実行できますか？

はい。すべてのTypeScript Academyレッスンに組み込みコードエディタが含まれているため、ブラウザでリアルコードを書いて実行し、即座のAIフィードバックを取得できます。ローカル設定は不要です。

このコースのすべてのレッスン

  1. プリミティブ型: string、number、boolean
  2. any 型と避けるべき理由
  3. unknown と any: より安全な選択肢
  4. null、undefined、厳格な null チェック
← TypeScript Academyに戻る