React.js ローディング状態を管理するカスタムフック 2024年10月5日 ytakeuchi ytakeuchi.jp ローディング画面を実装する機会があったので、ローディングの状態を管理するカスタムフックのメモ… import { useState, useEffect } from ' …
Next.js ローカルではbuildできるのにvercelでbuildに失敗する(ModuleNotFoundError) 2024年10月4日 ytakeuchi ytakeuchi.jp 環境 Next.js git hub vercel 現象 ローカルでは問題なくbuildできている vercel上でbuildエラー( …
React.js 日本語変換を確定させるEnterと入力確定のEnterを判別する方法 2024年10月3日 ytakeuchi ytakeuchi.jp やりたいこと キーワード検索時にボタンをクリックさせずにEnterキーを押すことで検索を実行したい。 ただし、日本語変換を確定させるEnte …
Next.js Next.jsでURLの情報を取得する方法を整理する(usePathname/useSearchParams/useParams) 2024年10月2日 ytakeuchi ytakeuchi.jp URL の情報を取得する方法 URLの情報を取得する "next/navigation" でのhookは下記3つ us …
Next.js getStaticPropsではクエリパラメータは取得できない 2024年10月1日 ytakeuchi ytakeuchi.jp getStaticProps内でURLのパラメータを取得したかったんだけど、上手くいかなかったので調べた諸々をメモ 結論:getServer …
React.js 【React】もう迷わない!カスタムフックと自作javascript関数の違いと使い分けについて 2024年9月30日 ytakeuchi ytakeuchi.jp カスタムフックと自作javascript関数の違い 項目 カスタムフック 自作js関数 トップレベル以外での使用 不可能 可能 …
React.js React環境におけるCSS Modulesでの指定の仕方まとめ 2024年9月28日 ytakeuchi ytakeuchi.jp VueとReactで書き方がだいぶ違ったのでメモ… module内で複数のクラスを指定 <div className={`${styl …
Next.js warning「React Hook useEffect has a missing dependency」の原因と対処法 2024年9月27日 ytakeuchi ytakeuchi.jp はじめに コンポーネントがマウントされた時に特定の条件下でステートを変えるだけのシンプルな処理を作成中に表題のwarningが発生… ビルド …
Next.js 【Next.js】環境変数のNEXT_PUBLICについて 2024年9月26日 ytakeuchi ytakeuchi.jp はじめに Next.jsで環境変数でNEXT_PUBLIC_がついてないのにクライアント側で呼び出せているものがあり、混乱したので調べてみた …
Typescript 「Type error: Binding element '〇〇' implicitly has an 'any' type.」をtsconfig.jsonで対応する 2024年9月24日 ytakeuchi ytakeuchi.jp JavaScriptコードをTypeScript化しようとしていた時、表題のエラーが発生 any型を持たないように型を明記すればいいのだけど …