Node.jsとTypeScriptでHello Worldを出して遊ぼう。

今回はTypeScriptとNode.jsでHello Worldを出して遊ぼうと思います。
TypeScriptは前々から気になっていて、初めて使います。
Node.jsは本を買ってサーバーを建て、その後に概念を読んだ結果ぱっぱらぱーすぎてやめたのでリベンジ！

1. 今日のお供

旦那も私もライチが好きで、気がついたら旦那が箱買いしていた贅沢絞りのライチです。

2. 今回参考にしたサイト

私はただ備忘録として、遊んだ結果を書きたいだけなので、本気でやりたい方はこちらを参考にされたほうが良いかと思います。

qiita.com

3. TypeScriptプロジェクトの作成

プロジェクトフォルダを作成して、package.jsonを出力します。

mkdir ts-sample
cd ts-sample
npm init -y

package.jsonを出力

参考サイトにしたがって、package.jsonを編集します。

package.json

プロジェクトに必要なディレクトリを作成します。

mkdir .vscode src test config

ディレクトリ作成

4. TypeScript実行環境をインストール

TypeScriptトランスパイラと実行ツール（ts-node）をインストールします。

npm i -DE typescript ts-node 

TypeScriptトランスパイラ（tsc）とTS実行ツール（ts-node）のインストール

tsconfig.json（トランスパイル設定ファイル）を出力します。

node_modules\.bin\tsc --init 

tsconfig.json（トランスパイル設定ファイル）を出力

tsconfig.jsonを修正します。

1~25行目

26~51行目

52～68行目

5. いざ、Hello World！

main.tsを作成します。

const message: string = "world";
console.log(`Hello ${message}`);

main.ts

コンパイルを実施します。

node_modules\.bin\tsc

buildディレクトリ下にmain.jsが出力されていることを確認します。

main.jsの存在確認

main.jsの中身はこうなっています。

main.js

実行してみます。

node build/main.js

Hello World！

Hello World！

6. Hello World！完了

ただ参考サイトを見ながら実行して行っただけなので、特に深く理解とかはしていませんが、まぁ最初はそんなもの！
次回はTypeScriptを使用してサーバー建てたいなぁ。