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

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

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

こんにちは野中やすおです。最近、職場でexactOptionalPropertyTypesを有効にするかどうかについて議論がありました。exactOptionalPropertyTypesを有効にするとどういうメリットがあるのか調べてみました。 […]

こんにちは。野中やすおです。以前の記事では、DefinitelyTypedの解説の中で型定義ファイルについても簡単に説明しました。ただ、本記事でも改めて型定義ファイルについて確認したいと思います。型定義ファイル（.d.ts）とは何か？ decl […]

こんにちは。野中やすおです。 TypeScriptでnpmなどのパッケージモジュールでライブラリのインストールを行うと npm i –save-dev @types/ライブラリ名を試すか、declare module ‘ライ […]

こんにちは。野中やすおです。久しぶりに自分のPCにPythonのパッケージマネージャーである「Poetry」をインストールすることになったのですが、完全に忘れていたのでメモとして残します。本稿におけるPoetryインストール手順は、Mac環境にお […]

こんにちは。野中やすおです。今回の記事では、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は、 […]