MBP(はてな)

MacBook Pro,iPhone Xs,React

AWS AmplifyとVercelでAngular

$ npm install -g @angular/cli
$ ng --version
Angular 12.2.3

$ ng new amplify-angular
$ cd new amplify-angular
$ ng serve --open

http://localhost:4200

GitHubリポジトリを作成
GitHub - hiroyuki12/amplify-angular

$ git remote add origin git@github.com:hiroyuki12/amplify-angular.git
$ git branch -M main
$ git push -u origin main

AWSコンソールを開き、
AWS amplifyを選択
New app - Host web appを選択して、
GitHubを選択、
作成したリポジトリを選択して、
デプロイ

デプロイの進捗は、AWSコンソールで確認

https://main.d36is0jgfxe0np.amplifyapp.com

Vercelにデプロイ
https://amplify-angular.vercel.app

【初心者向け】Angular とは?メリット・基本をわかりやすく解説 - カゴヤのサーバー研究室

$ vi src/app/app.component.ts して、titleを変更して保存すると
画面が更新される。

$ vi src/app/app.component.html して、Welcomeを変更して保存すると
画面が更新される。


Angular入門 未経験から1ヶ月でサービス作れるようにする その2. ディレクトリ構造とコンポーネントの基礎 - Qiita



AngularでTodoアプリを作ってみよう | パソコン工房 NEXMAG


チュートリアル:Tour of Heroes
Angular 日本語ドキュメンテーション
https://angular.jp/tutorial/toh-pt5