HTML 【テクニカル・上級編】リストのアクセシビリティとWAI-ARIA属性 – HTML実践ガイド
WAI-ARIAの深層を穿つ：`role='list'`と構造的メタデータが切り拓く、堅牢なリストUIのアクセシビリティとパフォーマンス最適化我々が日々向き合うWebフロントエンド開発の現場は、もはやシンプルなHTMLの組み合わせでは語り尽...
frontendintronational
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を書くすべての人間が、一度は通る道がある。そう、「値が配列かどうかをどうやって判定するか」という普遍的な問いだ。初心者のうちは...
CSS 【テクニカル・上級編】 読み取り専用擬似クラス :read-only – CSS実践ガイド
こんにちは。フロントエンドの最前線で、日々DOMのうねりとCSSOMのパフォーマンスチューニングに格闘しているチーフアーキテクトの私だ。モダンなWebアプリケーション開発において、フォームの状態管理は永遠の課題だ。ReactやVue、あるい...
HTML 【実務・中級編】リストのアクセシビリティとWAI-ARIA属性 – HTML実践ガイド
【最高峰のフロントエンド】見落としがちなリストのアクセシビリティ：WAI-ARIAでセマンティクスを取り戻す皆さん、こんにちは！ 最前線のフロントエンド開発で今日も奮闘されていることと思います。今回お話しするのは、ウェブの骨格をなす最も基本...
Propsによるデータの受け渡し（チルドレン属性、コンポーネントへの型付け） 【テクニカル・上級編】 PropTypesによるランタイムのProps検証 – React実践ガイド
TypeScript時代のPropTypes：なぜ「実行時の型安全」が巨大アプリケーションの防波堤となるのかこんにちは。日夜、DOMのレンダリングパイプラインとV8エンジンのメモリ使用量に思いを馳せているフロントエンド・アーキテクトだ。近年...
TypeScript 【テクニカル・上級編】 ユーザー定義型ガード（Type Predicates） – TypeScript実践ガイド
ユーザー定義型ガードの極意：V8エンジンを味方につけ、型安全の向こう側へ行く方法こんにちは。日々、巨大なTypeScriptコードベースの型パズルと格闘しているフロントエンド・チーフアーキテクトだ。お前たちは、APIから返ってきた得体の知れ...
Webブラウザの仕組み 【テクニカル・上級編】 requestIdleCallbackによる低優先度タスクの実行 – Webブラウザの仕組み実践ガイド
こんにちは、チーフアーキテクトの私だ。日夜、膨大なJavaScriptの実行とDOMの海に頭を悩ませている君なら、一度はユーザーからの「なんだかこの画面、クリックしてから反応するまでに引っかかりがあるんだよね」という、胃に穴が開きそうなフィ...