Ceeds Academy教材アプリ教材・症状語・タグで検索
索引グラフ試す
プログラミング言語▸TypeScript

TypeScript: 変数と基本型(let/const・型注釈)

hands-on所要 20分最新草稿
前提: TypeScript: 入門と導入(なぜ型 / tsc / tsconfig)→次: TypeScript: 関数(引数/戻り値の型・アロー関数)
意味グラフ(この教材と内容的に近い教材・1ネスト)
例え(Analogies)
型注釈=ラベル付き収納箱

変数に型をつけるのは、箱に「食器」「工具」とラベルを貼るようなもの。中身の種類が決まるので、違う物を入れようとすると気づける。

概要

📍 programming-languages ▸ TypeScript ▸ 変数と基本型 | 種別: hands-on | facts_as_of 2026-06(TypeScript 6.0)

公式ドキュメント — hands-on

🎞 スライド

変数と基本型

let / const に「型注釈」をつける

基本型(対比)

string … 文字列 number … 数値
boolean … 真偽 T[] … 配列

注釈 or 推論(テキスト図)

const name: string = "Ceeds" ← 明示
let inferred = "型推論" ← 値から string と推論
↑ 推論が効くときは注釈を省略可

—
出典(sources)

TypeScript Handbook (Everyday Types) ; TypeScript 6.0 / 2026-06確認

確認問題(Review-Questions)
再代入しない文字列変数 name に型注釈をつけて宣言せよ。コード
基礎公式
解答・解説▾ 開く

const name: string = "...";

any を避けるべき理由は?択一
基礎公式
解答・解説▾ 開く

any は型チェックを無効化し、補完・エラー検出という型の利点が失われるため。

目次
例え概要公式ドキュメント出典確認問題
鮮度
最新
更新: 2026-06-15
次回棚卸し: 2026-12-15
周期: 6か月
版: TypeScript 6.0

概要

変数(let/const)と基本型(string/number/boolean/配列)に型注釈をつける。型推論が効く場面は省略もできる。

公式ドキュメント準拠(TypeScript 6.0)

エディタを読み込み中…
  • const 優先(再代入不可)、必要な時だけ let。
  • 型推論が効くときは注釈を省略可。any は型の意味を消すので避ける。

出典: TS Handbook: Everyday Types

🧭 誤解訂正集

よくある誤解 正しい理解
型注釈は必ず書く 推論が効くなら省略してよい
とりあえず any でよい any は型の意味を消す。具体的な型を付ける
let と const は好みで選ぶ まず const、再代入が要る時だけ let

📖 用語

  • let / const … 変数宣言。const は再代入不可、let は再代入可。
  • 型注釈 … name: string のように型を明示する書き方。
  • 型推論 … 値から型を自動で決める仕組み(注釈を省ける)。
  • 基本型 … string / number / boolean など最小単位の型。
  • any … 何でも入る型。型チェックを無効にするので避ける。

✅ 確認の目安(can-do)

基本型と型注釈を区別し、const/let の使い分けと型推論が効く場面を踏まえて、**「ここは注釈を書くか・省くか、any を避けるか」**を判断できる。

⚠️ エラー復旧集

症状 原因 復旧
Type 'number' is not assignable to type 'string' 型不一致 代入する値か型注釈を揃える
any だらけになる 型を避けている 具体的な型を付ける(any 乱用を避ける)