ビューフェスジャパン2026
Vue Fes Japan 2026のメインビジュアル。VueをイメージしたVのシルエットと、日の丸をイメージした丸のシルエットが横に並んでいる。色は深い抹茶のような色をしており、丸のシルエットには金色の墨流し模様が描かれている。
大手町プレイス ホール &カンファレンス

Speaker

メドピアトラック
17:20 - 17:50
ushironoko

型なし、テストなし、1万行のドメインロジックがあるVuexをPiniaへ移行する

Studioでは、10年に及ぶ開発で蓄積したVue.jsコードの資産があります。これらはStudioのホットパスを今でも支え続けていますが、新しいコードを追加するたびに古いコード、特にVuexが抱えるドメインロジックがまるで炎症のように痛んでいました。2026年になり、コーディングエージェントが当たり前の時代になっても手をつけられておらず、社歴の長い人ほど手をつけられるものではないという認識になっていました。今回は、入社3ヶ月(当時)の私がこの課題にどう向き合い、完遂したかを話します。Vuex/Piniaに関する話と、コーディングエージェントをうまく使う話、課題に対してのマインドの話を3:4:3くらいの割合で話します。マイグレーション後に行った、さらに広範囲のモジュール依存やドメインモデリング改善へPinia化がどう好影響をもたらしたかについても触れます。

ushironoko

所属
Studio株式会社
肩書き
フロントエンドエンジニア

ushironoko

所属
Studio株式会社
肩書き
フロントエンドエンジニア

型なし、テストなし、1万行のドメインロジックがあるVuexをPiniaへ移行する

Studioでは、10年に及ぶ開発で蓄積したVue.jsコードの資産があります。これらはStudioのホットパスを今でも支え続けていますが、新しいコードを追加するたびに古いコード、特にVuexが抱えるドメインロジックがまるで炎症のように痛んでいました。2026年になり、コーディングエージェントが当たり前の時代になっても手をつけられておらず、社歴の長い人ほど手をつけられるものではないという認識になっていました。今回は、入社3ヶ月(当時)の私がこの課題にどう向き合い、完遂したかを話します。Vuex/Piniaに関する話と、コーディングエージェントをうまく使う話、課題に対してのマインドの話を3:4:3くらいの割合で話します。マイグレーション後に行った、さらに広範囲のモジュール依存やドメインモデリング改善へPinia化がどう好影響をもたらしたかについても触れます。