Webブラウザの仕組み

こんにちは！フロントエンドの現場を長年歩んできたチーフアーキテクトの私です。Webサイトを作っていて、「なんだか最近、ページが重いな……」「スマホでスクロールするとカクつくんだよな……」と頭を抱えた経験はありませんか？ ページの中に画像やカ...

こんにちは！フロントエンドの現場を渡り歩いているチーフアーキテクトの私です。Web制作やフロントエンドの勉強をしていると、必ずと言っていいほど出会うのが「要素を画面から消す方法」ですよね。CSSの `display: none;` と `v...

こんにちは！フロントエンドの現場を長年歩んできた者です。Webサイトを作っていて、「あれ？なんでこのCSS、効かないんだろう……？」と頭を抱えた経験、ありませんか？ 狙ったデザインにならないとき、私たちはついつい「CSSの書き方が悪いのかな...

こんにちは！フロントエンドの現場を長年フラフラと……もとい、最前線で渡り歩いてきたチーフアーキテクトの私です。Webサイトを作っていて、「あれ、なんか画面が表示されるのが遅いな……」「JavaScriptを読み込ませたら、HTMLの読み込み...

こんにちは！Webブラウザの仕組みの旅へようこそ。フロントエンドのアーキテクトとして日々いろんなコードと格闘していますが、今回は「ブラウザが画面を表示するまでの一番最初の関所」、HTMLパーサーのトークン化プロセスについてお話ししますね。「...

こんにちは！フロントエンド・アーキテクトの私です。日々、Webサイトを作ったり、JavaScriptでガリガリとアニメーションを実装したりしていると、「なんだか最近、画面がカクつくぞ…？」という壁にぶつかることってありませんか？ ユーザーの...

こんにちは！Webブラウザの裏側の世界へようこそ。フロントエンドのアーキテクチャを長年見つめてきた私ですが、ブラウザという小さな宇宙が、画面の裏側でどれほど必死に、そして賢く私たちを助けてくれているかを知ると、今でもワクワクしてしまいます。...

こんにちは！フロントエンド・アーキテクトの私です。Webサイトを作っていて、「リンクをクリックして次のページに移動するほんのコンマ数秒の間、画面が真っ白になって目がチカチカする……」そんなストレスを感じたことはありませんか？ユーザー側として...

こんにちは！フロントエンドの現場を渡り歩いているチーフアーキテクトの私です。Webサイトを作っていて、「あれ？なんだか画面が表示されるまでに変なタイムラグがあるな……」「JavaScriptを読み込ませたら、ページの表示がなんだかモッサリし...

こんにちは！フロントエンドの現場を長年歩んできたチーフアーキテクトの私です。Webサイトを作っていて、「なんだかこのアニメーション、カクカクするな…」「スマホだとスクロールが重いな…」と感じたことはありませんか？CSSやJavaScript...