March 2026
Intermediate
600 pages
10h
Japanese
Content preview from Webブラウザエンジニアリング ―Chrome開発者たちから学ぶ、作って理解するブラウザとWebの仕組み
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.
7章ボタンとリンクの処理
私たちのブラウザには、まだハイパーテキストというWebの重要な本質が欠けています。つまり、ハイパーリンクによって文書同士が結び付けられていないということです。これでは個々の波（Webページ）を見ることはできますが、Webをサーフィンできません。そこでこの章では、ハイパーリンク、アドレスバー、そしてブラウザインターフェースの残りの部分を実装します。これは、ブラウザが今見ているページを決定するためのパーツとなります。
7.1 リンクはどこにあるのか？
Webの核はリンクです。そのため、ブラウザインターフェースの最も重要な部分は、リンクをクリックすることです。しかし、リンクをクリックする前に、私たちはまず、より根本的な問いに答える必要があります。それは、画面上のどこにリンクがあるのか、ということです。段落や見出しはレイアウトツリーにサイズと位置が記録されていますが、リンクのようなフォーマットされたテキストは保持されていません。これを修正して、リンクがどこにあるのかわかるようにする必要があります。
大きなアイデアは、LineLayoutクラスとTextLayoutクラスという、2つの新しいタイプのレイアウトオブジェクトを導入することです。BlockLayoutクラスは、テキストの各行に対してLineLayoutクラスの子を持つようになります。そして、そのLineLayoutクラスは、その行の各単語に対してTextLayoutクラスを含みます。これらの新しいクラスによって、レイアウトツリーはHTMLツリーと異なる見た目になることがあります。混乱を避けるために、簡単な例を見てみましょう。
<html> <body> Here is some text that ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Read now
Unlock full access
More than 5,000 organizations count on O’Reilly
O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.Julian F.
I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.Addison B.
I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.Amir M.
I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.