JavaScriptをドットインストールで学ぶ①

そろそろ、Dockerで環境構築にも飽きてきたのでプログラミング学習。
実行環境はDocker composeで作成。

• プロジェクトディレクトリの作成

mkdir js_test
cd js_test

• compose.ymlの作成

vim compose.yml

1. nginxのイメージを使用
2. コンテナ名は「web」に設定
3. ドキュメントルートにカレントディレクトリにあるhtmlディレクトリを指定
4. ホストOSの8080ポートにコンテナの80ポートをマッピング

compose.ymlの内容

services:
 web:
  image: nginx
  volumes:
   - ./html:/usr/share/nginx/html
  ports:
   - "8080:80"

• htmlディレクトリと学習用ファイル作成

mkdir html
cd html
vim index.html
vim main.js

• コンテナ起動（プロジェクトディレクトリで実行する）

docker compose up -d

これで学習環境の完成。
学習するときはmain.jsをかきかえながら、適宜「localhost:8080」へアクセスして結果を確認する。

• console.log()で変数を評価する方法
  出力内容を``で囲んで、変数を{}で囲って、$を直前に置く。

console.log(`Hoge ${i}`);

• スプレット構文
  下記例では、配列の中で別の配列を展開して、新しい追加の値として代入している。

const hoge = [10, 20];
const foo = [30, 40, ...hoge];
//下記のような記載だと直接配列が代入されてしまう。
const foo2 = [30, 40, hoge];
console.log(foo);//[30,40,10,20]
console.log(foo2);//[30,40,Array(2)]