TypeScript

📖 もうちょい詳しく

何が新しいの？

TypeScript（タイプスクリプト）は、JavaScriptに「型（かた）」のしくみを足したプログラミング言語です。
型とは、「ここには数字が入る」「ここには文字が入る」といった、データの種類をあらかじめ決めておく約束ごとのことです。JavaScriptは自由に書ける反面、種類の取り違えに気づきにくく、規模が大きくなると間違いが増えがちでした。そこをおぎなうために、マイクロソフトが2012年ごろに公開したのがTypeScriptです。

どうやって動いてるの？

TypeScriptはそのままでは動かず、いったんJavaScriptに変換してから実行します。
書いている途中で型の約束に反する箇所があると、ツールがその場で警告してくれます。たとえば数字を入れる場所に文字を入れようとすると、動かす前に教えてくれます。最後はJavaScriptへ翻訳されるので、ブラウザやサーバーなど、JavaScriptが動く場所ならそのまま動かせます。

つまり「書くときは型でチェック、動かすときはJavaScript」という二段構えになっていると考えると正確です。

何ができるの？

大きなアプリや、おおぜいで開発するプロジェクトを、安心して育てられるようになります。
型のおかげで、入力欄に何を渡すべきかが分かりやすくなり、書き間違いを早い段階で防げます。エディタが入力候補を出してくれたり、関数の使い方を教えてくれたりするので、毎日の作業がスムーズになることも多いです。

🌱 身近なたとえ

書類の記入欄で例えると、TypeScriptは「ここは日付、ここは電話番号」と項目ごとに枠が決まっている用紙です。
JavaScriptは何でも自由に書ける白紙のメモのようなもので、手早く書ける反面、書く欄を間違えても気づきにくいことがあります。
TypeScriptは枠を先に決めておくぶん、おかしな書き方をすると提出前に「ここ違います」と教えてくれます。少し手間は増えますが、後からの直しが減ります。

✅ まず覚えるポイント

• TypeScriptは、JavaScriptに「型」を足した言語
• 型は、データの種類をあらかじめ決めておく約束ごと
• 動かす前に、書き間違いや種類の取り違えを見つけやすい
• 最後はJavaScriptに変換してから実行される
• 規模の大きな開発や、おおぜいでの開発で力を発揮しやすい

🧭 よくある勘違い

TypeScriptはJavaScriptとは別物で、覚え直しが必要？

ほとんどは地続きです。TypeScriptはJavaScriptをふくむ形で作られているので、JavaScriptの書き方はそのまま使えます。
そこへ型の書き方を足していくイメージなので、JavaScriptを知っていれば、新しく覚える部分は型まわりが中心になることが多いです。

型をつければバグはなくなる？

そうとは限りません。型が防げるのは、おもに「種類の取り違え」のような間違いです。
計算の考え方そのものが違っていたり、想定外のデータが来たりする不具合は、型だけでは防ぎきれない場合があります。テストなど、ほかの確認と組み合わせるのが安全です。

🧩 関連して覚えると楽な言葉

• JavaScript: TypeScriptの土台になっている言語。最後はこれに変換される
• ソースコード: 人が書くプログラムの文章。TypeScriptで書いたものもこれにあたる
• コンパイラ: 書いたコードを別の言葉へ翻訳する道具。型のチェックも担う
• ランタイム: できあがったプログラムが実際に動く場所や環境

🏁 ひとことでまとめ

TypeScriptは、JavaScriptに型という安全装置をつけ加えた言語です。
自由に書ける手軽さは生かしつつ、取り違えを早めに気づける——大きく育てるアプリほど、その安心感が効いてくる、と考えると分かりやすいです。