点数 77点 感想 システム開発というよりはCSSなどデザイン系の内容が多かった。 この書籍の発売日は2022/7/30とそこまで古くはないのにも関わらず、Next.jsのバージョンが上がったことで本文とは異なる仕様にな […]

React Hooks useEffectのクリーンアップ関数 クリーンアップ関数が実行されるタイミングは2つある。 以下のような処理はクリーンアップ関数に記述する。 useRef useRefフックには2つの機能がある […]

点数 79点 感想 JavaScriptからReact.jsまで幅広く書かれていた。 基礎から丁寧に説明されているが、なんとくなく全体的にわかりづらい気がした。 また、本書ではTypeScriptは扱われていないため、実 […]

概要 APIキーなどをコードに埋め込むのはセキュリティ上好ましくないため、環境変数として用意するのが一般的である。 Next.jsで使うAPIキーを管理するだけであれば、.env.localを用意すれば良い。 値の参照は […]

概要 Next.jsでFont Awesomeを使うための手順をまとめました。 インストール 以下のアイコンパッケージは必要な分だけインストール。 コンポーネントでインポートする場合 _app.jsでグローバルにインポー […]

概要 Next.jsでwindowなどブラウザオブジェクトにアクセスするとReferenceErrorとなってしまう。 これはデフォルトでサーバサイドレンダリングが有効になっているからであり、if文でブラウザオブジェクト […]

概要 Nuxt.jsはデフォルトでサーバサイドレンダリングが有効になっているため、サーバサイドでは存在しないwindow, localStorage, sessionStorageなどのオブジェクトを参照しようとするとエ […]

概要 React.jsでの開発において、jsconfig.json（TypeScriptの場合はtsconfig.json）のcompilerOptionsにbaseUrlを指定すると、import文を絶対パスで記述でき […]

概要 ReactのuseStateフックを使って管理している多次元の配列やオブジェクトを更新する場合、元の配列・オブジェクトをディープコピーしなければならない。 シャローコピーだと破壊的変更となってしまい、Strictモ […]

メモアプリの作成 カスタムフック化前 カスタムフック化 touch src/hooks/useMemoList.ts