JavaScript Next.js（App Router）初心者が、Server/Client と CSR/SSR/SSG/ISR を手を動かして理解した話
Next.js（App Router）初心者が、Server/Client と CSR/SSR/SSG/ISR を手を動かして理解した話はじめにReact は普段書いているけれど、Next.js はほぼ未経験。そこで今回は、最小TODOアプ...
React
JavaScript JavaScript js/ts 応用文法・仕組みまとめ（自分用整理メモ）
学習したことをAIで整理目的応用文法を理解し、言語の特性を理解したコーディングができるそのために理解する必要がある項目応用文法・アロー関数・テンプレートリテラル・スプレッド構文・ジェネリクス・ユニオン型 / インターセクション型・型ガード ...
React React の createPortal 機能を使ってみた
背景ある実装で１画面で２箇所レンダリングを行っている箇所がありました。（画面の一部のみ React で実装）具体的に説明すると以下のようなイメージです。HTMLヘッダーボディ要素１：レンダリング要素２要素３：レンダリングフッターボディの中の...
Chakra UI 【Chakra UI】意図しないマージンの解消方法
問題Chakra UI のコンポーネントを使って、２つのボタンを縦並びに綺麗に揃えたかったけど自分で設定したわけではないマージンが原因で揃わないという状況がありました。問題のコード（イメージです）<ButtonGroup display="...