TypeScriptとは？〜JavaScriptと異なる静的型付け言語〜

By /

TypeScriptはMicrosoftによって開発されたオープンソースのプログラミング言語です。JavaScriptに静的型付け機能を追加する形で設計されており、大規模なアプリケーションの開発に適しています。TypeScriptはJavaScriptと完全に互換性があり、JavaScriptプログラムはTypeScriptとしても機能します。

TypeScriptの主な特徴

TypeScript
  1. 静的型付け: 変数、関数の引数、戻り値に型を定義できます。これにより、コンパイル時に型の不一致などの問題を検出しやすくなります。
  2. クラスベースのオブジェクト指向: TypeScriptはクラス、インターフェース、継承など、オブジェクト指向プログラミングをサポートしています。
  3. ES6機能とその先のJavaScriptの機能: TypeScriptはES6の機能（アロー関数、プロミスなど）をサポートしており、さらにそれ以上の最新機能も利用できます。
  4. クロスプラットフォーム: どのJavaScriptエンジン上でも動作するため、ブラウザ、Node.js、または他の任意の場所で実行できます。

JavaScriptとの違い〜静的型付け機能とは

静的型付け（Static Typing）機能とは、プログラムのコンパイル時（実行前）に変数や関数の引数、戻り値などのデータ型を決定し、チェックする機能のことです。ここにJavaScriptとの違いがあります。この機能により、型の不一致によるエラーを早期に発見し、修正することが可能になります。静的型付けは、大規模な開発やチームでの開発において特に有効です。

静的型付け言語では、変数や関数を定義する際にデータ型を明示的に指定する必要があります。例えば、整数型の変数を宣言する場合、その変数が整数値のみを受け取ることがコンパイラによって保証されます。このため、実行時に型関連のエラーが発生するリスクが減少します。

TypeScript 型の指定

例えば、データ型には以下のようなものがあります。

  1. boolean: 真偽値を表し、trueまたはfalseの値を持ちます。
  2. number: 数値を表し、浮動小数点数を含む全ての数を表現できます。
  3. string: 文字列を表し、テキストデータを格納するために使用されます。
  4. Array: 同じ型の要素の集合を表します。number[]やArray<number>のように表記します。
  5. Tuple: 固定長の配列を表し、各要素の型が指定されます。
  6. enum: 列挙型で、一連の固定値の集合を定義するのに使います。
  7. any: 任意の型の値を許可します。型チェックを無効にしたい場合に使用します。
  8. void: 何も返さない関数の戻り値の型として使用します。
  9. nullとundefined: TypeScriptでは、これらも型として扱います。
  10. never: 決して発生しない値の型です。例えば、常に例外を投げる関数の戻り値の型として使用します。

TypeScriptでデータ型を指定する際は、次のコードのように記述します。

let isDone: boolean = false;
let decimal: number = 6;
let color: string = "blue";
let list: number[] = [1, 2, 3];
let tuple: [string, number] = ["hello", 10]; // Tuple

静的型付けの特徴は以下のとおりです。

  • 型安全性: コンパイル時に型の検査を行うため、実行時の型エラーを防ぐことができます。
  • 早期エラー発見: コードの実行前にエラーを発見できるため、開発効率が向上します。
  • 自己文書化: コードに型が明記されているため、変数や関数の使用方法が明確になり、コードの可読性が向上します。
  • 最適化の向上: コンパイラが型情報を利用して最適化を行うことができるため、実行効率が向上する場合があります。

静的型付け言語の例

TypeScriptの他に、静的型付け言語には以下のようなものがあります。

  • Java
  • C/C++
  • Swift
  • Kotlin

対照的に、動的型付け（Dynamic Typing）言語では、変数や関数の型が実行時に決定されます。PythonやRubyなどが動的型付け言語の例です。動的型付け言語は柔軟性が高い一方で、型エラーが実行時まで発見されない可能性があります。それに対して、静的型付け言語は型の安全性とエラーの早期発見に優れていますが、型を厳密に管理する必要があるため、記述が煩雑になる可能性があります。

TypeScriptを使ってみる

ここからは、実際に簡単なコードを用いてTypeScriptを体験してみます。

1. 環境セットアップ

  1. Node.jsのインストール: TypeScriptをコンパイルするためにはNode.jsが必要です。Node.jsの公式サイトからインストーラをダウンロードしてインストールしてください。
  2. TypeScriptのインストール: コマンドラインまたはターミナルで以下のコマンドを実行して、TypeScriptコンパイラをインストールします。
   npm install -g typescript

2. 基本的なTypeScriptファイルの作成

  1. TypeScriptファイルの作成: hello.ts という名前のTypeScriptファイルを作成し、以下の内容を追加します。
   function sayHello(name: string) {
       return `Hello, ${name}!`;
   }

   console.log(sayHello("World"));

ここで、nameパラメータにstring型を指定しています。

3. TypeScriptのコンパイル

ターミナルで以下のコマンドを実行し、TypeScriptファイルをJavaScriptにコンパイルします。

       tsc hello.ts

    これにより、同じディレクトリにhello.jsファイルが生成されます。

    4. 実行:

    Node.jsを使ってコンパイルされたJavaScriptファイルを実行します。

         node hello.js

      出力されるメッセージHello, World!を確認できます。

      このチュートリアルは、TypeScriptの基本的な使用方法を紹介するためのものです。TypeScriptには多くの高度な機能がありますので、詳細については公式ドキュメントを参照してください。

      上部へスクロール