• Twitterでシェア
  • Facebookでシェア

ブラウザレンダリングの仕組み

テクノロジー カテゴリーの変更を依頼 記事元:zenn.dev/ak
適切な情報に変更
1142 usersがブックマーク コメント43

    記事へのコメント43件

    • 注目コメント
    • 新着コメント
    Keisuke69
    いつかブラウザを作ってみたいと思ってたがなかなか大変そうだな。これ書いた方って社会人2年目なの…？すご

    その他
    aox
    Faxとどう違うんですかね

    その他
    NOV1975
    これ、みんなのリクエストしている話とズレてる気もするが…／それはともかく、最初のバイナリとテキストの話は不要では？（文字コードはともかく、いわゆる「バイナリデータ」ではないので。）

    その他
    helldeath
    こんなにブクマついてるのにブコメへの星の少なさが珍しい。797ブクマでトップが星5個。

    その他
    xlc
    みんな「知識系」のコンテンツが好きだねえ。ある程度の技術力があるエンジニアなら調べなくても「きっとそうに違いない」となんとなく理解している内容。そして知識ではなく仕事に生かしてる。

    その他
    wazpk6no
    tridentとgeckoとblinkの違いを期待してた…

    その他
    ext3
    byteからcharへの変換を指定するcontent-typeの指定もテキストで記載されているとなると、ヘッダー受け取る前から何かしらのbyte-char変換指定が必要になると思うが、果たして最初のbyteはどうやって変換されてるんだろうか

    その他
    furuichi
    DOMの解説も後ろでしているので、冒頭部分でいきなり"DOM"と書いてある部分は「解説は後段」的な注釈いれてあると、対象読者を考えるともっとわかりやすくなると思います。

    その他
    kmaebashi
    例によってインタプリタの説明が微妙。「1行ずつ機械語に翻訳」とは直接は書いてないが、構文解釈(構文解析?)だって、ループの中で何度もするわけじゃない。

    その他
    frkw2004
    スマホ用のブラウザ作る時は、読み込んでいる途中のストリームとレンダリング作業とを上手く最適化して、低速通信時でもストレスなく表示+操作できるといいなあ。処理レイヤーが違うけど。

    その他
    eleven-soul
    htnl

    その他
    cartman0
    zennのコメントが酷い。間違ってると言うなら正確な記事書いてくれればいいのに。まとまってる資料他にそうそうないやろ

    その他
    ryuichi1208
    何回読んでも覚えられない。。

    その他
    tohima
    おもしろかったー

    その他
    nokazn
    簡単なレンダリングエンジンそのうち作ってみたい

    その他
    Cru
    未加工のバイトから人間が読める文字に変換ってとこで読むのやめた。base64からASCIIに変換？gzip解凍？https復号？いずれ加工されまくってるバイナリって事になるしなぁしなぁ

    その他
    kibitaki
    おっ？最近じゃあレンダリングの話なんて珍しいねぇ。よおしおじちゃんがさぼるレンダラに蹴り入れるにはとかお手軽メモリリークとかテーブルネストとかの話を・・・って違うの？あ、そう。

    その他
    ustam
    まあ基本ではあるよね。わかってないと、この先の地獄のような複雑さには対応できない。

    その他
    kareki11
    わかりやすい

    その他
    pqe
    ノードとは何でしょうか？

    その他
    nmcli
    HTMLが顔、CSSが化粧、DOMは骨格と筋肉、それをScriptで美容整形するようなイメージが2010年代までは通用したが、今はもうこれでは説明不足になってきてしまったの

    その他
    wazpk6no
    tridentとgeckoとblinkの違いを期待してた…

    その他
    ext3
    byteからcharへの変換を指定するcontent-typeの指定もテキストで記載されているとなると、ヘッダー受け取る前から何かしらのbyte-char変換指定が必要になると思うが、果たして最初のbyteはどうやって変換されてるんだろうか

    その他
    helldeath
    こんなにブクマついてるのにブコメへの星の少なさが珍しい。797ブクマでトップが星5個。

    その他
    xlc
    みんな「知識系」のコンテンツが好きだねえ。ある程度の技術力があるエンジニアなら調べなくても「きっとそうに違いない」となんとなく理解している内容。そして知識ではなく仕事に生かしてる。

    その他
    frkw2004
    スマホ用のブラウザ作る時は、読み込んでいる途中のストリームとレンダリング作業とを上手く最適化して、低速通信時でもストレスなく表示+操作できるといいなあ。処理レイヤーが違うけど。

    その他
    cantaloupe
    レンダリング 学習 素材

    その他
    rryu
    HTMLのトークンって < や </ じゃないのと思ったらHTMLのパースは巨大なステートマシンで区切りのいいところで結果をトークンとして置いていくという仕組みでやるらしい。

    その他
    Nobkz
    読んでるけど、ざっと、なんかいろいろ、混乱してそうだなー。例えば、“HTMLファイルは、「0」と「1」でできたデータになっています”、いやまぁ、そうなんだけどさ...

    その他
    furuichi
    DOMの解説も後ろでしているので、冒頭部分でいきなり"DOM"と書いてある部分は「解説は後段」的な注釈いれてあると、対象読者を考えるともっとわかりやすくなると思います。

    その他
    aquarickn
    色使いとか最初の説明の順番とか最高やないか

    その他
    gyochan
    時間経過とそれがいつ起こるかのタイムライン（WBSちっくなヤツ）があるとありがたいなー（要求）defer属性、async属性、むにゃむにゃ…

    その他
    yoiIT
    分かりやすい

    その他
    yarumato
    “HTMLの解析　BytesからCharactersに変換　Tokensに変換　(DOM)Nodesに変換　DOMの構築　CSSの解析　CSSOMの構築”

    その他
    Shinwiki
    ぷにるとかLunascapeとかあんドーナツもこうなの？

    その他
    kiriyoke
    ブラウザの仕組みは知らなかったのでありがたい記事だった

    その他
    arebouya
    エンジニア時代に知りたかった。業務では直接使わない知識だったけど、あれば絶対一読してた。

    その他
    remix-cafe
    メモ

    その他
    mitsuok-33
    大学の講義レベルの内容が詰まった良記事。直接仕事に生きることではないんだけどね。

    その他
    modal_soul
    ハイパフォーマンスブラウザネットワーキングのブラウザ寄りの話って感じ。リクエストからコンテンツ取得するまでのところも面白いよね

    その他

    注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

    アプリのスクリーンショット
    いまの話題をアプリでチェック！
    • バナー広告なし
    • ミュート機能あり
    • ダークモード搭載
    アプリをダウンロード

    関連記事

    ブラウザレンダリングの仕組み

    Webの用語を100秒で解説するチャンネルを作りました！ よかったらチェックしてみてください！ はじめに ...

    ブックマークしたユーザー

    • fivestech2024/03/01 fivestech
    • appup2023/07/18 appup
    • simomm2023/06/20 simomm
    • tanaka_shi2023/06/11 tanaka_shi
    • minorusato2023/06/11 minorusato
    • eleven-soul2023/06/10 eleven-soul
    • pere_ponta2023/04/12 pere_ponta
    • montdsichel2023/03/23 montdsichel
    • bomberkiddy2023/02/06 bomberkiddy
    • bono_gpgr2022/11/25 bono_gpgr
    • techtech05212022/10/02 techtech0521
    • t4332022/07/26 t433
    • cartman02022/02/21 cartman0
    • hondasatoru2022/02/10 hondasatoru
    • tsu4420002022/02/10 tsu442000
    • fshuto2021/12/27 fshuto
    • matsukaz2021/12/23 matsukaz
    • nomaharu20132021/12/06 nomaharu2013
    すべてのユーザーの
    詳細を表示します

    同じサイトの新着

    同じサイトの新着をもっと読む

    いま人気の記事

    いま人気の記事をもっと読む

    いま人気の記事 - テクノロジー

    いま人気の記事 - テクノロジーをもっと読む

    新着記事 - テクノロジー

    新着記事 - テクノロジーをもっと読む

    同時期にブックマークされた記事

    いま人気の記事 - 企業メディア

    企業メディアをもっと読む

    はてなブックマーク

    公式Twitter

    はてなのサービス

    • App Storeからダウンロード
    • Google Playで手に入れよう
    Copyright © 2005-2025 Hatena. All Rights Reserved.