約半年ほど仕事を休職していまして、最近元の職場に復帰しました！✨ すごく久しぶりに仕事のプロジェクトを立ち上げていつも通りChromeからのVue Devtoolsを使おうとしたら以下のメッセージが… Migration Tips Vue DevTools v7 detected in your Vue2 project. v7 only supports Vue3 and will not work. The legacy version that supports both Vue 2 and Vue 3 has been moved to here, please install and…

はじめに こんにちは、エキスパート/lite 開発の中原です！ ビザスクでは主に Vue.js を使用してフロントエンド開発を行っています。 みなさんは Vue.js がどのように実装されているか意識したことはありますでしょうか？ ライブラリを使う時その裏でどんな処理がされているのか正しく理解していないと、意図した挙動をしてくれなかったり、思わぬところでバグが発生することがあります。 今回は Vue.js のリアクティブ機能を実現する ref() と reactive() に焦点を当て、実際のソースコードを読みながら内部動作を理解していきたいと思います。 ref() まずは ref() のコー…

概要 対象読者 方針 コンポーネントのテスト方針 テストコード設計 setup 関数を用いたdomの取得の汎用化 API mockの設計 終わりに 参考文献 概要 OLTAのINVOYでフロントエンドエンジニアを担当している小林です. INVOYは、請求書発行や共有に加え受取請求書の自動データ化やカード決済機能などを提供するサービスです．日々機能が追加される中で、ユーザーに安定したサービスを提供し続けるためには、不具合を防ぐためのテストが不可欠です．そこでINVOYのフロントエンドでは、E2Eテスト自動化ツールであるAutifyを導入し、テストを実施しています．これにより、大きな不具合もなくサ…

問題の概要 Vue.js環境でHandsontableを使用しているアプリケーションで、開発環境のブラウザに以下のようなメッセージが表示されたので、解消方法を調査した。 The license key for Handsontable is missing. Use your purchased key to activate the product. Alternatively, you can activate Handsontable to use for non-commercial purposes by passing the key: 'non-commercial-and-ev…

この記事は弁護士ドットコム Advent Calendar 2024 12日目の記事です！ クラウドサインのフロントエンドエンジニアのツノ(𝕏@2nofa11)です。2024 年 3 月に入社し、12 月で 10 ヶ月が経ちます。 少し早いですが、クラウドサインのエンジニアとしての 1 年を YWT（やったこと、わかったこと、次にやること） 手法で振り返ってみます。 ちなみに、入社 1 ヶ月後の振り返りについては過去に記事を執筆していますので、よろしければ合わせてご覧ください。 creators.bengo4.com 2024 年の振り返り 転職は今回で 2 回目ですが、クラウドサインでの 1…

こんにちは。GMOメイクショップの黒木です。 弊社の makeshop というサービスでは、2024年12月11日（水）に新管理画面の注文詳細のリニューアルを行いました。 www.magazine.makeshop.jp 新注文詳細は、アーキテクチャから見直して、将来的なデザイン変更にも柔軟に対応できるような設計を目指しました。この記事では、そんな新注文詳細のアーキテクチャについて、詳しくご紹介します。 旧注文画面の課題 旧注文詳細の依存関係 コンポーザブルの依存関係が強すぎた 新注文詳細のアーキテクチャ アーキテクチャを考える上で重視した点 将来的なデザイン変更にも柔軟に対応できる構成 St…

はじめに Pinia Colada とは 非同期処理の課題 1. 冗長なコード 2. 状態管理の複雑さ 3. 効率的なデータフェッチング 非同期処理における様々なアプローチ 1. Vue Promised 2. swrv 3. TanStack Query (Vue Query) Pinia Colada の優位性 Pinia Colada の基本的な使い方 セットアップ 基本的なデータ取得の例 ポイント解説 まとめ はじめに この記事は every Tech Blog Advent Calendar 2024 の2日目の記事です。 はじめまして、エブリーの羽馬（@naoki_haba）です。…