TypeScriptチュートリアル


TypeScriptの基本を学ぶための簡単なチュートリアルを以下に提供します。

TypeScriptとは?

TypeScriptは、JavaScriptのスーパーセットです。それはJavaScriptに型とその他いくつかの機能を追加しています。TypeScriptは大規模なプロジェクトでよく使用され、コードの品質と開発効率を向上させるために型チェックなどの機能を提供します。

環境セットアップ

  1. Node.jsのインストール: TypeScriptをコンパイルするためにはNode.jsが必要です。Node.jsの公式サイトからダウンロードしてインストールしてください。

  2. エディタ: VSCode, Sublime Text, Atomなど、TypeScriptに対応したエディタを使用します。VSCodeを推奨します。

TypeScriptの基本

1. 基本の型

TypeScriptは、以下のような基本的な型を持っています。

  • `number`

  • `string`

  • `boolean`

  • `array`

  • `any`など

例:

let name: string = "John";
let age: number = 30;
let isActive: boolean = true;

2. 関数

TypeScriptでは、関数のパラメータと戻り値の型も指定できます。

function greet(name: string): string {
    return `Hello, ${name}!`;
}

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

3. インターフェース

オブジェクトの形状を定義するために、インターフェースを使用します。

interface Person {
    name: string;
    age: number;
}

function birthday(person: Person): string {
    return `Happy ${person.age}th birthday, ${person.name}!`;
}

let john: Person = { name: "John", age: 21 };
console.log(birthday(john));

4. クラス

クラスとオブジェクト指向プログラミングもサポートしています。

class Animal {
    constructor(private name: string) {}

    makeSound(): void {
        console.log(`${this.name} makes a sound`);
    }
}

let dog = new Animal("Dog");
dog.makeSound();

TypeScriptファイルのコンパイル

.ts(TypeScript)ファイルはブラウザで直接実行できません。それを.js(JavaScript)ファイルにコンパイルする必要があります。
コマンドラインで以下のコマンドを使用します。

tsc filename.ts

これにより、TypeScriptファイルがJavaScriptファイルにコンパイルされます。

これは非常に基本的なチュートリアルですが、TypeScriptには他にも多くの機能があります(モジュール、ジェネリクス、アサーションなど)。TypeScriptの公式ドキュメントは非常に詳しいので、追加の学習リソースとして是非参照してください。

この記事が気に入ったらサポートをしてみませんか?