ksakae1216 / angular2022 Goto Github PK

• リクエストURLの修正
  https://myorg.com/api/api/loginとなっていてapiが１つで良い
  →*/api/loginみたいにするので、ここは不要

• postmanでapi callできるよう確認
  → postmanはダメだったけど、fetchは大丈夫だった

• ログインID、パスワードの組み合わせを複数持てるようにする
  → 複数は別に持たなくて良いか（現状、大丈夫）

• login-api.tsに直書きしてるから、別jsonファイルとかに持っておきたい
  → ここも別に今は対応しなくても良い

デザインやcolorのTokenを設定し、class定義で使えるようにする。
それぞれで幅や高さを指定しない
参照) 下記は color
https://m3.material.io/styles/color/the-color-system/key-colors-tones

今は直接、classを指定

**管理したい

標準は16px

Hubbleのserviceでたまにやってる
これを実装する
※他に良い方法がないか調査するのもあり

cookieにdummyTokenを設定してる
これが30分で切れるか確認。

もしtokenが切れないなら、何かしら対応が必要

ログインボタン押下で、msw mockにapi callし、成功したらログイン後の画面に遷移

開発環境だけなら、 http://localhost:4200/api/login みたいなコードをハードコードしても良いが、複数環境を想定しなければいけないので${rootUrl}/api/loginのようにしたい

cypress componentテストを実施したらバージョン関連のwarningが出力された

• ヘッダー固定でボディをスクロール(sticky header) -> done
• paging -> done
• ソート
• チェックボックス -> done
• 複数選択メニュー -> done

GCPでも良いし、他のでも良い

component storeも対応必要かも

ログインID、パスワードの両端と外側のカードの線がくっついてる
テキストボックスの外側に余白が必要

tokenがcookieに存在するかチェック

top画面、その他の画面を作成した後でも良さそう

1つのアプリだけなら問題ないが、将来的に複数アプリになる場合に困るので、下記のイメージにする

現状
libs
|- feature-top
|- shared

変更後
libs
|- myorg
　 |- feature-top
　 |- shared
|- second-app
|- third-app

pull-reqを作成したら、デプロイ環境ができるようにする

下記を参考にやったが全然ダメだった。
https://cloud.google.com/run/docs/tutorials/configure-deployment-previews?hl=ja

また、いつか挑戦する

• pnpmに置き換えられないか？
• GCPのPersistent Diskにキャッシュを置くことができそう（ChatGPTがそう答えてた）
• 他の方法