ytakeuchi.jp
  • ホーム
  • プロフィール
  • プライバシーポリシー
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型を持たないように型を明記すればいいのだけど …
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
フリーランスエンジニア
ytakeuchi
ytakeuchi
都内在住のフロントエンドエンジニア。2016年からフリーランスとして活動中。座右の銘は「昨日よりも楽に」。好きな言葉は「効率化」。こんな性格なのでプライベートではGoogle Apps Scriptばかり触っています。
カテゴリー
人気の記事
  • 1

    【GAS】onEdit(e)内で関数を実行できなくてハマった話

  • 2

    【GAS】シート内の改行を削除する

  • 3

    Gitで改行コードを無視して差分を確認する方法

  • 4

    GASでテキストファイルの内容を読み取る

  • 5

    【GAS】TypeError: XXX.replace is not a functionの原因と解決策

2020–2025  ytakeuchi.jp