【PR】を含みます。

プログラミング

【Windows】TypeScriptのインストール手順

Windows TypeScriptのインストール手順

Windows PCでTypeScriptをインストールする手順とTypeScriptが正しくインストールされたか確認する方法を解説します。

作業環境
  • Windows
  • TypeScript 5.8.2

事前準備(Node.jsのインストール)

PCにNode.jsがインストールされていない場合、npmコマンドを使用するためNode.jsのインストールが必要です。

Node.jsのインストール方法は以下記事で解説しています。

あわせて読む
Windows Node.jsのインストール手順
【Windows】Node.jsのインストール手順

もくじNode.jsのインストール方法Node.jsのインストール確認 Windows PCでNode.jsをインストールする手順とNode.jsが正しくインストールされたか確認する方法を解説します。 ...

TypeScriptのインストール手順

  1. Windowsの検索バーに「cmd」と入力し、表示された「コマンド プロンプト」をクリック

    TypeScriptのインストール説明画像1
  2. 立ち上がった「コマンド プロンプト」にnpm install -g typescriptと入力し、「Enter」キーを押下

    -gを指定すると、システム全体でパッケージを利用できるようにインストールされ、どのディレクトリからでもTypeScriptのコマンドを実行できるようになります。

    -gを指定しない場合、パッケージは現在のプロジェクト(ディレクトリ)にインストールされます。

    Command
    Copy
    1. npm install -g typescript
    TypeScriptのインストール説明画像2
  3. インストールが完了するまで待機。

    TypeScriptのインストール説明画像3

TypeScriptのインストール確認

  1. 「コマンド プロンプト」にnpm ls -g typescriptと入力し、「Enter」キーを押下

    Command
    Copy
    1. npm ls -g typescript
    TypeScriptのインストール確認説明画像1
  2. TypeScriptのバージョン名が表示されたら、TypeScriptが正しくインストールされています。

    TypeScriptのインストール確認説明画像2

udemyでTypeScriptを学ぶ

学習時間
13.25時間
学習内容
  • TypeScriptの基礎的な型からコンパイラの設定方法、クラスやインターフェース、応用的な型まで
  • ジェネリクスや、デコレータ、モジュール、Webpack、JavaScriptライブラリーの使い方など実践的な開発方法
  • オブジェクト指向プログラミングを使ったデモの健康管理アプリの開発
  • React/ViteやNode jsとTypeScriptを一緒に使う方法
対象受講者
  • TypeScriptに挑戦したいJavaScriptエンジニア
  • もっとTypeScriptについて詳しく知りたいAngularエンジニア
  • ReactやVueの様なJavaScriptフレームワークを使っていて、TypeScriptにも興味を持っているフロントエンドエンジニア
  • モダンな開発に興味がある方
  • Progateを一通り終えて、新しい言語を学びたい方
  • 本で学ぶよりも動画で学ぶ方が好きな方
アイコン画像

もみじ

動画で TypeScript について学びたい方におすすめの講座です。

私も TypeScript の概要を学びたいと思い、この講座を受講しましたが、丁寧な解説で分かりやすかったです。

プログラミング未経験の初学者にとっては、一度で理解するのは難しいかもしれません。

-プログラミング
-