2024-11

未分類

JestでTypeScriptをテストする方法

JestでTypeScriptのテストを実施する場合には、まずはそれらのTypeScriptをJavaScriptに変換する必要がある。この変換の仕組みとして、babel-jestを使用する方法を記載する。 環境 Windows 11 Ho...
React

Jest、React Test Renderer、React Testing Libraryの違い

Reactのテストで使用する以下について、違いを本記事に整理する。 Jest React Test Renderer React Testing Library Jest Jestは、Facebook社(Meta社)によって開発・メンテされ...
React

Viteを使用して、TypeScriptによるReact開発を始める

Viteを使用して、TypeScriptによるReact開発を始める方法について記載する。 環境 Windows 11 Home 23H2 Node.js v20.12.2 npm v10.5.0 Viteとは? Viteとは、Web開発の...
問題の解消方法

開発者ツールのデバイスエミュレーション機能を使用すると、開発中のHTMLが縮小表示される

現象 開発者ツールのデバイスエミュレーション機能を使用すると、開発中のHTMLが縮小表示される現象の解決方法を記載する。なお、ブラウザでの通常表示(デバイスエミュレーション機能を使用しない)時は、本現象は発生しない。 キャプチャ画像 デバイ...