0Pricing
TypeScript Academy · レッスン

実行時オプション（ts-node/tsx）とソースマップ

ts-nodeまたはtsxでTSを直接実行し、Nodeのスタックトレースをデバッグするためにソースマップを使います

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

導入

目標：ts-node または tsx を使って TypeScript を Node で直接実行し、デバッグ用のソースマップを有効にします。

ts-node の基本

ts-node は TS をその場でコンパイルして実行します。簡単なスクリプトに適していますが、起動時のオーバーヘッドが増えます。

npx ts-node src/index.ts

tsx の基本

tsx は内部で esbuild を使用する、より高速なランタイムです。開発ワークフローに適しており、ESM もスムーズにサポートします。

npx tsx src/index.ts

実行例

ts-node と tsx はどちらも、手動でビルドすることなく TS ファイルを直接実行できます。

// index.ts
console.log("Hello TS runtime");

ソースマップの設定

ソースマップ：tsconfig で有効にします。スタックトレースとデバッガーに、元の TS の行番号が表示されます。

// tsconfig.json
{
  "compilerOptions": {
    "sourceMap": true
  }
}

デバッグ時のトレース

ソースマップを使うと、スタックトレースはコンパイル後の JS 出力ではなく、TS コードを指し示します。

try {
  throw new Error("boom");
} catch (e) {
  console.error(e);
}

ソースマップの確認

簡単な確認：ソースマップを有効にすると何ができるようになりますか？

振り返り

振り返り：ts-node と tsx は TS を直接実行します。tsconfig の sourceMap によって、わかりやすいスタックトレースが有効になります。

よくある質問

「実行時オプション（ts-node/tsx）とソースマップ」レッスンは無料ですか？

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

「実行時オプション（ts-node/tsx）とソースマップ」で何を学びますか？

ts-nodeまたはtsxでTSを直接実行し、Nodeのスタックトレースをデバッグするためにソースマップを使います ブラウザで直接実行するハンズオンコードでTypeScript Academyを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。

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

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

「実行時オプション（ts-node/tsx）とソースマップ」レッスンにはどのくらい時間がかかりますか？

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

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

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

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

  1. @types/node、NodeにおけるESMとCJS
  2. 実行時オプション（ts-node/tsx）とソースマップ
← TypeScript Academyに戻る