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

CATEGORY

IT系雑記

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

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

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

  • 2023年8月7日
  • 2023年8月7日

Modal、Popup・Popover、Dialogの違いについて改めて調べてみた

こんにちは。野中やすおです。 今回の記事では、フロントエンド開発について必須の概念であるModal、Popup・Popover、Dialogについて再確認とその違いについてまとめてみました。 Modalとは？ modalは、「モードがある状態」を指し […]

  • 2023年7月22日
  • 2023年7月22日

【TypeScript】TypeScriptの型チェックの心強い味方「Zod」とは何か？

こんにちは。 野中やすおです。 今回の記事では、今日のTypeScript開発にはもはや必須となってきた？Zodについて解説しています。私が今いる現場のフロント開発においてもZodが使われています。 Zodとは何か？ Zodは公式サイトで以下のように […]

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

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

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

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

【Sentry】SentryのbeforeSendが便利だったので共有する

こんにちは。 野中康生です。 仕事でSentryのあるエラーをSentryに送信して、あるエラーは送信しないという判別をする必要があったのですが、Sentryエラーイベントのフィルタリング機能であるbeforeSendがかなり便利だったので、共有しま […]

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

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

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

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

【CSS】aria-label属性とは何か？調べてみました。

こんにちは。 野中やすおです。 最近、職場でaria-label属性を意識して使うようにしようという話になってきたのでaria-label属性とは何か調べてみました。 aria-label属性とは何か aria-label属性とは、ウェブアクセシビリ […]

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

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

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