AngularとAngularJSを完全に勘違いしていた件

AngularとAngularJSは違うよ！
Dockerで環境を作る

AngularとAngularJSは違うよ！

Web業界よ！私は帰ってきた！と喜び、経験のあるAngularJSもある！

と喜んでいたのですが、なんとJSがついていないAngularを実装することが判明（）

紛らわし過ぎてワラタ・・・。

でも正直、AngularJSと似たようなものだったのでなんとかなりそうです。

JAVAより余程わかりやすそうだし楽しそう。

ってことで頑張ります！！

NodeJS
typesqript
bootstrap

とかとか、色々使っていきます。

とりあえずまずは使い方を学ばないと・・・。

Dockerで環境を構築からかなぁ。

Dockerで環境を作る

早速作ってみることにした。

シンプルな構成だった、

DockerでAngularをお試し - Qiita

をやってみたのだがエラー・・・。

You are running version v10.8.0 of Node.js, which is not supported by Angular CLI 8.0+.
The official Node.js version that is supported is 10.9 or greater.

Please visit https://nodejs.org/en/ to find instructions on how to update Node.js.
ERROR: Service 'node' failed to build: The command '/bin/sh -c npm install -g @angular/cli && ng config -g cli.packageManager yarn' returned a non-zero code: 3

あ、nodeのバージョンが古いんですね。

Dockerfileを

FROM node:13

# NPMを最新化
RUN npm install npm -g
# 最新のAngularをインストール
RUN npm uninstall -g @angular/cli
RUN npm install -g @angular/cli@latest


WORKDIR /projects

に変更しました。

$ docker exec $(docker ps -q -f "name=angular_node_1") node -v
v13.6.0
$ docker exec $(docker ps -q -f "name=angular_node_1") npm -v
6.13.6

無事、最新版が入ってそうです。

そのあとは、

# バージョンを確認
docker exec $(docker ps -q -f "name=angular_node_1") node -v
docker exec $(docker ps -q -f "name=angular_node_1") npm -v
# AngularProject作成
docker exec $(docker ps -q -f "name=angular_node_1") ng new MyApp
# Angularを起動
docker exec $(docker ps -q -f "name=angular_node_1") sh -c "cd MyApp && ng serve --host=0.0.0.0"