Nuxt

新規プロダクトの開発に Nuxt 3 を採用して良かったこと

ANDPADフロントエンドエンジニアの小泉です。 昨年の夏頃、担当したプロダクトで新規リポジトリでの開発を立ち上げる機会があり、Nuxt 3 を用いて構築を行いました。 アップデートではなく新規で Nuxt 3 サイトを構築するのは業務としては初めての経験だった…

改行コードから学んだ意図しないデータが生成されないようにする工夫

この記事はANDPAD Advent Calendar 2023 23日目の記事です。 こんにちは、motokikando です! アンドパッドに1期生で新卒で入社してから早いもので、9ヶ月が経ちました! 7月からプロダクトチームの1つであるANDPAD黒板チームにjoinし 、 現在サーバーサイドを…

Nuxt 3 × Vitest でユニットテストのエラーを全て解消するための調査レポート

Nuxt 3 × Vitest で既存のユニットテストを全て通すための調査レポート こんにちは、ANDPADでフロントエンドエンジニアをしている小泉(@ykoizumi0903)です。 昨年末に Nuxt 3 が正式リリースされて以降、アップデートに向けた移行作業を粛々と進めています…

Nuxt 3 アップデートで VeeValidate v3 から v4 に移行するには

この記事は ANDPAD Advent Calendar 2022 の 5日目の記事となります。 ANDPADでフロントエンドエンジニアをしている小泉(@ykoizumi0903)です。Vue / Nuxt.js での開発を行っています。 さて、Vue・Nuxt 界隈でこの年末ホットな話題と言えば、何といっても …

Nuxt.js の既存プロジェクトの型チェックを厳格化した話 ~vue-tsc と tsconfig/strictest 導入までの道のり~

ANDPADフロントエンドエンジニアの小泉(@ykoizumi0903)です。Vue / Nuxt での開発を行っています。 このテックブログでも、 Vue Composition API を使った開発にまつわる記事を過去に何件か書いていますが、現在担当しているプロダクトの開発に携わるよう…

Vue + JSX + Nuxt Composition API で最高のフロント開発体験

はじめに ANDPADでフロントエンドの開発を担当している小泉です。 前回、約3ヶ月前にVue Composition APIをチームで導入して得られたメリットという記事を書かせて頂きました。 その後、今年の5月頃からまた新たなプロダクトの立ち上げを担当する機会があり…

Vue Composition APIをチームで導入して得られたメリット

前書き はじめまして、ANDPADでフロントエンド開発を担当している小泉です。入社から2年弱ですが、ここ1年の社員数の増えるペースが速すぎてすっかり古株になりつつあります。 自分は入社当初からVue.js・Nuxt.jsを使って開発を行っているのですが、2020年7…

AngularJSからVueへの置き換えを8ヶ月やってみて得られたこと

開発部の横溝です。昨年、弊社ANDPADの機能「施工管理」をNuxt化するプロジェクトが始動し、停止しました。「停止」というと残念な感じがするので、充電期間に入ったと言い直しておきます。 「Nuxt化するプロジェクト」とは? 背景 改めて、この記事について…

塵も積もれば山となる、Vue.js製スプレッドシートのパフォーマンス改善記

はじめに はじめまして、オクトのフロントエンドエンジニアの小泉です。約1年前に入社し、Vue.js(Nuxt.js)でプロダクトのWebフロント開発に携わっています。 初めて会社のブログに寄稿するにあたって、自分がオクトでどんなことをしているかを書こうと思っ…

NuxtのSSRモードでメモリリーク?原因はaxios?

はじめに 最近金髪から黒髪に戻して更生しました藤井(フロントエンドエンジニア)でございます。久々にテックブログに貢献させて頂きます! 今はメインの施工管理機能の改修の傍ら、新機能開発にも携わっておりまして、フロント側はSSRモードのNuxtを採用し…

NuxtMeetUp#8 登壇レポート

NuxtMeetUp#8 に参加&登壇してきました! オクト プロダクトチームの藤井です。普段はフロントエンド機能開発や改善を担当しています。 先日、永田町GRIDで開催されたNuxtMeetUp#8に参加してきました! nuxt-meetup.connpass.com このイベントは会を追うごと…