運用期間20年 DMMが明かす、Vue.jsを使って長期運用サービスを改善するまで

2018年9月5日、第70回となる「HTML5とか勉強会」が開催されました。今回のテーマは「開発環境」。 Webフロントエンドの開発環境をテーマに、エディタプラクティスやServiceWorkerを開発ツールとして使うアプローチ、長期運用されたサービスのリニューアル方針など、登壇者たちがその知見を語ります。プレゼンテーション「長期運用サービス改善のために構築した開発環境の話」に登場したのは、koyano氏。DMMにおいて長期間運用されているサービス「DMM動画」の改善のために、Vue.jsを使って取り組んだことについて語りました。講演資料はこちら 長期運用サービス改善のために構築した開発環境の話 koyano氏：それでは始めさせていただきたいと思います。よろしくお願いします。 （会場拍手） 「長期運用サービス改善のために構築した開発環境の話」をさせていただきたいと思います。 まず自己紹介

[yarumato]

“技術的負債の解決。小さな単位の修正・置き換えを繰り返し全部置き換えを目指す。Vue.js選択理由はjQuery並に学習コストが低くデザイナーにもコードが書けたから。ツールはSketch, Figma。パーツ製作管理はStorybook for Vue”

[rararoro-ryo]

全然話違うんだけどsketchからfigma移行が進んでる気がして、これからのいろんなツールは同時編集がないと生き残れないのではと思った。

[astk_f]

c[frontend]

[ntaoo]

これ大事。Flutterでも同様　/　デザイナーでも使えるぐらい学習コストが低くてサクサクコードが書けた

[tohokuaiki]

Vue.jsはデザイナーが使えるという学習コストを評価した。