最初の TypeScript プログラム Hello World の例

TypeScript を使い始めるのは簡単でわかりやすいです。始めるのに最適な方法の 1 つは、"Hello World" プログラムを書くことです。この典型的な例は、TypeScript 構文とコンパイル プロセスの基本を理解するのに役立ちます。このガイドでは、最初の TypeScript プログラムを作成して実行する手順を説明します。

前提条件

始める前に、システムに TypeScript がインストールされていることを確認してください。TypeScript コードをコンパイルして実行するには、Node.js と npm (Node Package Manager) も必要です。TypeScript をまだインストールしていない場合は、インストール ガイド に従ってセットアップしてください。

TypeScript ファイルの作成

まず、プロジェクト用の新しいフォルダーを作成し、ターミナルを使用してそのフォルダーに移動します。

mkdir hello-world-ts
cd hello-world-ts

次に、hello.ts という名前の新しい TypeScript ファイルを作成します。

echo "console.log('Hello, TypeScript!');" > hello.ts

Hello World プログラムの作成

hello.ts ファイルに次のコードを記述します。

console.log('Hello, TypeScript!');

この単純なプログラムは、「Hello, TypeScript!」というメッセージをコンソールに記録します。

TypeScript を JavaScript にコンパイルする

TypeScript は、実行する前に JavaScript にコンパイルする必要があります。TypeScript コンパイラ (tsc) を使用して TypeScript ファイルをコンパイルします。

npx tsc hello.ts

このコマンドは、同じディレクトリに hello.js という名前の JavaScript ファイルを生成します。生成された JavaScript ファイルの内容を確認することで、コンパイルを確認できます。

cat hello.js

出力は次のようになります。

console.log('Hello, TypeScript!');

JavaScript ファイルの実行

プログラムの出力を確認するには、Node.js を使用してコンパイルされた JavaScript ファイルを実行します。

node hello.js

コンソールに次のメッセージが表示されます。

Hello, TypeScript!

結論

おめでとうございます。これで、初めての TypeScript プログラムを作成して実行できました。この基本的な例では、TypeScript コードを記述し、JavaScript にコンパイルして実行する方法を示します。TypeScript の学習を続けると、より高度な機能や、最新の Web 開発のための強力なツールとなる機能を学習できます。