野中やすおのホームページ

CATEGORY

Vue.js

  • 2024年1月21日
  • 2024年1月21日

【Vue.js】Nuxt3のページ間移動にはnavigateToを使用する！

こんにちは。野中やすおです。 今回の記事では、Nuxt3でnavigateToを使用した内容を記事にしています。 navigateToとは Nuxt.jsでは、ページ間のナビゲーションを簡単に実装するためのnavigateToというヘルパー関数が提供 […]

  • 2024年1月5日
  • 2024年1月5日

【Vue.js】Nuxt3にv-calenderを導入してみました！

こんにちは。野中やすおです。 今回の記事では、Nuxt3にv-calenderを導入した内容を記事にしています。 Vue.jsを使用してカレンダーを簡単に作成したい場合はまずはこのコンポーネントを利用することを考えることになりますが、結構詰まってしま […]

  • 2023年11月18日
  • 2023年11月18日

【Nuxt.js】Nuxt.jsにTailwind CSSを導入してみた！

こんにちは。 野中やすおです。 今回の記事では、Nuxt.jsにTailwind CSSする手順について記事にします。 Nuxtプロジェクトにtailwindcss, postcss, autoprefixerを導入 Nuxtプロジェクトは既につくら […]

  • 2023年8月22日
  • 2023年8月25日

【Vue.js】Vitestを使ってtoMatchInlineSnapshotを実行してみる

こんにちは。野中やすおです。 今回の記事では、備忘がてら業務で使っているNuxt.js3 + Vitest + Testing Libraryを使って、よく使われるスナップショットテストの一種であるtoMatchInlineSnapshotを例にとっ […]

  • 2023年8月9日
  • 2023年8月9日

【Vue.js】Vue3のtriggerRefを理解する

こんにちは。野中やすおです。 前回の記事では、Vue3のReactivity APIの一種のshallowRefを紹介しました。 今回の記事では、shallowRefと関わる挙動を行うtriggerRefについて紹介します。 triggerRefは、 […]

  • 2023年8月8日
  • 2023年8月9日

【Vue.js】Vue3のshallowRefを使ってみる

こんにちは。野中やすおです。 今回の記事では、Vue.js の3系で新しく導入された概念である「shallowRef」の説明と実際の使い方例について紹介していきます。 shallowRefとは何か？ shallowRefは、Vue.js 3系で導入さ […]

  • 2023年6月29日
  • 2023年6月29日

【Vue.js】Piniaにも備わっているHMRが便利！

こんにちは。 野中康生です。 Piniaには、HMR(Hot Module Replacement)という機能が備わっているのですが、これが結構便利なので使っています。 HMRとは何か？ HMRとは、ブラウザの全ページリロードをせずに、更新したモジュ […]

  • 2023年6月26日
  • 2023年6月29日

【Vue.js】piniaの「storeToRefs」とは何か？まとめてみた

こんにちは。 野中やすおです。 久しぶりにVue.jsの仕事に関わり出したらVuexがもはやコードに存在せず、Piniaがメインになっていてフロントエンドの変化の速さに戦々恐々する日々です。 そして今回は、Vuexの後継として作られたPiniaのユー […]

  • 2023年5月31日
  • 2023年6月3日

【Vue.js】Vue3のRefとは何か

こんにちは。 野中やすおです。 今回の記事では、Vue.jsにおけるRefについてまとめてみました。 そもそもRefとは？ RefはVue 3で導入された、Reactivity APIの改良機能になります。Refは、Vueコンポーネント内でのリアクテ […]