Upgrade to Pro — share decks privately, control downloads, hide ads and more …

普通のエンジニアが頑張って30万行のNuxt3移行した話 / Vue Fes Japan 20...

konkarin
October 18, 2024
2.4k

普通のエンジニアが頑張って30万行のNuxt3移行した話 / Vue Fes Japan 2024 Nuxt3 version up

konkarin

October 18, 2024
Tweet

Transcript

  1. Yappliのフロントエンドについて • コード⾏数:約 33 万⾏ • コンポーネント数:約 1,400 コンポーネント •

    ページ数:約 100 ページ • フロントエンド6名と⼀部のバックエンド数名で⽀えています 02 Nuxt3バージョンアップについて
  2. つまり‧‧‧ 03 技術的な⼯夫と解決策 1. Nuxtの初期化中は app.config.errorHandler = handleVueError をする 2.

    Sentryは handleVueError を保持して app.config.errorHandler を上書きする 3. 2で上書きされたのでNuxtは app.config.errorHandler = undefined をしない 4. エラーが起きると Sentryが handleVueError を実行しちゃう 😱
  3. 成⻑できたポイント 04 バージョンアップを終えて After Before 1. Vue/Nuxtを雰囲気で使える 2. 検索でわからないエラーは詰む 3.

    コードの⾃動変換とかASTとか わからん 1. Vue/Nuxtがどうやって動くか ちょっとわかった上で使える 2. エラーをスタックトレースから 追える‧解決できる 3. あれこれ⾃動化できる