料理教室事業部の長(@s_osa_)です。最近読んで面白かった漫画は『ランウェイで笑って』です。 クックパッド料理教室では今年10月にデザインの全面リニューアルを行ないました。 Before After ユーザー向けページの HTML, CSS, JavaScript を約1ヶ月でまるっと書き換えるプロジェクトでした。 今回はそんなデザインリニューアルを支えた仕組みについて書きたいと思います。 全面リニューアルの大変さ 「全面リニューアル」 聞いただけで大変さがにじみ出る言葉ですが、具体的に何が大変なのか少し考えてみます。 主な大変さは2つあると考えています。 スコープが大きい デザインの全面リニューアルという性質上、全ページが対象になります。 クックパッド料理教室のコードはそれほど大きくない Rails ですが、それでも対象の view ファイルは約200ほどあります。 もちろん、これら
![料理教室のデザインリニューアルを支えた技術 - クックパッド開発者ブログ](https://cdn-ak-scissors.b.st-hatena.com/image/square/43f8ee1e713d7583c6f753a5a4e5c16583433fc8/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fs%2Fs_osa%2F20171219%2F20171219171826.png)