as、any TypeScriptが提供する型安全を否定する行為であり基本的に使ってはいけない。 anyやasを使って良いケース TypeScriptのコンパイルが完璧ではなく使用を余儀なくされるケースがある。 ?(Optional…

• TypeScript
• コメントを書く

useSWRとは？ 「クライアントサイドレンダリング」の技術です。なので、もしブラウザでJavaScriptを無効化していたら動かなくなります。（なお、SSGやSSRやISRなどはサーバーサイドで動作するのでブラウザのJavaScr…

• Next.js
• コメントを書く

基本コンポーネント Head [crayon-688e031a9b465959329699/] 以下のように使います。タイトルが表示されます。 [crayon-688e031a9b46b355319790/] …

• Next.js
• コメントを書く

getStaticPropsとは？ Next.js内（フロントエンド）で定義した関数が必ずバックエンドで実行される。 pages内でのみ使用可能 「npm run dev」の場合はリクエスト毎に実行される。 「n…

• Next.js
• コメントを書く

Next.jsとは？ Reactのフレームワーク SSG(Static Site Generation) 日本語で言えば「静的サイトジェネレーション」の略です。事前にHTMLを生成することでSEO対策になったり、高速でサ…

• Next.js
• コメントを書く

ISR(Incremental Static Regeneration)とは？ ユーザーアクセスを起点として動的に静的コンテンツを更新してくれます。 「Stale while revalidation」と言うコンセプトがベース…

• Next.js
• コメントを書く

JavaScriptでは小数点同士の四則演算などをする場合は誤差が発生します。 [crayon-688e031a9c0c9467567372/] 原因 コンピュータ内部で発生する「丸め誤差」というものになります。 コンピュータ内…

• JavaScript
• コメントを書く

インストール デフォルトでReactのアプリケーションと同時にRedux Tool Kitのテンプレートを導入できます。 [crayon-688e031a9c39d175122979/] 起動 [crayon-688e031a9c3…

• React, Redux
• コメントを書く

全般 Redux Tool Kit Reduxの学習コストが高いことをみてReduxの開発チームが2019年10月にリリースしました。これを使うことで簡単にReduxを導入することが可能になります。 Redux Tool Kitの…

• React, Redux
• コメントを書く

for(;;) 昔からあるループ文 eslintにも怒られない。 breakやcontinueも使える。 filter 特徴 breakが使えないので場合によっては計算量が増える。 find 特徴 ma…

• JavaScript
• コメントを書く