🪟

TypeScriptでちょっとした処理を書く - TypeScript入門

2023/02/26に公開

概要

TypeScriptコードの動作検証や定型処理を自動化したい場合など、お手軽にTypeScriptを実行したい場合があります。
このような場合はts-nodeを使ってサクッと実行することができます。

ゴール

TypeScriptで書いたhello worldソースを直接実行します。
image title

必要なもの

  • 作業時間:10分
  • nodejs(npm)

インストールと実行

  1. typescriptとts-nodeのインストール
    typescriptと、お手軽に実行するためのts-nodeをインストールします。

    npm install typescript ts-node
    

    image title

  2. 初期化する
    TypeScriptを実行できるようにnpx tsc --initコマンドを実行してtsconfig.json を作成します。

    npx tsc --init
    

    image title
    コマンドを実行するとtsconfig.jsonが作成されてます。
    image title

  3. hello worldソースを作成する
    hello world!を出力するのみのソースを作成します。

    hello.ts
    console.log("hello world!")
    
  4. TypeScriptで実行する
    TypeScriptで書いたスクリプトの実行はnpx ts-nodeコマンドを使用します。

    npx ts-node hello.ts
    

    無事にhello world!が表示できました。
    image title

サンプルコード

この記事で使用するコードはgithub上に公開しています。

感想

TypeScriptは大規模開発向けの言語とされていますが、ちょっとした処理を書くのにも便利です。

GitHubで編集を提案

Discussion