TypeScript環境構築 Docker

TypeScriptを使用した開発を効率的に進めるために、Dockerを利用して環境を構築する方法について説明します。

Step 1: Dockerのインストール

まず最初に、Dockerをインストールします。以下は、Linuxベースの環境でのインストールコマンドです。

sudo apt-get update
sudo apt-get install docker-ce docker-ce-cli containerd.io

WindowsやmacOSの場合は、公式サイトからDocker Desktopをダウンロードしてインストールしてください。

Step 2: TypeScriptプロジェクトのセットアップ

次に、TypeScriptプロジェクトを作成し、基本的な設定を行います。以下は、TypeScriptプロジェクトを初期化するコマンドです。

mkdir my-ts-project
cd my-ts-project
npm init -y
npm install --save-dev typescript

Step 3: tsconfig.jsonの作成

TypeScriptの設定は、tsconfig.jsonファイルで管理します。以下は、基本的なtsconfig.jsonの例です。

{
  "compilerOptions": {
    "target": "es6",
    "module": "commonjs",
    "outDir": "./dist",
    "strict": true
  },
  "include": ["src/**/*.ts"],
  "exclude": ["node_modules"]
}

Step 4: Dockerfileの作成

Dockerコンテナを構築するために、Dockerfileを作成します。以下は、簡単なDockerfileの例です。

FROM node:14

WORKDIR /usr/src/app

COPY package*.json ./

RUN npm install

COPY . .

RUN npx tsc

CMD ["npm", "start"]

Step 5: Dockerイメージの構築と実行

最後に、作成したDockerfileを使用してDockerイメージを構築し、コンテナを実行します。

docker build -t my-ts-app .
docker run -p 3000:3000 my-ts-app

これで、TypeScript環境がDockerコンテナ内で構築され、ポート3000でアプリケーションが実行されます。必要に応じてポートやファイルパスを調整してください。