Vue

複数の開発チームの機能開発を止めずに Nuxt3 へアップデートしました

はじめに 背景 1. 大きなリリースによるアップデートに失敗した 2. 機能開発を止めずにお客様へ価値提供したかった 課題 リリース管理の複雑さ 取り組んだこと 1. 変更予定の内容と実施時期を透明化する 2. アップデート作業による変更量を小さく頻繁にリリ…

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

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

知見ゼロからプロダクションコードを書くまでの研修を考えてみた

この記事は ANDPAD Advent Calendar 2022 の 15日目の記事です。 soe-j です。 前回勢いで書いたので、2回目は落ち着いて書こうと思って投稿数日前。そんなもんですよね。 アンドパッドでは新卒採用を始めたこともあり、新たな挑戦の機会に立ち会うことが多…

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 を使った開発にまつわる記事を過去に何件か書いていますが、現在担当しているプロダクトの開発に携わるよう…

Writable Computed を活用して読みやすいVueコードを書くためのTips

Vue

こんにちは、ANDPADフロントエンドエンジニアの小泉(@ykoizumi0903)です。 ANDPADでは入社当初からずっとVueでの開発を行っており、特に直近2年はComposition APIで開発しています。 今回は、Vueでの開発を続けている中で、個人的に最近気に入って積極的に…

Composition API + Jestでコンポーネントを一切マウントせずに書けるフロントエンド単体テストパターン

どうもこんにちは! 2021年4月にANDPADにジョインし、現在チームでフロントエンドの開発をしている鳩です。 こちらのVue Composition APIをチームで導入して得られたメリット - ANDPAD Tech Blogでも取り上げられていますが、私のチームでもOptions API + Vu…

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

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

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

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

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

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

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

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

開発部全体にVue.jsハンズオン勉強会を開催した

はじめに どうもオクトテックブログ編集長の藤井です!(なぜか流れで編集長を拝命した。やりたい人いたら代わってほしい) 先日、ANDPADのVue.js技術顧問をしていただいている喜多さん(@kitak)さんに開発部向けにVue.jsのハンズオン勉強会をしていただきま…

ANDPADにおけるVue.js活用事例だよ

はじめに どうもー、工程管理チームの藤井です。先週とあるイベントで登壇予定だったのですが、台風の影響により無くなってしまいました・・。致し方ない。。 せっかく作った資料ですし、こちらで公開させて頂きます! 資料だよ 弊社におけるVue.jsの活用事…