0Pricing
TypeScript Academy · レッスン

最初のプログラムとビルド・実行（tsc + node / tsx）

シンプルなTSプログラムを作成し、tscでコンパイルして、nodeまたはtsxで実行します。

「最初のプログラムとビルド・実行（tsc + node / tsx）」はCoddyKit上の無料TypeScript Academyレッスンです。 これはレッスン3/3です。 下記で完全なレッスンを無料で読むことができます。その後、ブラウザ内の組み込みコードエディタと24時間対応のAIチューターでハンズオン演習できます。 これはTypeScript Academy学習パスの一部であり、ウェブとCoddyKitアプリ全体で進捗が同期されます。 TypeScript Academyコースには全3レッスンが含まれています。

導入

目標：小さなプログラムを作成し、tscでコンパイルして、結果をnodeまたはtsxで実行します。

Hello World

最小限のプログラムとして、型付き関数を定義し、メッセージをログに出力します。

// hello.ts
function hello(name: string): string {
  return `Hello, ${name}!`;
}

console.log(hello("TypeScript"));

tscでコンパイル

tscはhello.tsをhello.jsにコンパイルします。その後、出力されたJSをNodeで実行できます。

// Run in terminal
npx tsc hello.ts

// Produces hello.js

Nodeで実行

Nodeはコンパイル済みのJavaScriptファイルを実行します。TypeScript自体が実行されることはなく、必ず最初にJSへコンパイルされます。

// Run output JS
node hello.js

tsxで実行

tsx（またはts-node）はTypeScriptを直接実行するため、手動でのコンパイルを省略できます。ちょっとした実験に便利です。

// Alternative: run TS directly
npx tsx hello.ts

ワークフローのヒント

ワークフローのヒント：小さなスクリプトにはtsxを使い、プロジェクトではtscを使って.jsをdistフォルダーに出力するのがおすすめです。コミットするのはソースのTSファイルだけにしてください。

コンパイルチェック

クイックチェック：.tsファイルに対してtscを実行すると、デフォルトで何が行われますか？

まとめと次のステップ

まとめ：プログラムを作成し、tscでコンパイルして、nodeまたはtsxで実行しました。次は型と変数の基礎です。

よくある質問

「最初のプログラムとビルド・実行（tsc + node / tsx）」レッスンは無料ですか？

はい。「最初のプログラムとビルド・実行（tsc + node / tsx）」の完全なテキストはこのウェブで無料で読めます。インタラクティブに演習し（組み込みコードエディタと24時間対応のAIチューター）、TypeScript Academyコースの残りをアンロックするには、CoddyKit PROにアップグレードしてください。 TypeScript Academyコースには全3レッスンが含まれています。

「最初のプログラムとビルド・実行（tsc + node / tsx）」で何を学びますか？

シンプルなTSプログラムを作成し、tscでコンパイルして、nodeまたはtsxで実行します。 ブラウザで直接実行するハンズオンコードでTypeScript Academyを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。

TypeScript Academyを始めるのに経験は必要ですか？

事前経験は必要ありません。CoddyKitのTypeScript Academyは初級者から上級者向けに構成されているため、ここから始めるか最初から始めて、自分のペースで進むことができます。 これはレッスン3/3です。

「最初のプログラムとビルド・実行（tsc + node / tsx）」レッスンにはどのくらい時間がかかりますか？

ほとんどのCoddyKitレッスンは約5～10分かかります。各レッスンはコンパクトでインタラクティブなので、着実に進歩し、ウェブとアプリ全体で正確に前回の場所から再開できます。

このTypeScript Academyレッスンでコードを書いて実行できますか？

はい。すべてのTypeScript Academyレッスンに組み込みコードエディタが含まれているため、ブラウザでリアルコードを書いて実行し、即座のAIフィードバックを取得できます。ローカル設定は不要です。

このコースのすべてのレッスン

  1. TypeScriptとは？メリットとユースケース
  2. NodeとTypeScriptのインストール（npm i -D typescript）、tsc --init
  3. 最初のプログラムとビルド・実行（tsc + node / tsx）
← TypeScript Academyに戻る