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

TypeScript: モジュール(import / export)

hands-on所要 20分最新草稿
前提: TypeScript: 非同期処理(Promise / async-await)
意味グラフ(この教材と内容的に近い教材・1ネスト)
例え(Analogies)
import/export=部品の取り寄せ

exportは「この部品を外に出します」、importは「その部品を取り寄せて使う」。コードを部品に分ければ、組み立て(再利用)が楽になる。

概要

📍 programming-languages ▸ TypeScript ▸ モジュール | 種別: hands-on | facts_as_of 2026-06(TypeScript 6.0)

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

🎞 スライド

モジュール

ファイルを分けて import / export で繋ぐ

2種類(テキスト図)

math.ts main.ts
export function add ──┐
export const PI ──────┼──▶ import { add, PI } ← 名前付き({}あり)
export default Calc ──┴──▶ import Calc ← default({}なし)

ルール

名前付き … 複数可・{} で import
default … 1ファイル1つ・{} なし
相対パス(./math)で読む

—
出典(sources)

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

確認問題(Review-Questions)
math.ts の名前付きexport add と PI をimportする文を書け。コード
基礎公式
解答・解説▾ 開く

import { add, PI } from "./math";

default export を import するときの記法は?択一
基礎公式
解答・解説▾ 開く

{} を付けずに import(例: import Calc from "./math")。

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

概要

コードをファイルに分け、import/export で繋ぐ。名前付きとデフォルトの2種。

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

// math.ts
export function add(a: number, b: number) { return a + b; }
export const PI = 3.14;
export default class Calc {}

// main.ts
import Calc, { add, PI } from "./math";
console.log(add(1, 2), PI);
  • 名前付き export(複数可)は {} で import。default export(1つ)は {} なし。相対パスで読む。

出典: TS Handbook: Modules

🧭 誤解訂正集

よくある誤解 正しい理解
import はいつも {} を付ける default は {} なし、名前付きは {} あり
default は複数置ける default は1ファイルに1つだけ
パスは何でもよい 相対パス(./math)と tsconfig の module 設定に従う

📖 用語

  • モジュール … import/export で繋がる1ファイル単位のコード。
  • export … 他ファイルから使えるよう公開する。
  • import … 他ファイルの公開物を読み込む。
  • 名前付き export … 名前で公開(複数可・{} で import)。
  • default export … 既定の1つを公開({} なしで import)。

✅ 確認の目安(can-do)

名前付き export と default export を区別し、{} の有無と相対パスを踏まえて、**「この値をどう公開し・どう import するか」**を判断できる。

⚠️ エラー復旧集

症状 原因 復旧
Cannot find module './math' パス/拡張子/tsconfig 相対パスと tsconfig の module 設定を確認
default と名前付きの取り違え {} の有無 default は {} なし、名前付きは {} あり