Propsによるデータの受け渡し（チルドレン属性、コンポーネントへの型付け） 【テクニカル・上級編】 Controlled/UncontrolledコンポーネントのProps設計 – React実践ガイド
こんにちは。フロントエンドの現場で日々、コンポーネントの生死を見つめているチーフアーキテクトだ。今日もコードレビューをしていたら、また見かけてしまった。「外部から `value` を渡せば制御可能（Controlled）になり、渡さなければ...
frontendintronational
Propsによるデータの受け渡し（チルドレン属性、コンポーネントへの型付け） 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のステータスを監視し、ちまちまとクラス名を付け替えて実現していたスタイリングが、今やネイティブのセレクタ一つでエレガントに解決する時代だ。今回スポットを当てるのは、編集可能な要素...
HTML 【テクニカル・上級編】リストのアクセシビリティとWAI-ARIA属性 – HTML実践ガイド
WAI-ARIAの深層を穿つ：`role='list'`と構造的メタデータが切り拓く、堅牢なリストUIのアクセシビリティとパフォーマンス最適化我々が日々向き合うWebフロントエンド開発の現場は、もはやシンプルなHTMLの組み合わせでは語り尽...
Propsによるデータの受け渡し（チルドレン属性、コンポーネントへの型付け） 【テクニカル・上級編】 React.memoとPropsの比較最適化 – React実践ガイド
こんにちは。フロントエンドの現場で数々のパフォーマンス地獄と戦ってきたチーフアーキテクトの私だ。さて、今日もコードレビューをしていて「とりあえずコンポーネントが重いから`React.memo`で囲っておいた」という哀しいプルリクエストを見か...
TypeScript 【テクニカル・上級編】 型エイリアスにおけるジェネリクスの利用 – TypeScript実践ガイド
こんにちは、チーフアーキテクトの私だ。日々、膨大なTypeScriptのコードベースと格闘し、コンパイラの型推論エンジン（tsserver）の機嫌を損ねないようにコードを最適化する生活を送っている。さて、今回は「型エイリアスにおけるジェネリ...
Webブラウザの仕組み 【テクニカル・上級編】 レンダリングパイプラインの各ステージ詳細 – Webブラウザの仕組み実践ガイド
こんにちは。フロントエンドの奥の院へようこそ。日々、私たちはReactやVue、あるいはSvelteといったモダンなフレームワークの心地よい抽象化レイヤーのうえでコードを書き、美しくリッチなWebアプリケーションを組み上げています。しかし、...
JavaScript 【テクニカル・上級編】 Array.isArrayによる配列判定 – JavaScript実践ガイド
Array.isArrayの深層：なぜ私たちはiframeの向こう側に怯えなければならないのかJavaScriptを書くすべての人間が、一度は通る道がある。そう、「値が配列かどうかをどうやって判定するか」という普遍的な問いだ。初心者のうちは...