CSS 【テクニカル・上級編】 nth-child(an+b of selector) の構文 – CSS実践ガイド
CSSの進化は、時に私たちフロントエンドエンジニアを狂喜乱舞させ、そして時に「これまでのハックは何だったんだ」と深い虚無感を与えてくれます。中でも `:nth-child()` の拡張構文である `:nth-child(an+b of se...
frontendintronational
CSS HTML 【テクニカル・上級編】記述リスト(dl)のアクセシビリティと役割 – HTML実践ガイド
記述リスト（dl/dt/dd）の深淵：アクセシビリティとDOM構築の最適解フロントエンドのアーキテクチャを設計する際、`ul`や`ol`といったリスト構造は多用されるが、`dl`（Description List）を正しく使いこなせているエ...
Propsによるデータの受け渡し（チルドレン属性、コンポーネントへの型付け） 【テクニカル・上級編】 イベントハンドラPropsの型定義 – React実践ガイド
こんにちは。フロントエンドのコードベースが肥大化し、誰も全貌を把握できなくなったカオスの中で、今日も型定義とパフォーマンスの最適化に勤しむ同志の皆さん。今回は、Reactにおける「イベントハンドラPropsの型定義」について、表面的な書き方...
TypeScript 【テクニカル・上級編】 再帰的な型定義 – TypeScript実践ガイド
限界を超えるTypeScript：再帰的型定義で表現する深淵なるツリー構造と、コンパイラを殺さないための生存戦略こんにちは。日々、巨大なTypeScriptの型システムと格闘しているチーフアーキテクトの私だ。フロントエンドの規模が肥大化する...
Webブラウザの仕組み 【テクニカル・上級編】 リフロー（再レイアウト）を発生させるプロパティ一覧 – Webブラウザの仕組み実践ガイド
レイアウトスラッシングの悪夢：なぜそのJSはブラウザを殺すのかこんにちは。日々、プロファイル結果の火焰のような炎（Flame Chart）と睨めっこし、1ミリ秒のレンダリング遅延を削り出しているフロントエンドアーキテクトだ。Webアプリケー...
JavaScript 【テクニカル・上級編】 typeof nullがobjectである歴史的背景 – JavaScript実践ガイド
なぜ `typeof null === 'object'` なのか？ ――言語の歴史的傷跡と、堅牢なフロントエンド設計の哲学こんにちは、チーフアーキテクトの私だ。日夜、複雑怪奇なモダンWebアプリケーションのフロントエンドを、バターのように...
CSS 【テクニカル・上級編】 機能擬似クラスのネストとパフォーマンス – CSS実践ガイド
こんにちは、フロントエンドの深淵を覗く旅へようこそ。日々、数万行規模のCSS設計や、複雑なデザイントークンの動的制御に頭を悩ませているあなたなら、一度はこう思ったことがあるはずだ。「セレクタの記述量を減らし、DRY原則を極限まで適用するため...
HTML 【実務・中級編】記述リスト(dl)のアクセシビリティと役割 – HTML実践ガイド
皆さん、こんにちは！ 最前線でコードと格闘するフロントエンドエンジニアの皆さん、お疲れ様です。今日、皆さんと一緒に深掘りしていきたいのは、HTMLのリスト要素の中でも、少し影の薄い存在に思われがちな「記述リスト」、そう、``要素についてです...
Propsによるデータの受け渡し（チルドレン属性、コンポーネントへの型付け） 【テクニカル・上級編】 スプレッド演算子によるPropsの展開と型安全性 – React実践ガイド
こんにちは。フロントエンドの現場で日々、コンポーネントの肥大化と型パズルに頭を悩ませている猛者たちの顔が目に浮かぶようだ。今回は、React開発において避けて通れない、しかし一歩間違えると型安全性という名の聖域をドブに捨てることになりかねな...
TypeScript 【テクニカル・上級編】 インターフェースの継承（extends） – TypeScript実践ガイド
インターフェースの継承（`extends`）がもたらす型システムの静的最適化と、実務アーキテクチャの罠こんにちは。日々、巨大なコードベースの型定義と格闘しているフロントエンド・チーフアーキテクトだ。TypeScriptの型システムは、もはや...