Speakers

kickflowトラック05:40〜06:10

Vue.js、Nuxtの機能を使い、大量のコピペコードをリファクタリングする

私が開発をしている一休.com/Yahoo!トラベルはここ数年間、開発のスピードと質の向上のために、もともとVB.NETとjQuery、素のJavaScriptで書かれたコードをGoとVue.js、Nuxtで書き直しています。多くの既存コードが新しいコードになり、開発のスピードと質は大幅に向上しました。 しかし、フロントエンドではVue.js、Nuxtのコードを実装する中で、様々な要因により大量のコピペコードが生まれてしまいました。今はこのコピペコードを解消するためにVue.js、Nuxtの機能を使い、適切に抽象化することで設計の改善を行っています。 なぜコピペコードが生まれてしまったのか、どのようにコンポーネント、コンポーザブルなどを設計してコードを改善してきたのか、具体的な事例をお話しするとともに、皆さんの開発に役立つ設計の知恵、プラクティスをお話しします。
いがにん

株式会社一休

WEBエンジニア

いがにん

株式会社一休で一休.com/Yahoo!トラベルのフロントエンドの開発をしています。Vue/NuxtとGraphQLを使った開発をしています。直近はフロントエンド改善チームというチームのリーダーとしてフロントエンドの課題分析、アーキテクチャの改善を行っています。開発メンバーが安全に質が高いコードを書けるよう毎日格闘中です。型で守られた開発が好きです。