JavaScriptとTypeScriptの違い【第4回】
「JavaScript」と「TypeScript」の違いとは？ 比較表で整理しよう
「JavaScript」と「TypeScript」は似た名前を持つだけではなく、深い関わりを持つプログラミング言語だ。両者の違いは何なのか。比較表で整理する。
Webアプリケーション開発の主要言語であるスクリプト（簡易プログラム）言語の「JavaScript」と、Microsoftが開発を主導するオープンソースのプログラミング言語「TypeScript」。両者は似た名前を持つものの、似て非なるものだ。あらためて両者の違いを確認しよう。
「JavaScriptとTypeScriptの違い」を比較表で確認
併せて読みたいお薦め記事
連載：JavaScriptとTypeScriptの違い
- 第1回：JavaScriptとTypeScriptの違いは名前だけじゃなかった？ 根本的な違いはこれだ
- 第2回：「JavaScript」はいつ、なぜ生まれた？ “大人気言語”の知られざる歴史
- 第3回：JavaScriptの代替でも後継でもない「TypeScript」の“本当の役割”はこれだ
JavaScriptを知る
JavaScriptとTypeScriptの主な違いは、以下の表の通りだ。
| 項目 | JavaScript | TypeScript |
|---|---|---|
| 公開年 | 1995年 | 2012年 |
| 開発元 | Netscape Communications | Microsoft |
| 型システム（注1） | なし | あり |
| コミュニティー | TypeScriptより大規模 | JavaScriptより小規模 |
| コンパイル（注2） | 必要なし | 必要あり |
| ファイル拡張子 | JS、JSX | TS、TSX |
| IDE（統合開発環境）によるソースコードの検証やリファクタリング（注3） | 困難 | 可能 |
| 習得 | 比較的容易 | 相応の時間が必要 |
| ソースコードの可読性 | ソースコードの規模が大きくなると低下 | 型システムとオブジェクト指向（注4）により向上 |
※注1：変数に対して「型」（数値や文字列といったデータの種類）を指定する仕組み。
※注2：TypeScriptでは、TypeScriptソースコードからJavaScriptソースコードへの変換。
※注3：動作を変えずに内部構造を書き換えること。
※注4：データと処理内容をまとめた「オブジェクト」を中核要素とするプログラミングの概念。
TypeScript用IDEは、JavaScript用IDEよりも多くの機能を備える傾向にある。型システムにより、TypeScriptのソースコードは、実行前のコンパイル時に型のエラーを発見できる。そのためソースコードの規模が拡大しても比較的デバッグしやすい。
次回は、JavaScriptと比べた場合のTypeScriptのメリットを整理する。
TechTarget発 エンジニア虎の巻
米国TechTargetの豊富な記事の中から、開発のノウハウや技術知識など、ITエンジニアの問題解決に役立つ情報を厳選してお届けします。
Copyright © ITmedia, Inc. All Rights Reserved.
TechTarget発 エンジニア虎の巻
米国TechTargetの豊富な記事の中から、開発のノウハウや技術知識など、ITエンジニアの問題解決に役立つ情報を厳選してお届けします。
この記事の著者
関連記事
新着ホワイトペーパー PR
-
技術文書・技術解説
[Jamf Japan 合同会社] MDMだけでモバイルセキュリティは十分？ 不足する対策を16項目でチェック -
事例
[Wrike Japan 株式会社] 世界的な家電メーカーが実践する「クリエイティブプロセス効率化」の方法とは？ -
事例
[Wrike Japan 株式会社] 世界的テクノロジー企業に学ぶ、プロセス標準化とプロジェクト納品自動化の秘訣 -
事例
[Wrike Japan 株式会社] ソニー・ピクチャーズ テレビジョンに学ぶ、次世代サービスデリバリーのヒント -
事例
[Wrike Japan 株式会社] ソミック石川に学ぶ、ICT浸透後に直面した「工数管理」の課題と解決策
こんなメディアも見られています
TechTargetジャパンに関連する情報をお探しであれば、こちらのメディアもお役に立てるかもしれません。
ベンダーコンテンツ PR
From Informa TechTarget
SpecialPR
アクセスランキング
-
1
「データストレージの活用方法」に関するアンケート
-
2
脱VMwareの前提が崩れる BroadcomのVDDK公開停止で確認すべき点
-
3
「Microsoft 365」が乗っ取られる 跡形もなくMFAを破る手口
-
4
AI全部入り「Microsoft 365 E7」に企業が二の足を踏む訳 移行意向はわずか4％
-
5
【基本情報技術者試験】「デュプレックスシステム」と「デュアルシステム」の違いは？
-
6
「VMware離れ」は本当か 3000社がVCF 9にかじを切った現実的な理由
-
7
100億円の「Linux更新」を回避 みずほ銀行が選んだ“おきて破り”のRHEL延命策
-
8
「Microsoft一択」で本当にいいのか 知らぬ間にライセンス費用が膨らむ真相
-
9
GitHubが指摘 AIが書いた「おそらく動くコード」が招くシステム崩壊
-
10
なぜOpenAIやAnthropicのAIは「脱走」したのか 情シスが迫られるエージェント統制
ホワイトペーパーランキング PR
-
1
生成AIのハルシネーションを防止 回答精度を高めるセマンティックレイヤーとは
-
2
5回聞くだけじゃ足りない？ トヨタ式「なぜなぜ分析」の正しい実践方法
-
3
AIエージェントで多様な日常業務を効率化するための入門ガイド
-
4
インシデント対応工数を約3割削減、東京ガスの事例に学ぶ監視体制刷新のコツ
-
5
「脱Excel」か「Excel快適化」か？ 現場にやさしい業務改善の進め方
-
6
マンガで解説：「ゼロトラスト」「SASE」の必要性とメリット
-
7
5分で分かる「セキュア大容量ファイル転送サービス」の機能とメリット
-
8
情報セキュリティ対策早分かりガイド：25の自社診断で弱点と解決策を理解
-
9
国税庁の次世代基幹システム「KSK2」稼働開始に向けて、対応すべき変更点とは？
-
10
AIが「わざわざ使うツール」になっていない？ 業務で自然に使う導線にする秘訣
TechTargetジャパン SNS
@techtarget_itmをフォロー
インフォメーション
注目情報をチェック
TechTargetジャパンをフォロー