Menu
Coddy logo textTech

なぜTypeScriptを使うのか?

CoddyのJavaScriptジャーニー「Introduction To TypeScript」セクションの一部。レッスン 2/73。

TypeScriptは、開発をより安全かつ効率的にする3つの大きなメリットを提供します。

エラーを早期に発見する: TypeScriptの静的型チェックは、コードが実行される前の開発段階でエラーをキャッチします。これにより、ユーザーがアプリケーションを操作したときに初めて表面化するようなバグを防ぐことができます。

よくあるJavaScriptのミスを考えてみましょう:

// JavaScript - このバグは実行時まで検出されません
function calculateTotal(price, tax) {
    return price + tax;
}

calculateTotal("50", 0.1); // 50.1ではなく"500.1"を返します!

TypeScriptを使用すると、このエラーは即座に検出されます:

// TypeScript - 開発中にエラーが検出されます
function calculateTotal(price: number, tax: number): number {
    return price + tax;
}

calculateTotal("50", 0.1); // エラー: 型 'string' の引数を型 'number' のパラメーターに割り当てることはできません

コードの可読性の向上: 型アノテーションはドキュメントとして機能し、関数がどのようなデータを期待し、何を返すかを明確にします。これにより、あなたとチームメイトの両方がコードをより速く理解できるようになります。

強化された開発ツール: TypeScriptは、コードエディタにおいて優れたオートコンプリート、リファクタリング、およびナビゲーションを可能にします。エディタは、各変数でどのpropertiesやmethodsが利用可能かを正確に把握します。

自分で試してみよう

このレッスンにはコードチャレンジは含まれていません。

quiz icon腕試し

このレッスンには短いクイズがあります。レッスンを始めて解答し、進捗を記録しましょう。

Introduction To TypeScriptのすべてのレッスン

自分で練習してみよう: JavaScriptオンラインコンパイラ