Vue2

Vite + Vanilla 前回の記事では Vite と Vue3 を使って npmパッケージ を使えるところまで作成しましたが、どうやら Vue2 プロジェクトでは使用できないようです。今回は、Vite を使って Vue2 でライブラリビルドをできるように Vite + Vue2 の準備をしようと思います。

こんにちは、新人エンジニアの久々江です。 本稿では、Vue.jsのv2系＋Options APIからReactへの移行のTips、特にReact Hooksに関するものを紹介します。 筆者が担当するプロダクトでは、Vue2からReactへリプレイスを進めています。 筆者自身もチームメンバーもReactの業務経験は無く、実装を進めるにあたり様々な疑問が生まれました。特に弊チームメンバーのようなVue2経験者にとってReact Hooksは特異な概念でした。 本稿は、チームメンバーからのReact Hooksとは何か？、どのように使うのか？といった疑問に対する回答としてまとめましたが、他にもVue…

環境 vue3.2.6 (OptionsAPI) node 18.16.1 内容 Vue2で元気に動いていたチェックボックスがVue3に上げたら動かなくなった。 正確にはチェックボックスをクリックしてもチェックが付かない状態になった。v- modelの中身をconsole.log()で表示しても空っぽのまま。Vue2だとクリックしたチェックボックスのvalueが入っていたのになぜ・・・。 ※チェックボックスは複数あるのでv_modelは配列を指定。 細かい話は省略するが、click時の関数にはクリックしたチェックボックスによって他のチェックボックスの要素を変更するような処理が入っている状態だっ…

こんにちは、開発グループの和田（ニックネームはなつです）です。 普段は大阪からリモートで、hacomono のエンタープライズ領域（ = アドオン開発基盤周辺）を主に担当しております。 大手のお客様にシステム導入する際、Saas であっても個別の要件をいただくことは往々にしてあるかと思います。 hacomono ではプロダクトとしては対応しない場合でも、アドオンとして積極的に個別開発を行っており、その中でもよくある任意のページを組み込みたい、という要望を実現するためにとったアプローチを紹介できればと思います。 アプローチ 技術的な要件・前提条件 Vue2 / Nuxt2 ES6 クライアントサ…