2023/06/08
zozoのNext.jsフロントエンドリプレイスの話
CSRにはSEOに無関係なものにする
SSR
動的にメタタグが必要
よかったところ
サーバサイド、フロントどちらでレンダリングの切り替えができた
苦労したところ
SPAなどいろいろなフロントエンドの環境があるので、戻った時にスクロール位置が復元できなかった
オンプレミスからクラウドへ
Gatling Opeater
フロントエンドリアーキテクト
再構築するなら以下の順番でこれで書き直せないか考えていく
リファクタリング
コード単位の書き直し
リアーキテクト
設計単位の再構築
ビッグリライト
書き直し
これは最終的にどうしようもなかった場合
リアーキテクト、リファクタリングはコードのブラックボックス化を防ぐことになる
コードのオーナーシップ
リアーキテクト
フロントエンドとバックエンドを切り分けるのが最初
リアーキテクトの選択肢
特定の画面に決めて、小さく始める(スコープを切り替えて実施する
もっとコンポーネントを分割して、共通パーツを作ることから始めて、徐々に共通パーツに寄せていく
コンポーネントの機能を洗い出し、共通化がむずかしい、ビッグリライトになりがち
スコープを切って、逐次的にやっていくのが一番良い
アンチパターン
周辺の技術バッカリやってしまう(npm, yarn
testツール
サービスの改善止めて、リアーキテクトを進めるパターン
基本は射撃しつつ、前身