0Pricing
TypeScript Academy · レッスン

NodeとTypeScriptのインストール（npm i -D typescript）、tsc --init

Node.jsをインストールし、npmでTypeScriptを追加して、tsc --initを使ってtsconfig.jsonを作成します。

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

Nodeのインストール

前提条件：Node.jsをインストールします（LTSを推奨します）。Node.jsはnpm（パッケージマネージャー）とnode（ランタイム）を提供し、TypeScriptはこれらを基盤として動作します。

npm init

プロジェクトフォルダーを作成し、npm init -yで初期化します。これにより、依存関係とスクリプトを管理するためのpackage.jsonが作成されます。

TSのインストール

チームメンバーが同じバージョンを使えるように、TypeScriptをdevDependencyとしてインストールします。npx tsc --versionで確認できます。

// Run in your terminal (not in TS code)
npm install --save-dev typescript

// Verify installation
npx tsc --version

tsc --init

tsc --initはtsconfig.jsonを作成します。このファイルで、コンパイラーオプション、対象ファイル、出力構成を制御します。

// Run once per project
npx tsc --init

// This creates tsconfig.json with many commented options

tsconfig.jsonの基礎

tsconfigのcompilerOptionsを調整できます。よく使うキーは、target、module、strict、outDirです。

{
  "compilerOptions": {
    "target": "ES2020",
    "module": "commonjs",
    "strict": true,
    "outDir": "dist"
  }
}

tsconfigのメリット

なぜtsconfigを使うのでしょうか？ビルドの一貫性を保ち、厳密なチェックを適用し、エディターがより優れたIntelliSenseを提供できるようにするためです。共有設定により、開発マシンごとの予期しない違いを防げます。

初期化チェック

クイックチェック：tsc --initは何をしますか？

まとめと次のステップ

まとめ：Node.jsをインストールし、TypeScriptをローカルに追加して、tsc --initでtsconfig.jsonを作成しました。次は、最初のプログラムをコンパイルして実行します。

よくある質問

「NodeとTypeScriptのインストール（npm i -D typescript）、tsc --init」レッスンは無料ですか？

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

「NodeとTypeScriptのインストール（npm i -D typescript）、tsc --init」で何を学びますか？

Node.jsをインストールし、npmでTypeScriptを追加して、tsc --initを使ってtsconfig.jsonを作成します。 ブラウザで直接実行するハンズオンコードでTypeScript Academyを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。

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

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

「NodeとTypeScriptのインストール（npm i -D typescript）、tsc --init」レッスンにはどのくらい時間がかかりますか？

ほとんどの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に戻る