IT系雑記│野中やすおのホームページ

【TypeScript】as constを学習してみる

こんにちは。野中やすおです。今回の記事では、TypeScript 3.4で導入されたconst assertionのas constがとても便利なことに気がついたので記事にしてみます。 as constとは as constは、式の末尾に使用されま […]

こんにちは。野中やすおです。今回は、今の現場で使用しているパッケージマネージャーをyarnからpnpmに移行したので、その移行手順等について記事を通して共有していきます。なぜpnpmに移行したのかそもそもなぜ有名なパッケージマネージャーであるy […]

こんにちは。野中やすおです。 mountとは何か？ Vue Test Utilsのmountは、Vueコンポーネントをフルレンダリングするためのメソッドです。mountメソッドを使うことでテスト中に Vueコンポーネントを実際に DOM にマウントし […]

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

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

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

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

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

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

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