雑多メモ

業務でangularを使っていて、画面に表示する文言を定数化し、IDで取得できるようにしているようだがどうやってIDで取得できるようになっているのか分からない、、。

↓
調べてみると、ngx-translateという多言語化用のライブラリを使用しているっぽい。
文言の定数化に多言語対応するためのライブラリを使用してよいものか疑問が残るが、とりあえず実現方法を知ることができたので良し。

状態管理というのが何なのかあまり理解ができていなかったので調べてみた。

↓

状態というのはアプリケーションが持つデータのことで、フロント側でデータを管理することをいう。

データを管理することで、画面遷移によるUIの変化だけでなく、データの移り変わりでUIを変えることもできるようになる。

基本的にはコンポーネント内で管理し、コンポーネント間でデータの管理をする必要が出てきたら状態管理することを視野に入れる

今開発しているブログのフロントエンドのアーキテクチャについて言語化する。

使っているのはangular。
構成は

• components
• models
• services
• api

componentsの中に

• pages
• shared
  というような構成にしている。

componentsにはUIコンポーネントを配置。
modelsにはデータを格納するためのオブジェクトを配置。
servicesにはフロントのビジネスロジックを格納。
apiはサーバと通信する処理系を格納。

pagesは画面遷移するページ（ＵＩ）を格納。
sharedはページ間で共通で使用するようなコンポーネントを配置する（headerやfooter等）