5. 歴史 • 第1世代： – PHP Smarty Template, ES5 – モノリシック • 第2世代： – Groovy Template, TypeScript, jQuery – モノリシック ：← いまここ – Node.js, Typescript, React, Flux, Mobx など – 各プロジェクトでリポジトリ分ける 6. なぜ作り直しているのか • 第2世代の問題点 – デプロイが遅い – デザイン単体の確認がしづ らい – Groovy Template が独特 – データを管理しているのは バックエンドチームのコード • → データを提供する仕組みが よく分からない – jQuery つらい – Global CSS つらい – モノリシックつらい 7. 対策1：フロントエンド分離 • Docker & Node.j