TypeScript の JavaScript へのコンパイル
TypeScript コンパイラーと、その出力を理解します。
「TypeScript の JavaScript へのコンパイル」はCoddyKit上の無料TypeScript Academyレッスンです。 これはレッスン3/4です。 下記で完全なレッスンを無料で読むことができます。その後、ブラウザ内の組み込みコードエディタと24時間対応のAIチューターでハンズオン演習できます。 これはTypeScript Academy学習パスの一部であり、ウェブとCoddyKitアプリ全体で進捗が同期されます。 TypeScript Academyコースには全4レッスンが含まれています。
ようこそ
TypeScriptコンパイラーのインストール
npm install --save-dev typescript
npx tsc --version初めてのtscコンパイル
// hello.ts
function greet(name: string): string {
return 'Hello, ' + name;
}
console.log(greet('World'));
// Compile: npx tsc hello.ts
// Output: hello.js (no types)tsconfig.json: プロジェクト設定
npx tsc --init
// Creates tsconfig.json with defaults and comments主要なtsconfigオプション
{
"compilerOptions": {
"target": "ES2020",
"module": "commonjs",
"outDir": "./dist",
"strict": true
}
}tsc --watchによるウォッチモード
npx tsc --watch
// Watches for changes and recompiles on savenoEmit: ファイルを生成せずに型チェック
// tsconfig.json
{ "compilerOptions": { "noEmit": true } }
// Then run:
npx tsc --noEmitより高速な選択肢: ts-nodeとtsx
# Run TS directly with ts-node
npx ts-node src/index.ts
# Or faster with tsx
npx tsx src/index.tsデバッグ用のソースマップ
{ "compilerOptions": { "sourceMap": true } }宣言ファイル (.d.ts)
{ "compilerOptions": { "declaration": true } }
// Outputs: dist/index.js AND dist/index.d.tsコンパイラーエラーがあってもデフォルトでは出力される
{ "compilerOptions": { "noEmitOnError": true } }確認問題
まとめ
AI チューターと学ぶ TypeScript — 無料
ブラウザでリアルコードを書いて実行し、24/7 の AI チューターから瞬時にサポートを受け、ウェブまたはアプリで続きから学習できます。
- コース
- 101
- レッスン
- 352
よくある質問
「TypeScript の JavaScript へのコンパイル」レッスンは無料ですか？
はい。「TypeScript の JavaScript へのコンパイル」の完全なテキストはこのウェブで無料で読めます。インタラクティブに演習し（組み込みコードエディタと24時間対応のAIチューター）、TypeScript Academyコースの残りをアンロックするには、CoddyKit PROにアップグレードしてください。 TypeScript Academyコースには全4レッスンが含まれています。
「TypeScript の JavaScript へのコンパイル」で何を学びますか？
TypeScript コンパイラーと、その出力を理解します。 ブラウザで直接実行するハンズオンコードでTypeScript Academyを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。
TypeScript Academyを始めるのに経験は必要ですか？
事前経験は必要ありません。CoddyKitのTypeScript Academyは初級者から上級者向けに構成されているため、ここから始めるか最初から始めて、自分のペースで進むことができます。 これはレッスン3/4です。
「TypeScript の JavaScript へのコンパイル」レッスンにはどのくらい時間がかかりますか？
ほとんどのCoddyKitレッスンは約5～10分かかります。各レッスンはコンパクトでインタラクティブなので、着実に進歩し、ウェブとアプリ全体で正確に前回の場所から再開できます。
このTypeScript Academyレッスンでコードを書いて実行できますか？
はい。すべてのTypeScript Academyレッスンに組み込みコードエディタが含まれているため、ブラウザでリアルコードを書いて実行し、即座のAIフィードバックを取得できます。ローカル設定は不要です。
このコースのすべてのレッスン
- JavaScript の難所: 実行時バグ
- TypeScript が JavaScript に加えるもの
- TypeScript の JavaScript へのコンパイル
- プロジェクトで TypeScript を使うタイミング