Vue.js＋Vuex＋TypeScriptのWebフロントエンド開発現場を前向きに改善した話 - ZOZO TECH BLOG

こんにちは。Webフロントエンドエンジニアの松井菜穂子です。 ZOZOテクノロジーズに入社して一年ほど経ちます。 あるサービスの立ち上げから運用まで、Webフロントエンドのチームリーダー・開発メンバーとして関わってきました。 当記事では、当社のWebフロントエンド開発現場にあった問題と、それぞれの課題に対して堅実に積み重ねた技術的な改善方法についてご紹介します。 はじめに モダンな技術でも負債は生まれる 負債を何故改善するのか 要因 その1: Vueコンポーネントを綺麗に分割する テンプレート コンポーネントクラス 使用例 解決策 テンプレート コンポーネントクラス 使用例テンプレート 使用例コンポーネントクラス コンポーネントカタログで汎用化を促す コード テンプレート（atoms.vue） コンポーネントクラス（atoms.vue） サンプル その2: Vuexをシンプルにする Sta

[efcl]

VueとVuexでのステート管理、TypeScriptの型改善について

[kic-yuuki]

"Vuexで何を扱っているかということの明確化と、仕様に精通していないと手が出せない部分の線引きをしました"

[yoshikidz]

コードベースだしTypeScript以外の作りの設計の話をするときに参考に話せそうな内容だなー。

[Quramy]

普段Vue使う機会ないけど、良い話だ

[kazoo_oo]

Vueはサクサク書けはするけど、人によってコンポーネント境界もvuexの責任範囲も本当にマチマチになりやすいもんな。

[maecchi]

モダンな技術を利用していても、後々まで残る問題があったらそれが負債になってしまうなあ。

[wn_trinity]

オッ

[h_taiji]

超重要な資料、探してたやつーー

[yasu-log]

vue-class-componentとvue-property-decoratorを使っているのですね

[len_prog]

こういう記事読みたかった。ありがたい。

[lemarc]

終了したZOZOグローバルのやつかな？

[kidd-number5]

“それでも時間を割いてコードを改善しようと決めたのは、前向きなチームを作ることが重要だと思ったからです。”

[inductor]

技術スタックの選定と組織的な改善は表裏一体というのがよく分かる。技術研鑽とチームビルディングはどちらも同様に重要だし、今後もそういうことが意識できる組織を組み上げていきたいなと思えるようなエントリー。

[rlho]

モダンな技術でも負債は生まれる。その中で負債を改善していく話。いい話だなー