TypeScript 【テクニカル・上級編】 インターフェースの継承（extends） – TypeScript実践ガイド
インターフェースの継承（`extends`）がもたらす型システムの静的最適化と、実務アーキテクチャの罠こんにちは。日々、巨大なコードベースの型定義と格闘しているフロントエンド・チーフアーキテクトだ。TypeScriptの型システムは、もはや...
TypeScript Webブラウザの仕組み 【テクニカル・上級編】 レイヤー爆発（Layer Explosion）の回避 – Webブラウザの仕組み実践ガイド
レイヤー爆発（Layer Explosion）の深層：GPUの恩恵を毒に変える悪夢と、その鎮静化アーキテクチャこんにちは。日々、ブラウザという名の巨大で気まぐれな仮想マシンと格闘しているフロントエンド・アーキテクチャ愛好家の皆さん。リッチな...
JavaScript 【テクニカル・上級編】 抽象等価演算子(==)の比較アルゴリズム – JavaScript実践ガイド
抽象等価演算子（==）の深層：V8エンジンが裏で行っていることと、プロダクションコードの守り方こんにちは、アーキテクトの皆さん。日々のコードレビューで、`if (value == null)` のような「イディオム」を見かけて、なんとなくス...
CSS 【テクニカル・上級編】 関係擬似クラス :has() と複雑なセレクタの組み合わせ – CSS実践ガイド
逆転の発想：`:has()` 結合子がもたらすCSSアーキテクチャのパラダイムシフトと、その裏にある現実CSSを書く仕事をしていて、これほどワクワクした瞬間があっただろうか。かつて「親セレクタを選択できない」というCSSの不文律は、私たちフ...
HTML 【入門編】記述リスト(dl)のアクセシビリティと役割 – HTML実践ガイド
皆さん、こんにちは！ 最強のフロントエンドスペシャリスト、そして皆さんのWeb制作を応援する主筆ライターの私です。Webサイトを作るとき、「リスト」といえば `` や `` を思い浮かべますよね。買い物リストや手順を並べるのに便利で、きっと...
Propsによるデータの受け渡し（チルドレン属性、コンポーネントへの型付け） 【テクニカル・上級編】 Controlled/UncontrolledコンポーネントのProps設計 – React実践ガイド
こんにちは。フロントエンドの現場で日々、コンポーネントの生死を見つめているチーフアーキテクトだ。今日もコードレビューをしていたら、また見かけてしまった。「外部から `value` を渡せば制御可能（Controlled）になり、渡さなければ...
TypeScript 【テクニカル・上級編】 インターフェースの宣言結合（Declaration Merging） – TypeScript実践ガイド
こんにちは。フロントエンドの現場で日々、型システムと格闘しているエンジニアの皆さん。今回は、TypeScriptが持つ数ある隠し味の中でも、ひときわ異彩を放つ「インターフェースの宣言結合（Declaration Merging）」について深...
Webブラウザの仕組み 【テクニカル・上級編】 画像デコードの非同期化（decoding属性） – Webブラウザの仕組み実践ガイド
ブラウザの裏側を覗く：`decoding`属性でメインスレッドの息継ぎを取り戻す方法こんにちは、アーキテクトの皆さん。日々、Webアプリケーションのパフォーマンスチューニングに明け暮れていることと思います。Lighthouseのスコアを睨み...
JavaScript 【テクニカル・上級編】 算術演算における暗黙の型変換 – JavaScript実践ガイド
闇を抜けて光を見る：JavaScript算術演算における暗黙の型変換の深層やあ、フロントエンドの戦友よ。今日も今日とて、ブラウザという名の極小仮想マシン上で動くJavaScriptの挙動に頭を悩ませていることだろう。JavaScriptの歴...
CSS 【テクニカル・上級編】 編集可能擬似クラス :read-write – CSS実践ガイド
CSSの進化は止まらない。かつてはJavaScriptがDOMのステータスを監視し、ちまちまとクラス名を付け替えて実現していたスタイリングが、今やネイティブのセレクタ一つでエレガントに解決する時代だ。今回スポットを当てるのは、編集可能な要素...