React 【実務・中級編】 依存配列が空配列[]の場合の挙動 – React実践ガイド
フロントエンドの荒波を共闘する仲間たちよ、今日も今日とてコンポーネントのライフサイクルと泥臭く格闘しているかい？実務でReactを触っていると、避けて通れないのが「副作用の制御」だ。中でも`useEffect`の依存配列（dependenc...
2026-09
React TypeScript 【実務・中級編】 NonNullableによるnull/undefinedの排除 – TypeScript実践ガイド
こんにちは。チームを支えるシニアフロントエンドエンジニアの私だ。君も日々の開発で、APIから返ってきたレスポンスや、フォームの入力値の型定義に頭を悩ませていることだろう。「本当はここ、絶対に`null`も`undefined`も入らないはず...
Webブラウザの仕組み 【実務・中級編】 コンポジタースレッドの役割と責務 – Webブラウザの仕組み実践ガイド
おい、調子はどうだい？今日も元気に `position: fixed;` のレイアウト崩れや、重いモーダルのカクつきと格闘していることだろう。フロントエンドのパフォーマンスチューニングを語るとき、私たちはついつい「JavaScriptをいか...
JavaScript 【実務・中級編】 String.prototype.charAt() – JavaScript実践ガイド
お疲れ。最近、コードレビューをしていて「おっ、ここは若いけどよく分かってるな」と思う瞬間と、「あー、昔の癖が抜け切ってないな」と苦笑いする瞬間があるんだよね。今回は、JavaScriptの文字列操作の基本中の基本、`String.proto...
CSS 【実務・中級編】 has関係疑似クラス – CSS実践ガイド
CSSの歴史において、長年の悲願であった「親セレクタ」がついに実装され、私たちのワークフローに革命が起きてからしばらく経ちます。そう、` :has()` 疑似クラスのことです。「あ、これ親要素をスタイルしたいのに、CSSだけじゃ無理だからJ...
React 【実務・中級編】 useEffectの基本構文と実行タイミング – React実践ガイド
やあ。最近、コードレビューをしていて「あー、またここでハマってるな」って思うポイントがあるんだよね。そう、王様の顔をした諸刃の剣、`useEffect`だ。中級に差し掛かったエンジニアによくあるのが、「とりあえず画面が表示された後にデータを...
TypeScript 【実務・中級編】 Extractによるユニオン型の抽出 – TypeScript実践ガイド
こんにちは。チームのコードレビューをしていて、「お、ここ綺麗に型がつながってるね」と感心させられることもあれば、「うわっ、また `any` が生えてる……」と頭を抱えたくなる瞬間、フロントエンドの現場では日常茶飯事ですよね。特に、APIから...
Webブラウザの仕組み 【実務・中級編】 画像デコードとネイティブLazy Loading – Webブラウザの仕組み実践ガイド
やあ。今日も今日とて、プロダクトのパフォーマンスチューニングに頭を悩ませているところかい？「LCP（Largest Contentful Paint）の数値がどうしても改善しない」「スマホでスクロールすると、なぜか画面がカクつく」。こうした...
JavaScript 【実務・中級編】 String.prototype.endsWith() – JavaScript実践ガイド
おい、調子はどうだい？最近、コードレビューをしていて「またここで無駄な正規表現書いてるな……」ってため息をつくことが増えたんだよね。例えば、URLの拡張子チェックや、ファイルパスの判定なんかでさ。「文字列が特定の文字で終わるか」を調べたいだ...
CSS 【実務・中級編】 where関数型疑似クラス – CSS実践ガイド
おい、最近CSSの詳細度（Specificity）の計算で無駄に頭を悩ませてないか？ 「なんか知らんけど、このユーティリティクラスが上書きできねぇ……！」って夜中に頭を抱えて、仕方なく苦し紛れに `!important` をブッ挿した経験、...