挑戦的な要件があります。要件は次のとおりです。
- 現在、10 個の UI 要素で UI を設計しています。
- ユーザーはほとんどレコードを作成していません。
- 1 か月後、新しいリリースが行われ、画面に 12 個の UI 要素が表示されます。
- ユーザーが新しいレコードを作成すると、12 個の UI 要素が表示され、古いレコードを開くと、10 個の要素が表示されます。
これを実現するには、レコードが作成されたバージョンを保存し、そのバージョンに属する HTML をレンダリングできると考えました。しかし、コードが 100 のリビジョンを取得した場合、HTML の重複が大量に存在するため、プロジェクトのサイズが不必要に増加し続けます。
フロントエンドで「switch-case」または「if-else」ステートメントを使用することを考えましたが、JS によって行われる負荷が大きすぎるため、UI が遅くなります。
この要件を JS、jQuery、または Angular で実現する方法を提案してください。それが機能するまで、どのフレームワークでも問題ありません。
事前にご回答いただき、誠にありがとうございました。