DocBaseのフロントエンド改修をどのように進めたか

こんにちは、クレイの阪本です。 もともと外部委託パートナーとしてクレイ案件のお手伝いをしていましたが、気づけば中の人となっていました。 よろしくお願いいたします。 先日、DocBaseはフロントエンド構成を Backbone.js+Coffeescript から React.js+TypeScript へ移行しました。大改修です。 どれくらい大きな変更だったかというと、10万行(2500ファイル)もの変更が行われ、それまでRubyだったはずのリポジトリ代表言語がTypeScriptに替わってしまったほどでした。 なお、2021/3/31のリリースでリニューアルすべてが終了したわけではありません。今後、機能拡張やUI改善をしやすくするための足がかりという位置づけです。 安全にリリースするためテスト期間を多めに取ったこともあり、期間としては1年ほどかかってしまいました。 今回はどのようにリニュ

[kai_kou]

e2eテストあってこその大改修と言ってもいいのではなかろうか 「既存のe2eテストをそのまま使い、品質担保を継続させる」

[bake0937]

具体的にどう進めたのかの知見が詰まっていてとても参考になりました

[onigra]

“DocBaseのフロントエンド改修をどのように進めたか”

[efcl]

Backbone + Marionette + CoffeeScriptで書かれていたウェブサービスをReact + TypeScriptに一括で移行した話。 E2Eを使ったテスト、構造を維持しながらReact化、コンポーネントへの分離などの移行の方法についてなど

[nakajmg]

👏🏻

[cuttoff19]

すごい。。。

[tech0403]

こういう実績の共有はかなり参考になる。 次は自社のブログサイトのスマホ対応をしてほしい。かなり読み辛かった。

[ginpei]

『フロントエンド構成を Backbone.js+Coffeescript から React.js+TypeScript へ移行』すごすぎ。しっかり計画立て実施。まず部分的に変更、裏側やE2E試験、UI等は維持、CSSクラスは維持の後CSS in JSへ置き換え、週1で認識合わせ。