全てを書き換え続ける。N予備校Webフロントエンド実装6年のあゆみ - ドワンゴ教育サービス開発者ブログ

はじめに ドワンゴ教育事業 Web フロントエンドチームの berlysia です。 ドワンゴ教育事業が提供するオンライン学習サービス『N予備校』は、この 4 月でリリース 6 周年を迎えました。N 予備校の Web フロントエンドはリリース以来、全面的な書き換えを行い、今も続けています。 この記事では書き換えに伴う N 予備校の Web フロントエンド実装の変遷を説明し、これら書き換えの経験やWebフロントエンドという領域の性質を踏まえて、すべてを書き換え続ける選択をしていることを述べます。 この記事は berlysia が他社様イベント*1にて発表させていただいた話題を元に再構成しています。 speakerdeck.com ※JSConf JP 2021 で発表させていただいた事例とは異なるコードを対象にしています。 はじめに 実装の 5 つの世代 v1 v2 v3 v3(TypeSc

[berlysia]

書きました。変化し続けるには変化し続ける必要があるみたいな話をしてます

[ledsun]

“コードに寿命があることを認め、交換可能な作りを重視します。私たちは全体を過剰に枠にはめることなく、侵襲度合いの低い道具とデファクトスタンダードに近い構成を維持して、理解が容易で捨てやすい作りを維持”

[TakamoriTarou]

レガシーコードを「伝説のコードであると伝わっています」って表現するのワロタ　　俺も使うわ。あのドキュメントは数々の伝説を残したものですので、恐れ多くて触れないとか言おう

[sifue]

N高/S高の学びの仕組みを支えてくださってありがとうございます！

[hmiyado]

N予備校 PC Web フロントの、そもそものアーキテクチャに対する考え方も含めて記事に書いていただきました

[tune]

置き換えていくグラフをイメージとして皆で共有しておくの大事だと思う。こうありたい。

[irimo]

フロントは全書換えが頻繁にあって大変。書き換えやすいように作ってるのか。車輪の再発明みがあって、モチベーションを保つのが大変そうですが、国内トップクラスのコードを示してよきですな

[t1mvverr]

仕組みを頻繁に変えすぎに思えるのだが…対個人のサービスはそうゆうものなのだろうか

[mayumayu_nimolove]

N校最近どうよ？

[door-s-dev]

面白いけどユーザー視点での違いが書かれてないのがなぁ

[Appakun]

“全ての実装パターンが統一されていなくともよいというおおらかさも得られます”