Ceeds Academy教材アプリ教材・症状語・タグで検索
索引グラフ試す
ビルドツール▸ビルドツール基礎

ビルド: tsc / esbuild / バンドラの位置づけ

knowledge所要 20分最新草稿
前提: ビルド: なぜ必要(トランスパイル・バンドル・最小化)
意味グラフ(この教材と内容的に近い教材・1ネスト)
例え(Analogies)
tsc/esbuild=検品係と梱包機

tscは寸法と規格を測る検品係(型チェック)、esbuildは超高速の梱包機(変換)。役割が違うので、検品はtsc・梱包はesbuild/Viteと分担する。

概要

📍 ビルドツール ▸ ビルドツール基礎 ▸ tsc/esbuild | 種別: knowledge | facts_as_of 2026-06

公式ドキュメント — knowledge

🎞 スライド

道具の住み分け

型は tsc、変換/バンドルは高速ツール

役割の対比(テキスト図)

[tsc] 型チェック+コンパイル(noEmitで型だけも)
[esbuild] 超高速トランスパイル/バンドル(Go製・型は見ない)
[バンドラ] 依存をまとめる(Vite の中身など)

定番の分業

tsc で型 / esbuild・Vite でビルド

—
クリックで一覧(遷移しない)
出典(sources)

TypeScript/esbuild docs ; 2026-06確認

確認問題(Review-Questions)
型チェックを担うのは?択一
基礎公式
解答・解説▾ 開く

tsc(TypeScriptコンパイラ)。

なぜtscとesbuildを併用する?記述
応用公式
解答・解説▾ 開く

esbuildは高速だが型チェックをしない。型はtsc、変換/バンドルはesbuild/Viteと分担するため。

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

概要

道具の住み分け。tsc:TypeScript の型チェックとコンパイル。esbuild:超高速なトランスパイル/バンドル(Go製)。バンドラ:依存をまとめる(Vite の中身等)。

公式ドキュメント準拠

  • tsc:型検査が主目的(noEmit で型チェックのみも)。実行用の変換は高速ツールに任せることが多い。
  • esbuild:変換/バンドルが極めて高速(型チェックはしない)。だから tsc で型、esbuild/Vite でビルド の分業が定番。
  • Vite 8.0 は Rolldown(Rust)をバンドラに採用。

出典: TypeScript / esbuild docs。

🧭 誤解訂正集

よくある誤解 正しい理解
esbuildが型も見てくれる 型チェックはしない(tscで)
tscで本番バンドルする バンドルは専用ツールが高速

📖 用語

  • tsc … TypeScript コンパイラ。型チェックと変換を行う(noEmit で型だけも)。
  • noEmit … 出力せず型チェックだけ行う tsc の設定。
  • esbuild … Go製の超高速トランスパイラ/バンドラ(型は見ない)。
  • トランスパイル … 構文を別の構文へ変換すること。
  • バンドラ … 依存を辿って複数ファイルをまとめる道具。
  • Rolldown … Vite 8.0 が採用する Rust 製バンドラ。

✅ 確認の目安(can-do)

tsc・esbuild・バンドラの役割を区別し、**「型チェックとビルドをどの道具に任せるか・なぜ分業するか」**を説明できる。