「Parallel & Intercepting Routes」でURL同期モーダルを作る
2026年4月30日
Next.js（App Router）でかなり便利なのに、仕様が分かるまで苦戦した、Parallel RoutesとIntercepting Routes の組み合わせについて書きます。 Xなどで「投稿一覧で写真をタップ […]
Next.jsのHydration Errorに、useEffect以外で3つのやり方で回避する
2026年4月23日
Next.jsで開発しているとよく遭遇するあのエラー。 Hydration Errorです。サーバー側のレンダリング結果とクライアント側の結果がズレたときに出るやつです。 とりあえずuseEffectという力技はやめて、 […]
CSS-in-JSをやめて「CSS Modules + Tailwind」のいいとこ取りする
2026年4月16日
以前までEmotionやstyled-componentsなどがメインでしたが、最近はスタイリングを CSS Modules + Tailwind CSSのハイブリッドに移行しています。CSS-in-JSがしんどくなった […]
justify-contentに頼らない「Flexbox×margin: auto」で手軽レイアウト
2026年4月9日
Webサイト作ってるとき、レイアウト調整といえば、大抵Flexboxを使っています。 でも実装しているときに気づくのが、親要素（Flexコンテナ）にてjustify-contentだけで配置しようとしすぎちゃう点。 それ […]
Tailwind全盛期に、あえて「素のCSS変数」でデザインシステムを作る
2026年4月2日
日頃からTailwind CSSにはお世話になっていますが、中規模以上のプロジェクトを経験する中で、Tailwindだけに頼ると後々の保守が大変になるケースに何度も直面してきました。 Tailwindを活かしつつも、あえ […]