ContractS開発者ブログ

契約マネジメントシステム「ContractS CLM」の開発者ブログです。株式会社HolmesはContractS株式会社に社名変更しました。

Vue.js

複数フィールドのバリデーションエラーを集約して表示するVeeValidate v4の活用法

VeeValidate v4 Vue.js TypeScript

こんにちは。ContractSでフロントエンドエンジニアをしている北原です。 弊社では、UIのバリデーションとしてVeeValidate v4を採用しています。 この記事では、複数のインプットを1つのバリデーションフィールドとして扱う方法について解決策を提示したいと…

#VeeValidate #バリデーション #困ったこと

Vue 3, Nuxt 3 マイグレーションを経験してみて

Vue.js Nuxt.js マイグレーション

はじめに Vue 3, Nuxt 3へのマイグレーションがなぜ必要なのか 破壊的変更の学習 プラグイン・ライブラリの選定 Vue 2コンポーネントの移行コスト マイグレーション全体を通して さいごに はじめに こんにちは。 ContractSでフロントエンドエンジニアをして…

#Vue 3 #Nuxt 3 #マイグレーション

【Vue.js】Painless なコンポーネント開発のプラクティス

Vue.js Nuxt.js

はじめに 早速ですが... :deep 機能について :deep 機能のつらいところ そんなあなたに PrimeVue PrimeVue の Pass Through 機能 Pass Through の利用方法 最後に 出典 はじめに こんにちは！ContractS株式会社の北原です。 フロントエンドのリードとして、…

#Nuxt 3 #Vue 3 #PrimeVue #Tailwind CSS #Vite

IntelliJでVueコンポーネントを書くときに知っておきたい機能3選

Vue.js

この記事は Holmes Advent Calendar 2020 - Qiita 4 日目の記事です。 ここ数日、アンプ購入をきっかけにギター熱が再燃している田中です。 JetBrains 社の提供する IntelliJ IDEA 等の製品は強力な補完を行うことができる高機能な IDE です。 言語ごとに細…

#Vue.js #IntelliJ #JetBrains

Facebookライクなローディング、スケルトンスクリーンをVue.js、Reactで簡単に実装する

Vue.js React

こんにちは！株式会社Holmesでエンジニアをしている平田です。 みなさんスケルトンスクリーンをご存知ですか？ FacebookやYouTubeなどで使われているローディングのことをスケルトンスクリーンと言ったりします。 今では様々なWEBサイトでも使われているため…