- 運営しているクリエイター
#TypeScript
Body scroll lockを使用して要素のスクロール固定を制御するカスタムフックを作成する
こんにちは。
イチマルイチデザインのフロントエンドエンジニアの高橋です。
今回は、Body scroll lockを使用したカスタムフックを作成して、ドロワーメニューやモーダルの展開時に、背面の要素を固定する処理を簡単かつシンプルに実装する方法を共有します。
実装方法と解説
こちらが実際のコードの全体像となります。
// useBodyScrollLock.tsimport { RefObj
Chakra UIとReact Hook FormとYupを使ってフォームを作成する
こんにちは。イチマルイチデザインのフロントエンドエンジニアの高橋です。
今回は、Chakra UIとReact Hook FormとYupを使用して、ユーザビリティ高めのフォームを比較的簡単に作成する方法を共有します。
使用するライブラリ実装方法こちらが実際のコードの全体像となります。
import { Button, Container, FormControl, FormErrorMes