朝の人も夜の人もおはようございます。ザワです。自然の雄大さを感じる年頃のフロントエンドエンジニアです。 さて、私は仕事柄、ソースコードのレビューをします。その最中、気づいたんです。比較的簡単にできるリファクタリングってあるよねって。今回はそんなお得なリファクタリング項目を五つに絞って紹介いたします。 普段vueを触ることが多いので、一部vueでソースコードを紹介いたします。 関数名変更 変更前 <button @click="onClick">トップへ</button> const onClick = () => { router.push('/') } 変更後 <button @click="goToRoot">トップへ</button> const goToRoot = () => { router.push('/') } 変更前のonClickでも別におかしくはありませんが、vueの
![【作業効率up】すぐにできるリファクタリング5選 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作](https://cdn-ak-scissors.b.st-hatena.com/image/square/dbf6f7eaf71ba51fa72e7708f35a7b0d5b25d162/height=288;version=1;width=512/https%3A%2F%2Fliginc.co.jp%2Fwp-content%2Fuploads%2F2021%2F08%2Fec_210804_e1_OGP_1.png)