React 【実務・中級編】 参照型（オブジェクト・配列）の依存配列における注意点 – React実践ガイド
こんにちは。フロントエンドチームのシニアアーキテクトだ。最近、コードレビューをしていて「またこれか…」と頭を抱えたポイントがある。それが、`useEffect`の依存配列（dependency array）にオブジェクトや配列をそのまま突っ...
2026-09
React TypeScript 【実務・中級編】 InstanceTypeによるインスタンス型の取得 – TypeScript実践ガイド
やあ、調子はどうだい？日々のコンポーネント実装や状態管理の設計で、TypeScriptの型パズルに頭を悩ませていないか。今回は、中級からもう一歩先に進む君たちに向けて、TypeScriptの神髄とも言える「ユーティリティ型」の一つ、`Ins...
Webブラウザの仕組み 【実務・中級編】 ブラウザの投機的パース（Speculative Parsing） – Webブラウザの仕組み実践ガイド
やあ。今日もレガシーなコードと最新のビルドツールに挟まれて、華麗にブラウザをハックしているかい？今回は、フロントエンドエンジニアなら絶対に知っておくべき、そして日々のパフォーマンスチューニングで強力な武器になる「投機的パース（Specula...
JavaScript 【実務・中級編】 String.prototype.repeat() – JavaScript実践ガイド
やあ、お疲れ。最近、コードレビューをしていて「おっ、いい着眼点だな」と思う一方で、「いや、そこは素直に標準メソッド使おうぜ！」とツッコミを入えたくなる場面によく遭遇するんだ。今回は、JavaScriptの文字列操作系メソッドの中でも、地味な...
CSS 【実務・中級編】 first-child疑似クラスの挙動と注意点 – CSS実践ガイド
おい、調子はどうだ？今日も元気に `display: flex;` でレイアウトと格闘していることだろう。さて、今回はCSSの基礎の基礎、しかし実務の現場では「えっ、なんで効かないの？」と中級エンジニアの心を幾度となくへし折ってきた魔物、`...
React 【実務・中級編】 プリミティブ値の依存配列による制御 – React実践ガイド
お疲れ。最近、君が書いたコンポーネントのコードレビューをしたんだけどさ……正直、「あ、これまたやってるな」って箇所がいくつかあったんだよね。特に、`useEffect` の依存配列（dependency array）まわり。「とりあえず値が...
TypeScript 【実務・中級編】 ReturnTypeによる戻り値の型取得 – TypeScript実践ガイド
おっ、ちょうどいいところに来たね。最近、コードレビューをしていて「あ、これでもう一歩型安全にできるのに！」ってもどかしく思うことがよくあるんだよ。特に、APIクライアントのレスポンス型や、複雑なヘルパー関数の戻り値を手動で別の型として定義し...
Webブラウザの仕組み 【実務・中級編】 CSS Containment仕様（containプロパティ） – Webブラウザの仕組み実践ガイド
やあ。今日も今日とてパフォーマンスチューニングの沼にハマっているかい？フロントエンドの現場にいると、「なんか最近、モーダルを開くたびに微小なカクつきがあるんだよな……」「無限スクロールの下の方でスクロールが重い……」なんて相談を、デザイナー...
JavaScript 【実務・中級編】 String.prototype.concat() – JavaScript実践ガイド
やあ。最近、コードレビューをしていて、ふと目についたんだ。君が書いたその文字列結合のコード、何気なく `concat()` メソッドを使っていないかい？「複数の文字列を繋げるんだから、専用の `String.prototype.concat...
CSS 【実務・中級編】 blank疑似クラス – CSS実践ガイド
おい、最近の仕様の進み具合は追ってるか？フロントエンドの荒波にもまれながら「もっとスマートにフォームのバリデーションやUI制御ができないもんか」と頭を悩ませている中級の君なら、きっと今日のテーマにグッとくるはずだ。今日は、現在進行形でブラウ...