0Pricing
TypeScript Academy · レッスン

Node.jsでTypeScriptをセットアップする

Node.jsバックエンドプロジェクト用にtsconfigを設定します。

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

ようこそ

Node.jsバックエンドプロジェクト向けにTypeScriptを設定する方法を学びます。

プロジェクトの初期化

package.jsonを作成し、Nodeの型定義とともにTypeScriptをインストールします。
npm init -y
npm install --save-dev typescript @types/node ts-node

Node向けtsconfig

Node.jsのCommonJSプロジェクト向けにtsconfig.jsonを設定します。
{
  "compilerOptions": {
    "target": "ES2020",
    "module": "commonjs",
    "outDir": "./dist",
    "strict": true,
    "esModuleInterop": true
  }
}

ts-nodeで実行する

コンパイル手順なしで開発できるよう、ts-nodeまたはtsxを使用します。
npx ts-node src/index.ts
npx tsx watch src/index.ts

本番ビルド

本番環境向けにTypeScriptをJavaScriptへコンパイルします。
npx tsc
node dist/index.js

デバッグ用ソースマップ

エラーをTypeScriptの行に対応付けられるよう、ソースマップを有効にします。
{ "compilerOptions": { "sourceMap": true } }

環境変数

@types/nodeを使用して、型付きでprocess.envにアクセスします。
const port = process.env.PORT ?? '3000';

パスエイリアス

インポートを簡潔にするため、パスエイリアスを設定します。
{ "compilerOptions": { "paths": { "@/*": ["src/*"] } } }

Nodemonとの連携

変更時に自動再起動できるよう、nodemonをts-nodeとともに使用します。
{ "watch": ["src"], "exec": "ts-node src/index.ts" }

ESM設定

Node.jsでESMモジュールを使用する場合は、moduleをNodeNextに設定します。
{ "compilerOptions": { "module": "NodeNext" } }

型安全な設定の読み込み

型付きインターフェースを使用して設定ファイルを読み込み、検証します。
interface AppConfig { port: number; db: string; }
const config: AppConfig = require('./config.json');

クイックチェック

TypeScriptプロジェクトで@types/expressを使用する主なメリットは何ですか？

まとめ

Node.jsでTypeScriptを設定する方法として、パラメーター、body、query用のRequest/Responseジェネリックに型を付けます。カスタムプロパティには、モジュール拡張によってRequestを拡張します。ミドルウェアとエラーハンドラーには、それぞれ固有のシグネチャで型を付けます。

よくある質問

「Node.jsでTypeScriptをセットアップする」レッスンは無料ですか？

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

「Node.jsでTypeScriptをセットアップする」で何を学びますか？

Node.jsバックエンドプロジェクト用にtsconfigを設定します。 ブラウザで直接実行するハンズオンコードでTypeScript Academyを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。

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

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

「Node.jsでTypeScriptをセットアップする」レッスンにはどのくらい時間がかかりますか？

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

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

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

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

  1. Node.jsでTypeScriptをセットアップする
  2. ExpressのRequestとResponseに型を付ける
  3. 型付きMiddlewareとError Handler
  4. 環境変数とConfigの型付け
← TypeScript Academyに戻る