ZEN Study Webフロントエンドの10年とこれから——「常に最善のやり方を選び続ける」ドワンゴ開発者ブログ

概要

ZEN Study（旧N予備校）が2026年4月にリリース10周年を迎えたことを機に、ドワンゴ教育サービス開発者ブログがWebフロントエンドの変遷を振り返った。「今できる最善のやり方を常に選び続ける」という方針のもと、継続的な書き換えを繰り返してきた歴史が語られる。

現在はReact + TypeScript + SPA構成だが、Rails view→Page.js+jQuery→flowtype→現在の構成と変化し続けた
4年前の記事「すべてを書き換え続ける」で示した方針（交換可能な作り、デファクトスタンダードに近い構成維持など）が今も継続
この4年での苦境：ライブラリのメジャーアップデート移行、API仕様と密結合した内部実装の問題
新たな取り組み：外部API接続を抽象化するexternal-functionsの導入、CSS Modulesへの回帰、PlaywrightによるE2Eテストの試験的導入
プロダクトコードは4年で約2.3倍、テストコードも大きく成長