[B! ブラウザ] ブラウザレンダリングの仕組み

<!DOCTYPE html> <html lang="ja" data-page-scope="Entry" data-stable-request-url="https://b.hatena.ne.jp/entry?url=https%3A%2F%2Fzenn.dev%2Fak%2Farticles%2Fc28fa3a9ba7edb" data-device-type="PC" data-sentry-environment="production" data-sentry-sample-rate="0.1" data-alert-admin-names="" data-bookmark-count="1142" data-category-name="it" data-entry-created="2021-05-05T23:25:27Z" data-entry-eid="4702229688091821634" data-entry-url="https://zenn.dev/ak/articles/c28fa3a9ba7edb" data-page-subtype="entry" data-page-type="entry" > <head>  <script> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-5TDHQX'); </script>  <meta charset="UTF-8"> <title>[B! ブラウザ] ブラウザレンダリングの仕組み</title> <script src="https://b.st-hatena.com/94abb00c8e4c54e0574b5d19a77fa5ce4e9a125e/js/v4/bookmark.js" async></script> <link type="text/css" rel="stylesheet" href="https://b.st-hatena.com/94abb00c8e4c54e0574b5d19a77fa5ce4e9a125e/css/v4/bookmark.css" /> <link type="text/css" rel="stylesheet" href="https://b.st-hatena.com/94abb00c8e4c54e0574b5d19a77fa5ce4e9a125e/css/v4/bookmark.star.css" /> <link rel="canonical" href="https://b.hatena.ne.jp/entry/s/zenn.dev/ak/articles/c28fa3a9ba7edb" /> <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" /> <meta name="viewport" content="width=device-width"> <link rel="search" type="application/opensearchdescription+xml" title="はてなブックマーク検索" href="/opensearch.xml" /> <link rel="apple-touch-icon-precomposed" href="https://b.st-hatena.com/94abb00c8e4c54e0574b5d19a77fa5ce4e9a125e/images/v4/public/apple-touch-icon-precomposed.png" /> <link rel="mask-icon" href="https://b.st-hatena.com/94abb00c8e4c54e0574b5d19a77fa5ce4e9a125e/images/v4/public/safari-pinned-tab-icon.svg" color="#00A4DE" /> <meta name="msapplication-navbutton-color" content="#2C6EBD" /> <meta name="msapplication-task" content="name=はてなブックマーク; action-uri=/; icon-uri=https://b.st-hatena.com/94abb00c8e4c54e0574b5d19a77fa5ce4e9a125e/images/v4/public/icons/bookmark.ico" /> <meta name="msapplication-task" content="name=マイブックマーク; action-uri=/my; icon-uri=https://b.st-hatena.com/94abb00c8e4c54e0574b5d19a77fa5ce4e9a125e/images/v4/public/icons/my-bookmark.ico" /> <meta name="msapplication-task" content="name=お気に入りのブックマーク; action-uri=/my/favorite; icon-uri=https://b.st-hatena.com/94abb00c8e4c54e0574b5d19a77fa5ce4e9a125e/images/v4/public/icons/favorite-bookmark.ico" /> <meta name="msapplication-task" content="name=人気エントリー; action-uri=/hotentry; icon-uri=https://b.st-hatena.com/94abb00c8e4c54e0574b5d19a77fa5ce4e9a125e/images/v4/public/icons/hotentry.ico" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="referrer" content="always"> <link rel="alternate" href="android-app://com.hatena.android.bookmark/https://b.hatena.ne.jp/entry.comment/s/zenn.dev/ak/articles/c28fa3a9ba7edb" /> <meta property="og:title" content="『ブラウザレンダリングの仕組み』へのコメント"> <meta property="og:type" content="article"> <meta property="og:url" content="https://b.hatena.ne.jp/entry/s/zenn.dev/ak/articles/c28fa3a9ba7edb"> <meta property="og:description" content="この記事に対して43件のコメントがあります。注目されているコメントは「いつかブラウザを作ってみたいと思ってたがなかなか大変そうだな。これ書いた方って社会人2年目なの…？すご」、「Faxとどう違うんですかね」、「これ、みんなのリクエストしている話とズレてる気もするが…／それはともかく、最初のバイナリとテキストの話は不要では？（文字コードはともかく、いわゆる「バイナリデータ」ではないので。）」、「こんなにブクマついてるのにブコメへの星の少なさが珍しい。797ブクマでトップが星5個。」などです。"> <meta property="og:site_name" content="はてなブックマーク" /> <meta property="og:image" content="https://res.cloudinary.com/zenn/image/upload/s--J7GO-feD--/c_fit%2Cg_north_west%2Cl_text:notosansjp-medium.otf_55:%25E3%2583%2596%25E3%2583%25A9%25E3%2582%25A6%25E3%2582%25B6%25E3%2583%25AC%25E3%2583%25B3%25E3%2583%2580%25E3%2583%25AA%25E3%2583%25B3%25E3%2582%25B0%25E3%2581%25AE%25E4%25BB%2595%25E7%25B5%2584%25E3%2581%25BF%2Cw_1010%2Cx_90%2Cy_100/g_south_west%2Cl_text:notosansjp-medium.otf_37:aki%2Cx_203%2Cy_121/g_south_west%2Ch_90%2Cl_fetch:aHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyL2Q3YTNhNmZhNjkuanBlZw==%2Cr_max%2Cw_90%2Cx_87%2Cy_95/v1627283836/default/og-base-w1200-v2.png"> <meta name="twitter:card" content="summary"> <meta name="twitter:site" content="@HatenaBookmark"> <meta name="twitter:title" content="『ブラウザレンダリングの仕組み』へのコメント"> <meta name="twitter:description" content="Keisuke69, ”いつかブラウザを作ってみたいと思ってたがなかなか大変そうだな。これ書いた方って社会人2年目なの…？すご” / aox, ”Faxとどう違うんですかね” / NOV1975, ”これ、みんなのリクエストしている話とズレてる気もするが…／それはともかく、最初のバイナリとテキストの話は不要では？（文字コードはともかく、いわゆる「バイナリデータ」ではないので。）”"> <meta name="twitter:image" content="https://res.cloudinary.com/zenn/image/upload/s--J7GO-feD--/c_fit%2Cg_north_west%2Cl_text:notosansjp-medium.otf_55:%25E3%2583%2596%25E3%2583%25A9%25E3%2582%25A6%25E3%2582%25B6%25E3%2583%25AC%25E3%2583%25B3%25E3%2583%2580%25E3%2583%25AA%25E3%2583%25B3%25E3%2582%25B0%25E3%2581%25AE%25E4%25BB%2595%25E7%25B5%2584%25E3%2581%25BF%2Cw_1010%2Cx_90%2Cy_100/g_south_west%2Cl_text:notosansjp-medium.otf_37:aki%2Cx_203%2Cy_121/g_south_west%2Ch_90%2Cl_fetch:aHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyL2Q3YTNhNmZhNjkuanBlZw==%2Cr_max%2Cw_90%2Cx_87%2Cy_95/v1627283836/default/og-base-w1200-v2.png"> <link rel="alternate" type="application/rss+xml" href="/entry/rss/https://zenn.dev/ak/articles/c28fa3a9ba7edb" /> <script> function isMobile() { const html = document.documentElement; const deviceType = html.dataset.deviceType || ''; if (deviceType.length > 0) { return deviceType === 'MOBILE'; } else { const maxMobileWidth = 480; const windowWidth = window.innerWidth; return maxMobileWidth >= windowWidth; } } </script> </head> <body class="page-entry fixed-header">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5TDHQX" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div class="link-app-banner js-dynamic-link-app-banner is-hidden"> <button class="link-app-banner-btn-close js-dynamic-link-app-banner-close-button"><span>close</span></button> <a class="link-app-banner-btn" href="https://hatenabookmark.page.link/app"> <div class="link-app-banner-btn-detail"> <div class="link-app-banner-icon"><img src="/images/v4/public/app/ic-ios.svg" alt="はてなブックマークアプリ"></div> <p class="link-app-banner-text">サクサク読めて、<br class="link-app-banner-text-newline">アプリ限定の機能も多数！</p> </div> <div class="link-app-banner-btn-open">アプリで開く</div> </a> </div> <header id="global-header" data-portal-static-origin="//cdn.www.st-hatena.com"> <div id="header" class="global-header-inner js-global-header-inner"> <h2 id="gh-logo"><a href="/" data-gtm-label="gh-blogo"><span>はてなブックマーク</span></a></h2> <div class="is-guest js-guest is-hidden"> <input id="gh-search-icon-check" type="checkbox" checked="checked" /> <label class="gh-search-icon" for="gh-search-icon-check" aria-label="検索を閉じる"><span>閉じる</span></label> <form class="gh-searchbox" method="get" action="/search_dwim" role="search"> <input value="" name="q" type="search" class="gh-inputtext" placeholder="キーワード・URLを検索" size="40" /> <input value="" type="submit" class="gh-search-button" /> </form> <ul class="gh-service-menu"> <li><a href="/guide" data-gtm-label="gh-guest-guide">はてなブックマークって？</a></li> <li><a href="/guide/tools" data-gtm-label="gh-guest-tools">アプリ・拡張の紹介</a></li> <li><a href="https://www.hatena.ne.jp/register?location=https%3A%2F%2Fb.hatena.ne.jp%2F%3Fregistered_from%3Dglobal-header&via=201037" class="gh-guest-register" data-gtm-label="gh-guest-register">ユーザー登録</a></li> <li><a href="https://www.hatena.ne.jp/login?location=https%3A%2F%2Fb.hatena.ne.jp%2Fentry%3Furl%3Dhttps%253A%252F%252Fzenn.dev%252Fak%252Farticles%252Fc28fa3a9ba7edb" rel="nofollow" class="gh-guest-login" data-gtm-label="gh-guest-login">ログイン</a></li> <li class="gh-hatena-logo"><a href="http://www.hatena.ne.jp/"><img src="https://b.st-hatena.com/94abb00c8e4c54e0574b5d19a77fa5ce4e9a125e/images/v4/public/logo/logo-global-white.svg" alt="Hatena" width="74px" height="13px"/></a></li> </ul> </div> <noscript> <ul class="gh-service-menu"> <li><a href="https://www.hatena.ne.jp/logout?location=https%3A%2F%2Fb.hatena.ne.jp%2F">ログアウト</a></li> </ul> </noscript> <script type="text/x-template" id="template-menu-hatena-user"> <form class="gh-searchbox" method="get" action="/search_dwim" role="search"> <input value="" name="q" type="search" class="gh-inputtext" placeholder="キーワード・URLを検索" size="40" /> <input value="" type="submit" class="gh-search-button" /> </form> <ul class="gh-service-menu"> <li><a class="hotentry" data-gtm-label="gh-mypage" href="{{hotentry_url}}"><img src="{{user_image_url}}" class="header-profile-icon" width="16" height="16" alt="{{username}}" /></a><a class="hotentry" data-gtm-label="gh-mypage" href="{{hotentry_url}}">マイページ</a></li> <li><a class="bookmark" data-gtm-label="gh-bookmark" href="{{bookmark_url}}">ブックマーク</a></li> <li><a class="unread_bookmark" data-gtm-label="gh-ril" href="{{bookmark_stock_url}}">あとで読む</a></li> <li><a class="add" data-gtm-label="gh-add" href="{{add_bookmark_url}}">追加</a></li> <li><a class="tools" data-gtm-label="gh-tools" href="/guide/tools">ツール</a></li> <li><a class="config" data-gtm-label="gh-config" href="/-/my/config/profile">設定</a></li> <li><a class="feedback" data-gtm-label="gh-feedback" href="/-/feedback/hatena_bookmark" target="_blank">フィードバック</a></li> <li id="header-username" class="gh-dropdown-services" data-gtm-label="gh-services" title="利用中のサービス" data-name="{{username}}"> <span class="header-dropdown gh-dropdown" tabindex="0"> <img src="https://b.st-hatena.com/94abb00c8e4c54e0574b5d19a77fa5ce4e9a125e/images/v4/public/common/usermenu-wh.svg" alt="利用中のサービス" width="24" height="24" /> </span> <dl class="header-window" id="username-window"></dl> </li> <li id="header-notify" data-gtm-label="gh-notify" class="gh-dropdown-notify" title="あなたへのお知らせ"> <span class="header-dropdown gh-dropdown" tabindex="0"> <img src="https://b.st-hatena.com/94abb00c8e4c54e0574b5d19a77fa5ce4e9a125e/images/v4/public/common/notify-wh.svg" alt="あなたへのお知らせ" width="25" height="25" /> <span class="notify-count"></span> </span> <div id="notify-window" class="header-window header-notify"></div> </li> <li class="gh-hatena-logo"><a href="http://www.hatena.ne.jp/"><img src="https://b.st-hatena.com/94abb00c8e4c54e0574b5d19a77fa5ce4e9a125e/images/v4/public/logo/logo-global-white.svg" alt="Hatena" width="74px" height="13px"/></a></li> </ul> </script> </div> </header> <div id="info-header"><div id="info-header-message"></div><span></span></div> <div class="global-notification is-hidden js-global-notification"></div> <script type="text/javascript"> // ---------------- dfp section ---------------- var valve = valve || []; if (isMobile()) { valve.push(function(v) { v.defineDFPSlot({ unit: '/4374287/bookmark_sp_entry_above-comment_320x100', sizes: [[320,100]], slotId: 'entry-ad-sp-upon-comments' }); var isCapableForMultiSizeAds = true; var adSizesForMobileRectangle = isCapableForMultiSizeAds && window.screen.availWidth >= 336 ? [[336,280],[300,250]] : [[300,250]]; v.defineDFPSlot({ unit: '/4374287/bookmark_sp_entry_under-title_300x250', sizes: adSizesForMobileRectangle, slotId: 'entry-ad-sp-below-comments' }); v.defineDFPSlot({ unit: '/4374287/b_sp_com_1_3250_0_no', sizes: [[320,80],[320,70],[320,50]], slotId: 'touch-footer-ad' }); v.defineDFPSlot({ unit: '/4374287/bookmark_sp_a', sizes: [[300,250]], slotId: 'entry-touch-a-rectangle' }); v.defineDFPSlot({ unit: '/4374287/bookmark_sp_entry', sizes: [[300,250]], slotId: 'entry-touch-rectangle' }); v.sealDFPSlots(); }); } else { valve.push(function(v) { v.defineDFPSlot({ unit: '/4374287/bookmark_entry', sizes: [[300,250]], slotId: 'entry-rectangle-top-right' }); v.defineDFPSlot({ unit: '/4374287/bookmark_entry2', sizes: [[300,250]], slotId: 'entry-rectangle-bottom-right' }); v.defineDFPSlot({ unit: '/4374287/b_pc_e_8_tex_0_v2', sizes: [[728, 90],[578, 80]], slotId: 'entry-text-ad' }); v.defineDFPSlot({ unit: '/4374287/bookmark_entry_left', sizes: [[336,280],[300,250]], slotId: 'entry-double-rectangle-left' }); v.defineDFPSlot({ unit: '/4374287/bookmark_entry_right', sizes: [[336,280],[300,250]], slotId: 'entry-double-rectangle-right' }); v.sealDFPSlots(); }); } </script> <script> var valve = window.valve || []; valve.push(function(v) { var pageKeyValues = {"categoryAdminName":"it"}; if (document.cookie.split(';').some(function(item) { return item.indexOf('202011_guest_status=register_incomplete') >= 0})) { pageKeyValues.bookmark_status = 'register_incomplete'; } v.config({ bypass: false, pageKeyValues: pageKeyValues, textSelector: ".entry-contents", content: { result: "ok" }, service: 'bookmark' }); }); </script> <script src="https://cdn.pool.st-hatena.com/valve/valve.js" async></script> <style id="ignore-user-style" type="text/css"></style> <script type="text/javascript"> (function() { var ignoreUsers; try { ignoreUsers = window.localStorage.getItem("bstn.ignored_users") || "[]"; } catch (ignore) { ignoreUsers = "[]" } try { ignoreUsers = JSON.parse(ignoreUsers) } catch (ignore) { ignoreUsers = [] } if (ignoreUsers.length) { const style = document.getElementById('ignore-user-style'); const chunkSize = 1000; let css = ''; for (let i = 0; i < ignoreUsers.length; i += chunkSize) { css += ignoreUsers.slice(i, i + chunkSize).map(function(user) { return '.js-ignorable-user-content[data-user-name="' + user + '"]'; }).join(",") + "{ display: none; }\n"; } style.textContent = css; } })() </script> <div class="navi-wrapper is-simple is-fixed"> <ul class="navi-body"> <li class="cat-all" data-category-name="cat-all"> <div class="navi-link"> <a href="/hotentry/all" class="navi-link-text cat-all" data-gtm-label="global-navi-all"><span>総合</span></a> </div> </li> <li class="cat-general" data-category-name="cat-general"> <div class="navi-link"> <a href="/hotentry/general" class="navi-link-text cat-general" data-gtm-label="global-navi-general"><span>一般</span></a> </div> </li> <li class="cat-social" data-category-name="cat-social"> <div class="navi-link"> <a href="/hotentry/social" class="navi-link-text cat-social" data-gtm-label="global-navi-social"><span>世の中</span></a> </div> </li> <li class="cat-economics" data-category-name="cat-economics"> <div class="navi-link"> <a href="/hotentry/economics" class="navi-link-text cat-economics" data-gtm-label="global-navi-economics"><span>政治と経済</span></a> </div> </li> <li class="cat-life" data-category-name="cat-life"> <div class="navi-link"> <a href="/hotentry/life" class="navi-link-text cat-life" data-gtm-label="global-navi-life"><span>暮らし</span></a> </div> </li> <li class="cat-knowledge" data-category-name="cat-knowledge"> <div class="navi-link"> <a href="/hotentry/knowledge" class="navi-link-text cat-knowledge" data-gtm-label="global-navi-knowledge"><span>学び</span></a> </div> </li> <li class="cat-it" data-category-name="cat-it"> <div class="navi-link"> <a href="/hotentry/it" class="navi-link-text cat-it" data-gtm-label="global-navi-it"><span>テクノロジー</span></a> </div> </li> <li class="cat-fun" data-category-name="cat-fun"> <div class="navi-link"> <a href="/hotentry/fun" class="navi-link-text cat-fun" data-gtm-label="global-navi-fun"><span>おもしろ</span></a> </div> </li> <li class="cat-entertainment" data-category-name="cat-entertainment"> <div class="navi-link"> <a href="/hotentry/entertainment" class="navi-link-text cat-entertainment" data-gtm-label="global-navi-entertainment"><span>エンタメ</span></a> </div> </li> <li class="cat-game" data-category-name="cat-game"> <div class="navi-link"> <a href="/hotentry/game" class="navi-link-text cat-game" data-gtm-label="global-navi-game"><span>アニメとゲーム</span></a> </div> </li> </ul> </div> <div id="container" class="entry-container cat-it"> <div class="entry-wrapper js-entry-wrapper" data-entry-url="https://zenn.dev/ak/articles/c28fa3a9ba7edb"> <div class="breadcrumb-wrapper"> <ul class="breadcrumb"> <li><a href="/" data-gtm-label="entry-breadcrumb-home"><img src="https://b.st-hatena.com/94abb00c8e4c54e0574b5d19a77fa5ce4e9a125e/images/v4/public/breadcrumb-home.svg" alt="はてなブックマーク" class="breadcrumb-home"></a></li> <li><a href="/hotentry/it" data-gtm-label="entry-breadcrumb-category">テクノロジー</a></li> <li><span class="breadcrumb-current">ブラウザレンダリングの仕組み</li> </ul> <ul class="breadcrumb-share"> <li><a href="https://twitter.com/share?text=%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6%E3%83%AC%E3%83%B3%E3%83%80%E3%83%AA%E3%83%B3%E3%82%B0%E3%81%AE%E4%BB%95%E7%B5%84%E3%81%BF&url=https%3A%2F%2Fb.hatena.ne.jp%2Fentry%2Fs%2Fzenn.dev%2Fak%2Farticles%2Fc28fa3a9ba7edb" target="_blank" rel="noopener" title="Twitterでシェア" data-gtm-label="entry-share-twitter"><img src="https://b.st-hatena.com/94abb00c8e4c54e0574b5d19a77fa5ce4e9a125e/images/v4/public/entry/share-twitter.svg" alt="Twitterでシェア"></a></li> <li><a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fb.hatena.ne.jp%2Fentry%2Fs%2Fzenn.dev%2Fak%2Farticles%2Fc28fa3a9ba7edb" target="_blank" rel="noopener" title="Facebookでシェア" data-gtm-label="entry-share-facebook"><img src="https://b.st-hatena.com/94abb00c8e4c54e0574b5d19a77fa5ce4e9a125e/images/v4/public/entry/share-facebook.svg" alt="Facebookでシェア"></a></li> </ul> </div> <div class="entry-contents"> <div class="entry-main"> <div class="guide-blogToBookmark-modal js-blogtobookmark-modal is-hidden"> <div class="guide-blogToBookmark-window js-modal-content"> <h3>気に入った記事をブックマーク</h3> <img class="guide-blogToBookmark-image" src="/images/v4/public/b_panel/guide-hatenablog-to-bookmark.svg" width="144" height="144"> <ul class="guide-blogToBookmark-benefit"> <li><b>気に入った記事を保存</b>できます <div class="guide-blogToBookmark-benefit-note">保存した記事の一覧は、はてなブックマークで確認・編集ができます</div> </li> <li>記事を読んだ<b>感想やメモを書き残せます</b></li> <li><b>非公開でブックマーク</b>することもできます</li> </ul> <div class="guide-blogToBookmark-btn js-modal-close-button"><button>記事をブックマークしてみる</button></div> </div> </div> <div class="entry-bookmark"> <div class="entry-info"> <div class="entry-info-image"> <img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/1bf635617884ce9a6f1b8579d99d833900d4b768/height=288;version=1;width=512/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--J7GO-feD--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3A%2525E3%252583%252596%2525E3%252583%2525A9%2525E3%252582%2525A6%2525E3%252582%2525B6%2525E3%252583%2525AC%2525E3%252583%2525B3%2525E3%252583%252580%2525E3%252583%2525AA%2525E3%252583%2525B3%2525E3%252582%2525B0%2525E3%252581%2525AE%2525E4%2525BB%252595%2525E7%2525B5%252584%2525E3%252581%2525BF%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3Aaki%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyL2Q3YTNhNmZhNjkuanBlZw%3D%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png" alt=""> </div> <div class="entry-info-inner"> <h1 class="entry-info-title js-entry-info-title"> <a href="https://zenn.dev/ak/articles/c28fa3a9ba7edb" class="js-entry-info-title-text" data-gtm-label="entry-info-title" data-entry-id="4702229688091821634" data-entry-category="テクノロジー" title="ブラウザレンダリングの仕組み" target="_blank" rel="noopener">ブラウザレンダリングの仕組み</a> </h1> <div class="entry-info-meta js-entry-info"> <span class="entry-info-category"><a class="entry-info-category-name" href="/hotentry/it" data-gtm-label="entry-info-category">テクノロジー</a> <a class="entry-info-category-change" href="https://docs.google.com/forms/d/e/1FAIpQLSc2KRyIMERuugzXCP79fjv5P7qnPh2vzINDpw1ARYyKL7zjnA/viewform?usp=pp_url&entry.773742086=https%3A%2F%2Fzenn.dev%2Fak%2Farticles%2Fc28fa3a9ba7edb&entry.1114420074=%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6%E3%83%AC%E3%83%B3%E3%83%80%E3%83%AA%E3%83%B3%E3%82%B0%E3%81%AE%E4%BB%95%E7%B5%84%E3%81%BF&entry.867410236=%E3%83%86%E3%82%AF%E3%83%8E%E3%83%AD%E3%82%B8%E3%83%BC" target="_blank" aria-label="カテゴリーの変更を依頼"><span>カテゴリーの変更を依頼</span></a> </span> <span class="entry-info-domain"><span class="text">記事元:</span><a href="/site/zenn.dev/ak" data-gtm-label="entry-info-domain"><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fzenn.dev%2Fak%2Farticles%2Fc28fa3a9ba7edb" alt="" width="16px" height="16px">zenn.dev/ak</a></span> </div> </div> <div class="entry-edit js-entry-edit-button"> <span class="entry-edit-popup">適切な情報に変更</span> <button type="button" class="entry-edit-btn"> <img src="https://b.st-hatena.com/94abb00c8e4c54e0574b5d19a77fa5ce4e9a125e/images/v4/public/entry/edit.svg" alt="編集"> </button> </div> <div class="entry-editModal is-hidden js-entry-edit-modal" data-url="https://zenn.dev/ak/articles/c28fa3a9ba7edb"> <div class="entry-editModal-window js-entry-edit-modal-window"> <h3 class="entry-editModal-title">エントリーの編集</h3> <p class="entry-editModal-description js-entry-edit-modal-description"></p> <div class="entry-editModal-spinner js-entry-edit-modal-spinner"> <img src="https://b.st-hatena.com/94abb00c8e4c54e0574b5d19a77fa5ce4e9a125e/images/v4/public/common/loading@2x.gif" alt="loading..." class="entry-editModal-spinner-icon"> </div> <div class="entry-editModal-general js-entry-edit-modal-general is-hidden"> <p class="entry-editModal-description">エントリーの編集は<span class="caution">全ユーザーに共通</span>の機能です。<br> 必ずガイドラインを一読の上ご利用ください。</p> <form method="post" action="" class="entry-editModal-form"> <div class="js-entry-edit-modal-title is-hidden"> <h4 class="entry-editModal-headline">タイトル<span class="entry-editModal-guideline"><a href="https://b.hatena.ne.jp/help/entry/guideline_title">ガイドライン</a></span></h4> <input type="text" name="title" value="ブラウザレンダリングの仕組み" class="entry-editModal-textInput"> </div> <div class="entry-editModal-btnArea"> <button type="button" class="entry-editModal-cancel js-entry-edit-modal-cancel-button is-hidden">キャンセル</button> <button type="submit" class="entry-editModal-decide js-entry-edit-modal-decision-button is-hidden">保存する</button> </div> </form> </div> <div class="entry-editModal-owner js-entry-edit-modal-owner is-hidden"> <p class="entry-editModal-owner-description">このページのオーナーなので以下のアクションを実行できます</p> <div class="entry-editModal-renew js-entry-edit-modal-refresh is-hidden"> <span class="entry-editModal-renew-help">タイトル、本文などの情報を<br>再取得することができます</span> <button type="button" class="entry-editModal-renew-btn">情報を更新する</button> </div> <div class="entry-editModal-visibility js-entry-edit-modal-visibility is-hidden"> <span class="entry-editModal-visibility-help">コメントを非表示にできます</span> <a href="/my/site/https%3A%2F%2Fzenn.dev%2Fak%2Farticles%2Fc28fa3a9ba7edb/visibility">コメント表示の設定</a> </div> </div> <button type="button" class="entry-editModal-close js-entry-edit-modal-close-button"><img src="https://b.st-hatena.com/94abb00c8e4c54e0574b5d19a77fa5ce4e9a125e/images/v4/public/entry/overlay-close-gray.svg" alt=""></button> </div> </div> <div class="entry-twitterModal is-hidden js-twitter-share-modal"> <div class="entry-twitterModal-window js-modal-content"> <h3 class="entry-twitterModal-title">ブックマークしました</h3> <p class="entry-twitterModal-tweet js-twitter-share-modal-text"> ここにツイート内容が記載されます <span>https://b.hatena.ne.jp/URLはspanで囲んでください</span> </p> <a href="#" class="entry-twitterModal-btn js-twitter-share-modal-share-link" target="_blank" rel="noopener" data-gtm-click-label="share-modal-twitter">Twitterで共有</a> <div class="entry-twitterModal-checkbox is-hidden js-twitter-share-modal-auto-redirect"> <input class="entry-twitterModal-checkbox-btn" type="checkbox" id="twitter-redirect-switch" data-gtm-click-label="share-checkbox-twitter"> <label class="entry-twitterModal-checkbox-label" for="twitter-redirect-switch">次回からTwitterへ自動リダイレクト</label> </div> <p class="entry-twitterModal-note is-hidden js-twitter-share-modal-auto-redirect-note">ONにすると、次回以降このダイアログを飛ばしてTwitterに遷移します</p> <button type="button" class="entry-twitterModal-close js-modal-close-button"><img src="https://b.st-hatena.com/94abb00c8e4c54e0574b5d19a77fa5ce4e9a125e/images/v4/public/entry/overlay-close-gray.svg" alt=""></button> </div> </div> </div> <div class="entry-myBookmark js-entry-myBookmark" data-entry-canonical-url="https://zenn.dev/ak/articles/c28fa3a9ba7edb" data-default-comment="" data-bookmark-source=""> <div class="entry-user-and-comment"> <span class="entry-info-users"><a href="" data-gtm-label="entry-info-users"><span>1142</span> users</a><span class="text">がブックマーク</span></span> <span class="entry-info-comment"><img src="https://b.st-hatena.com/94abb00c8e4c54e0574b5d19a77fa5ce4e9a125e/images/v4/public/entry/ic-comment.svg" alt="コメント"><span>43</span></span> </div> <div class="following-bookmarks-container js-following-bookmarks-container" data-entry-url="https://zenn.dev/ak/articles/c28fa3a9ba7edb"> <ul class="following-bookmarks js-following-bookmarks"></ul> <script type="text/x-template" id="template-following-bookmark"> <li> <a href="{{ anchor_path }}" class="following-bookmark-link" data-gtm-label="entry-info-followingBookmarks"> <img src="{{ profile_image_url }}" alt="{{ user_name }}" class="following-bookmark-icon"> </a> <span class="following-bookmark-popup"> <span class="following-bookmark-username">{{ user_name }}</span><span class="following-bookmark-timestamp">{{ created }}</span> <span class="following-bookmark-text"> {{ #comment }}<span class="following-bookmark-comment">{{ comment }}</span>{{ /comment }} <ul class="following-bookmark-tags">{{ #tags }}<li>{{ label }}</li>{{ /tags }}</ul> </span> </span> </li> </script> </div> <script type="text/x-template" id="entry-myBookmark-template"> <a href="/{{ user_name }}/" class="entry-myBookmark-icon"> <img src="{{ profile_image_url }}" alt="{{ user_name }}" title="{{ user_name }}"> </a> <span class="entry-myBookmark-username"><a href="{{ anchor_path }}">{{ user_name }}</a></span> <span class="js-private-icon status {{ #is_public }}is-hidden{{ /is_public }}"><img src="https://b.st-hatena.com/94abb00c8e4c54e0574b5d19a77fa5ce4e9a125e/images/v4/public/userpage/icon-private.svg" alt="非公開" width="10px" height="10px"></span> <span class="entry-myBookmark-text">{{{ comment_expanded }}}</span> <ul class="entry-comment-tags"> {{ #tags }} <li><a href="/{{ user_name }}/{{ tag_escaped }}/">{{ tag }}</a></li> {{ /tags }} </ul> <div class="entry-myBookmark-foot"> <p class="entry-comment-meta"> <span class="entry-comment-timestamp"><a href="{{ anchor_path }}">{{ timestamp }}</a></span> </p> <ul class="entry-myBookmark-menu js-bookmark-menu js-intent-share-bookmark" data-target-url="{{ url }}"> <li class="entry-myBookmark-item entry-myBookmark-share"> <div class="tooltip-hint is-invisible js-intent-share-tooltip"> <p class="tooltip-hint-text">こちらからブックマークを共有できます</p> <button class="tooltip-hint-close js-tooltip-close"><span>close</span></button> </div> <div class="ui-contextMenu entry-myBookmark-item-inner"> <div class="ui-contextMenu-btn entry-myBookmark-menu-btn js-intent-share-button" tabindex="0" role="button"> <span class="entry-myBookmark-popup">共有</span> </div> <div class="ui-contextMenu-list entry-myBookmark-menu-list js-intent-share-container"> <ul class="is-disabled" tabindex="-1"> <li> <a href="#" class="ui-contextMenu-listItem entry-myBookmark-menu-item entry-myBookmark-menu-item--twitter js-intent-share-twitter-link" target="_blank" rel="noopener" data-gtm-click-label="share-intent-twitter">Twitterへ共有</a> </li> <li> <a href="#" class="ui-contextMenu-listItem entry-myBookmark-menu-item entry-myBookmark-menu-item--mastodon js-intent-share-mastodon-link" target="_blank" rel="noopener" data-gtm-click-label="share-intent-mastodon">Mastodonへ共有</a> </li> </ul> </div> </div> </li> <li class="entry-myBookmark-item entry-myBookmark-edit"> <button type="button" class="entry-myBookmark-menu-btn js-inplace-edit"> <span class="entry-myBookmark-popup">ブックマークを編集</span> </button> </li> <li class="entry-myBookmark-item entry-myBookmark-delete"> <button type="button" class="entry-myBookmark-menu-btn js-inplace-delete" data-confirm-message="ブックマークを削除しますか？"> <span class="entry-myBookmark-popup">ブックマークを削除</span> </button> </li> </ul> </div> </script> <div class="entry-myBookmark-container js-entry-myBookmark-container"></div> <div class="entry-myBookmark-guest is-hidden js-entry-myBookmark-guest"> <a href="https://www.hatena.ne.jp/register?location=https%3A%2F%2Fb.hatena.ne.jp%2Fmy%2Fadd.confirm%3Furl%3Dhttps%253A%252F%252Fzenn.dev%252Fak%252Farticles%252Fc28fa3a9ba7edb%26registered_from%3Dentry-info-register-user-icon&via=201038" class="entry-myBookmark-icon js-register-modal-link" data-gtm-label="entry-info-register-user-icon"> <img src="https://b.st-hatena.com/94abb00c8e4c54e0574b5d19a77fa5ce4e9a125e/images/v4/public/profile.gif" alt="ゲスト" title="ゲスト"> </a> <div class="entry-myBookmark-guest-main"> <a href="https://www.hatena.ne.jp/register?location=https%3A%2F%2Fb.hatena.ne.jp%2Fmy%2Fadd.confirm%3Furl%3Dhttps%253A%252F%252Fzenn.dev%252Fak%252Farticles%252Fc28fa3a9ba7edb%26registered_from%3Dentry-info-register-form&via=201038" class="entry-myBookmark-guest-form js-register-modal-link" data-gtm-label="entry-info-register-form">コメントするにはログインが必要です</a> <a href="https://www.hatena.ne.jp/register?location=https%3A%2F%2Fb.hatena.ne.jp%2Fmy%2Fadd.confirm%3Furl%3Dhttps%253A%252F%252Fzenn.dev%252Fak%252Farticles%252Fc28fa3a9ba7edb%26registered_from%3Dentry-info-register-button&via=201038" class="entry-myBookmark-guest-button js-register-modal-link" data-gtm-label="entry-info-register-button"><span>ブックマークを追加</span></a> </div> <div class="entry-myBookmark-guest-register"> <a href="https://www.hatena.ne.jp/register?location=https%3A%2F%2Fb.hatena.ne.jp%2Fmy%2Fadd.confirm%3Furl%3Dhttps%253A%252F%252Fzenn.dev%252Fak%252Farticles%252Fc28fa3a9ba7edb%26registered_from%3Dentry-info-register-button-cta-bookmark&via=201038" class="entry-myBookmark-guest-button js-register-modal-link" data-gtm-click-label="entry-info-register-button-cta-bookmark" rel="noreferrer"><span>ブックマークを追加</span></a> </div> </div> <div class="bookmarkadd-iconLeft js-user-bookmark-edit editing-form js-editing-form is-hidden entry-myBookmark-form"> <div class="bookmarkadd-iconLeft-icon js-profile-image-container"> <script type="text/x-template" id="template-user-profile-image"> <a href="/{{ user_name }}"> <img src="{{ profile_image_url }}" alt="{{ user_name }}" title="{{ user_name }}" class="bookmarkadd-iconLeft-icon-image"> </a> </script> </div> <div class="bookmarkadd-iconLeft-main"> <form method="post" action="/my/bookmark" class="js-add-form "> <input type="hidden" name="url" value="https://zenn.dev/ak/articles/c28fa3a9ba7edb" /> <input type="hidden" name="from" value="entry" /> <div class="bookmarkadd-comment js-annotation-component"> <textarea class="bookmarkadd-comment-form is-comment-form-shrink" name="annotation" placeholder="コメントを入力してください (省略可)" aria-label="コメントを入力 (省略可)" ></textarea> <div class="bookmarkadd-comment-footer"> <div class="bookmarkadd-community-guideline"> <p><a href="/guide/guideline" target="_blank">ガイドライン</a>をご確認の上、良識あるコメントにご協力ください</p> </div> <span class="bookmarkadd-comment-count"> <span class="js-bookmarkadd-comment-count">0</span> <span class="bookmarkadd-comment-slash">/</span> <span class="js-bookmarkadd-comment-limit">0</span> </span> </div> </div> <div class="bookmarkadd-options"> <div class="bookmarkadd-tags js-bookmarkadd-tags"> <input type="text" class="bookmarkadd-tags-textbox js-bookmarkadd-tags-textbox" placeholder="タグを入力して追加" aria-label="タグを入力して追加(省略可)"> <span class="bookmarkadd-tags-btn is-hidden js-bookmarkadd-tags-btn"> <span class="bookmarkadd-tags-btn-popup">入力したタグを追加</span> <button class="bookmarkadd-tags-btn-image"></button> </span> </div> <div class="bookmarkadd-share"> <div class="bookmarkadd-share-block js-bookmarkadd-share-block"> <label class="bookmarkadd-share-label js-bookmarkadd-share-label-twitter"> <input type="checkbox" name="post_twitter" class="bookmarkadd-shareInput" value="1" /> <span class="bookmarkadd-twitter"> <span class="bookmarkadd-share-text twitter"> twitterにシェア </span> </span> </label> <label class="bookmarkadd-share-label"> <input type="checkbox" name="bookmark_stock" class="bookmarkadd-shareInput js-bookmarkadd-readlater" value="1" /> <span class="bookmarkadd-readlater"> <span class="bookmarkadd-share-text readlater">あとで読む</span> </span> </label> <label class="bookmarkadd-share-label"> <input type="checkbox" class="bookmarkadd-shareInput js-bookmarkadd-private" name="privacy" value="1"> <span class="bookmarkadd-private"> <span class="bookmarkadd-share-text private">非公開</span> </span> </label> </div> <div class="bookmarkadd-cancel-and-submit-buttons js-buttons-container"> <button class="bookmarkadd-cancel-btn js-bookmarkadd-cancel-btn is-hidden" type="button"> キャンセル </button> <input class="bookmarkadd-submit-btn js-bookmarkadd-submit-btn" type="submit" value="ブックマーク"> </div> </div> </div> <p class="bookmarkadd-externalHelp is-hidden js-bookmarkadd-externalHelp-general-myBookmarkPrivate" > <span>現在プライベートモードです<span> <a href="/-/my/config/profile" class="bookmarkadd-externalHelp-link">設定を変更する</a> </p> </form> <div class="js-bookmarkadd-tagList is-hidden"> <h3 class="bookmarkadd-tagList-title js-bookmarkadd-recommended-tagList-title"><span>おすすめタグ<span><a href="/help/entry/tag" target="_blank">タグについて</a></h3> <ul class="bookmarkadd-tagList-contents js-bookmarkadd-recommended-tagList-contents"> </ul> <h3 class="bookmarkadd-tagList-title often js-bookmarkadd-frequent-tagList-title"><span>よく使うタグ</span><button type="button" class="js-bookmarkadd-frequent-tagList-button">すべて表示</button></h3> <ul class="bookmarkadd-tagList-contents js-bookmarkadd-frequent-tagList-contents"> </ul> </div> </div> </div> <button type="button" class="entry-myBookmark-form-button js-entry-myBookmark-form-button is-hidden"><span>ブックマークを追加</span></button> <div class="bookmark-modal js-bookmark-modal js-editing-form is-hidden" aria-label="閉じる"> <div class="bookmark-modal-inner js-bookmark-modal-inner"> <div class="bookmark-modal-info"> <h2 class="bookmark-modal-title"> ブラウザレンダリングの仕組み </h2> <div class="entry-info-meta"> <span class="entry-users">1142 users</span> <span class="entry-info-domain"> <img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fzenn.dev%2Fak%2Farticles%2Fc28fa3a9ba7edb" alt="" width="16px" height="16px" class="bookmark-modal-favicon"><a href="/site/zenn.dev/ak">zenn.dev/ak</a> </span> </div> </div> <form method="post" action="/my/bookmark" class="js-add-form bookmark-modal-form"> <input type="hidden" name="url" value="https://zenn.dev/ak/articles/c28fa3a9ba7edb" /> <input type="hidden" name="from" value="entry" /> <div class="bookmarkadd-comment js-annotation-component"> <textarea class="bookmarkadd-comment-form is-comment-form-shrink" name="annotation" placeholder="コメントを入力してください (省略可)" aria-label="コメントを入力 (省略可)" ></textarea> <div class="bookmarkadd-comment-footer"> <div class="bookmarkadd-community-guideline"> <p><a href="/guide/guideline" target="_blank">ガイドライン</a>をご確認の上、良識あるコメントにご協力ください</p> </div> <span class="bookmarkadd-comment-count"> <span class="js-bookmarkadd-comment-count">0</span> <span class="bookmarkadd-comment-slash">/</span> <span class="js-bookmarkadd-comment-limit">0</span> </span> </div> </div> <div class="bookmarkadd-options"> <div class="bookmarkadd-tags js-bookmarkadd-tags"> <input type="text" class="bookmarkadd-tags-textbox js-bookmarkadd-tags-textbox" placeholder="タグを入力して追加" aria-label="タグを入力して追加(省略可)"> <span class="bookmarkadd-tags-btn is-hidden js-bookmarkadd-tags-btn"> <span class="bookmarkadd-tags-btn-popup">入力したタグを追加</span> <button class="bookmarkadd-tags-btn-image"></button> </span> </div> <div class="bookmarkadd-share"> <div class="bookmarkadd-share-block js-bookmarkadd-share-block"> <label class="bookmarkadd-share-label js-bookmarkadd-share-label-twitter"> <input type="checkbox" name="post_twitter" class="bookmarkadd-shareInput" value="1" /> <span class="bookmarkadd-twitter"> <span class="bookmarkadd-share-text twitter"> twitterにシェア </span> </span> </label> <label class="bookmarkadd-share-label"> <input type="checkbox" name="bookmark_stock" class="bookmarkadd-shareInput js-bookmarkadd-readlater" value="1" /> <span class="bookmarkadd-readlater"> <span class="bookmarkadd-share-text readlater">あとで読む</span> </span> </label> <label class="bookmarkadd-share-label"> <input type="checkbox" class="bookmarkadd-shareInput js-bookmarkadd-private" name="privacy" value="1"> <span class="bookmarkadd-private"> <span class="bookmarkadd-share-text private">非公開</span> </span> </label> </div> <div class="bookmarkadd-cancel-and-submit-buttons js-buttons-container"> <input class="bookmarkadd-submit-btn js-bookmarkadd-submit-btn" type="submit" value="ブックマーク"> </div> </div> </div> <p class="bookmarkadd-externalHelp is-hidden js-bookmarkadd-externalHelp-general-myBookmarkPrivate" > <span>現在プライベートモードです<span> <a href="/-/my/config/profile" class="bookmarkadd-externalHelp-link">設定を変更する</a> </p> </form> <div class="js-bookmarkadd-tagList is-hidden"> <h3 class="bookmarkadd-tagList-title js-bookmarkadd-recommended-tagList-title"><span>おすすめタグ<span><a href="/help/entry/tag" target="_blank">タグについて</a></h3> <ul class="bookmarkadd-tagList-contents js-bookmarkadd-recommended-tagList-contents"> </ul> <h3 class="bookmarkadd-tagList-title often js-bookmarkadd-frequent-tagList-title"><span>よく使うタグ</span><button type="button" class="js-bookmarkadd-frequent-tagList-button">すべて表示</button></h3> <ul class="bookmarkadd-tagList-contents js-bookmarkadd-frequent-tagList-contents"> </ul> </div> </div> </div> </div> </div> <div class="bookmark-guest-register-modal js-bookmark-guest-register-modal is-hidden" aria-label="閉じる"> <div class="bookmark-guest-register-modal-inner js-modal-inner"> <button type="button" class="bookmark-guest-register-modal-close js-modal-close-button"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="5748.793 -620.207 21.414 21.414"> <defs><style>.cls-1 { fill: none; stroke-width: 2px; }</style></defs> <g> <title>閉じる</title> <desc>モーダルを閉じます</desc> <path id="line1" d="M5769.5-619.5l-20 20"/><path id="line2" d="M5769.5-599.5l-20-20"/> </g> </svg> </button> <img src="/images/v4/public/bookmark-logo.png" class="entry-modal-guest-register-logo" alt="はてなブックマーク"> <h2 class="entry-modal-guest-register-title">はてなブックマークで<br>関心をシェアしよう</h2> <p class="entry-modal-guest-register-description">みんなの興味と感想が集まることで<br>新しい発見や、深堀りがもっと楽しく</p> <a href="#" data-gtm-click-label="entry-modal-guest-register-button" class="entry-modal-guest-register-button js-register-link" rel="noreferrer">ユーザー登録</a> <p class="entry-modal-guest-login">アカウントをお持ちの方は<a href="https://www.hatena.ne.jp/login?location=https%3A%2F%2Fb.hatena.ne.jp%2Fentry%3Furl%3Dhttps%253A%252F%252Fzenn.dev%252Fak%252Farticles%252Fc28fa3a9ba7edb" data-gtm-click-label="entry-modal-guest-login" rel="noreferrer">ログインページ</a>へ</p> </div> </div> <div class="entry-ad-pc-text"> <div id="entry-text-ad"></div> </div> <div class="entry-ad-sp-banner"> <div id="entry-ad-sp-upon-comments"></div> </div> <div class="entry-comments"> <h3 class="entry-comment-title">記事へのコメント<span>43</span>件</h3> <div class="js-bookmarks-sort-tabs-group entry-comment" data-popular-count="10"> <div class="entry-comment-tabs js-bookmarks-sort-tabs"> <ul class="entry-comment-tab"> <li role="button" class="js-bookmarks-sort-tab is-active" data-sort="popular">注目コメント</li> <li role="button" class="js-bookmarks-sort-tab" data-sort="recent">新着コメント</li> </ul> </div> <div class="bookmarks-sort-panels js-bookmarks-sort-panels"> <script type="text/x-template" id="autoloader-bookmark-item"> <div class="entry-comment-contents js-ignorable-user-content js-bookmark-item js-user-bookmark-comment" data-user-name="{{user_name}}" data-url="{{bookmarked_url}}"> <div class="entry-comment-contents-main"> <a href="{{user_page_path}}" class="entry-user-icon" data-gtm-label="entry-{{ sort }}-icon"><img src="{{profile_image_url}}"/ alt="{{user_name}}" title="{{user_name}}"></a> <div class="entry-comments-contents-body"> <span class="entry-comment-username"><a href="{{user_page_path}}" data-gtm-label="entry-{{ sort }}-username">{{user_name}}</a></span> <span class="status {{ #is_public }}is-hidden{{ /is_public }}"><img src="https://b.st-hatena.com/94abb00c8e4c54e0574b5d19a77fa5ce4e9a125e/images/v4/public/userpage/icon-private.svg" alt="非公開" width="10px" height="10px"></span> <span class="entry-comment-text js-bookmark-comment">{{{comment_expanded}}}</span> <ul class="entry-comment-tags"> {{{tags}}} </ul> <div class="entry-comment-contents-foot"> <p class="entry-comment-meta"> <span class="entry-comment-timestamp"><a class="js-bookmark-anchor-path" data-gtm-label="entry-{{ sort }}-timestamp" href="https://b.hatena.ne.jp{{anchor_path}}">{{created}}</a></span> <span class="entry-comment-permalink"> <a data-gtm-label="entry-{{ sort }}-permalink" href="{{comment_page_path}}" rel="{{#should_nofollow}}nofollow{{/should_nofollow}}">リンク</a> </span> <span class="list-star-container js-list-star-container"></span> <span class="twitter-click js-short-url-clicks"></span> </p> <div class="entry-comment-menus"> <div class="js-add-star-container add-star-container"></div> <div data-location-id="{{location_id}}" data-user-name="{{user_name}}" class="is-hidden js-bookmark-downvote-container entry-comment-menu-minusvote"> <input type="checkbox" class="js-bookmark-downvote-checkbox entry-comment-menu-minusvote-checkbox" title="マイナス評価"> </div> <div class="ui-contextMenu entry-comment-menu-more js-bookmark-menu-button{{#enable_button}} is-enabled{{/enable_button}}" onclick> <div class="ui-contextMenu-btn entry-comment-menu-more-btn" tabindex="0" role="button"><span>その他</span></div> <div class="ui-contextMenu-list entry-comment-menu-more-list"> <ul tabindex="-1"> <li> <button type="button" class="ui-contextMenu-listItem entry-comment-followuser js-entry-comment-followuser">お気に入りに追加</button> <button type="button" class="ui-contextMenu-listItem entry-comment-unfollowuser js-entry-comment-unfollowuser is-hidden">お気に入りを解除</button> </li> <li> <button type="button" class="ui-contextMenu-listItem entry-comment-ignoreuser js-entry-comment-ignoreuser">ユーザーを非表示</button> <button type="button" class="ui-contextMenu-listItem entry-comment-unignoreuser js-entry-comment-unignoreuser is-hidden" data-unignore-msg-hover="ユーザーを表示" data-unignore-msg="非表示に設定済み"><span class="is-hidden">ユーザーを表示</span></button> </li> <li><button type="button" class="ui-contextMenu-listItem entry-comment-reportViolation js-bookmark-report-violation-button">通報する</button></li> </ul> </div> </div> </div> </div> </div> </div> </div> </script> <script type="text/x-template" id="template-short-url-click"> {{#tweet_url}} <a href="{{tweet_url}}" target="_blank" rel="noopener noreferrer" data-gtm-click-label="reaction-twitter-clicks"><span>{{count}} clicks</span></a> {{/tweet_url}} {{^tweet_url}} <span>{{count}} clicks</span> {{/tweet_url}} </script> <div class="is-active bookmarks-sort-panel js-bookmarks-sort-panel" data-sort="popular"> <div class="js-bookmarks js-bookmarks-popular"> <div class="entry-comment-contents js-ignorable-user-content js-bookmark-item js-user-bookmark-comment" data-user-name="Keisuke69" data-url="https://zenn.dev/ak/articles/c28fa3a9ba7edb"> <div class="entry-comment-contents-main"> <a href="/Keisuke69/" class="entry-user-icon" data-gtm-label="entry-popular-icon"><img src="https://cdn.profile-image.st-hatena.com/users/Keisuke69/profile.png"/ alt="Keisuke69" title="Keisuke69"></a> <div class="entry-comments-contents-body"> <span class="entry-comment-username"><a href="/Keisuke69/" data-gtm-label="entry-popular-username">Keisuke69</a></span> <span class="entry-comment-text js-bookmark-comment">いつかブラウザを作ってみたいと思ってたがなかなか大変そうだな。これ書いた方って社会人2年目なの…？すご</span> <ul class="entry-comment-tags"> </ul> <div class="entry-comment-contents-foot"> <p class="entry-comment-meta"> <span class="entry-comment-timestamp"><a class="js-bookmark-anchor-path" data-gtm-label="entry-popular-timestamp" href="https://b.hatena.ne.jp/Keisuke69/20210507#bookmark-4702229688091821634">2021/05/07</a></span> <span class="entry-comment-permalink"> <a data-gtm-label="entry-popular-permalink" href="/entry/4702229688091821634/comment/Keisuke69" rel="">リンク</a> </span> <span class="list-star-container js-list-star-container"></span> <span class="twitter-click js-short-url-clicks"></span> </p> <div class="entry-comment-menus"> <div class="js-add-star-container add-star-container"></div> <div data-location-id="4702229688091821634" data-user-name="Keisuke69" class="is-hidden js-bookmark-downvote-container entry-comment-menu-minusvote"> <input type="checkbox" class="js-bookmark-downvote-checkbox entry-comment-menu-minusvote-checkbox" title="マイナス評価"> </div> <div class="ui-contextMenu entry-comment-menu-more js-bookmark-menu-button" onclick> <div class="ui-contextMenu-btn entry-comment-menu-more-btn" tabindex="0" role="button"><span>その他</span></div> <div class="ui-contextMenu-list entry-comment-menu-more-list"> <ul tabindex="-1"> <li> <button type="button" class="ui-contextMenu-listItem entry-comment-followuser js-entry-comment-followuser">お気に入りに追加</button> <button type="button" class="ui-contextMenu-listItem entry-comment-unfollowuser js-entry-comment-unfollowuser is-hidden">お気に入りを解除</button> </li> <li> <button type="button" class="ui-contextMenu-listItem entry-comment-ignoreuser js-entry-comment-ignoreuser">ユーザーを非表示</button> <button type="button" class="ui-contextMenu-listItem entry-comment-unignoreuser js-entry-comment-unignoreuser is-hidden" data-unignore-msg-hover="ユーザーを表示" data-unignore-msg="非表示に設定済み"><span class="is-hidden">ユーザーを表示</span></button> </li> <li><button type="button" class="ui-contextMenu-listItem entry-comment-reportViolation js-bookmark-report-violation-button">通報する</button></li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="entry-comment-contents js-ignorable-user-content js-bookmark-item js-user-bookmark-comment" data-user-name="aox" data-url="https://zenn.dev/ak/articles/c28fa3a9ba7edb"> <div class="entry-comment-contents-main"> <a href="/aox/" class="entry-user-icon" data-gtm-label="entry-popular-icon"><img src="https://cdn.profile-image.st-hatena.com/users/aox/profile.png"/ alt="aox" title="aox"></a> <div class="entry-comments-contents-body"> <span class="entry-comment-username"><a href="/aox/" data-gtm-label="entry-popular-username">aox</a></span> <span class="entry-comment-text js-bookmark-comment">Faxとどう違うんですかね</span> <ul class="entry-comment-tags"> </ul> <div class="entry-comment-contents-foot"> <p class="entry-comment-meta"> <span class="entry-comment-timestamp"><a class="js-bookmark-anchor-path" data-gtm-label="entry-popular-timestamp" href="https://b.hatena.ne.jp/aox/20210507#bookmark-4702229688091821634">2021/05/07</a></span> <span class="entry-comment-permalink"> <a data-gtm-label="entry-popular-permalink" href="/entry/4702229688091821634/comment/aox" rel="nofollow">リンク</a> </span> <span class="list-star-container js-list-star-container"></span> <span class="twitter-click js-short-url-clicks"></span> </p> <div class="entry-comment-menus"> <div class="js-add-star-container add-star-container"></div> <div data-location-id="4702229688091821634" data-user-name="aox" class="is-hidden js-bookmark-downvote-container entry-comment-menu-minusvote"> <input type="checkbox" class="js-bookmark-downvote-checkbox entry-comment-menu-minusvote-checkbox" title="マイナス評価"> </div> <div class="ui-contextMenu entry-comment-menu-more js-bookmark-menu-button" onclick> <div class="ui-contextMenu-btn entry-comment-menu-more-btn" tabindex="0" role="button"><span>その他</span></div> <div class="ui-contextMenu-list entry-comment-menu-more-list"> <ul tabindex="-1"> <li> <button type="button" class="ui-contextMenu-listItem entry-comment-followuser js-entry-comment-followuser">お気に入りに追加</button> <button type="button" class="ui-contextMenu-listItem entry-comment-unfollowuser js-entry-comment-unfollowuser is-hidden">お気に入りを解除</button> </li> <li> <button type="button" class="ui-contextMenu-listItem entry-comment-ignoreuser js-entry-comment-ignoreuser">ユーザーを非表示</button> <button type="button" class="ui-contextMenu-listItem entry-comment-unignoreuser js-entry-comment-unignoreuser is-hidden" data-unignore-msg-hover="ユーザーを表示" data-unignore-msg="非表示に設定済み"><span class="is-hidden">ユーザーを表示</span></button> </li> <li><button type="button" class="ui-contextMenu-listItem entry-comment-reportViolation js-bookmark-report-violation-button">通報する</button></li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="entry-comment-contents js-ignorable-user-content js-bookmark-item js-user-bookmark-comment" data-user-name="NOV1975" data-url="https://zenn.dev/ak/articles/c28fa3a9ba7edb"> <div class="entry-comment-contents-main"> <a href="/NOV1975/" class="entry-user-icon" data-gtm-label="entry-popular-icon"><img src="https://cdn.profile-image.st-hatena.com/users/NOV1975/profile.png"/ alt="NOV1975" title="NOV1975"></a> <div class="entry-comments-contents-body"> <span class="entry-comment-username"><a href="/NOV1975/" data-gtm-label="entry-popular-username">NOV1975</a></span> <span class="entry-comment-text js-bookmark-comment">これ、みんなのリクエストしている話とズレてる気もするが…／それはともかく、最初のバイナリとテキストの話は不要では？（文字コードはともかく、いわゆる「バイナリデータ」ではないので。）</span> <ul class="entry-comment-tags"> <li class=""><a href="/NOV1975/web/" data-gtm-label="entry-popular-tags">web</a></li> <li class=""><a href="/NOV1975/IT/" data-gtm-label="entry-popular-tags">IT</a></li> </ul> <div class="entry-comment-contents-foot"> <p class="entry-comment-meta"> <span class="entry-comment-timestamp"><a class="js-bookmark-anchor-path" data-gtm-label="entry-popular-timestamp" href="https://b.hatena.ne.jp/NOV1975/20210507#bookmark-4702229688091821634">2021/05/07</a></span> <span class="entry-comment-permalink"> <a data-gtm-label="entry-popular-permalink" href="/entry/4702229688091821634/comment/NOV1975" rel="">リンク</a> </span> <span class="list-star-container js-list-star-container"></span> <span class="twitter-click js-short-url-clicks"></span> </p> <div class="entry-comment-menus"> <div class="js-add-star-container add-star-container"></div> <div data-location-id="4702229688091821634" data-user-name="NOV1975" class="is-hidden js-bookmark-downvote-container entry-comment-menu-minusvote"> <input type="checkbox" class="js-bookmark-downvote-checkbox entry-comment-menu-minusvote-checkbox" title="マイナス評価"> </div> <div class="ui-contextMenu entry-comment-menu-more js-bookmark-menu-button" onclick> <div class="ui-contextMenu-btn entry-comment-menu-more-btn" tabindex="0" role="button"><span>その他</span></div> <div class="ui-contextMenu-list entry-comment-menu-more-list"> <ul tabindex="-1"> <li> <button type="button" class="ui-contextMenu-listItem entry-comment-followuser js-entry-comment-followuser">お気に入りに追加</button> <button type="button" class="ui-contextMenu-listItem entry-comment-unfollowuser js-entry-comment-unfollowuser is-hidden">お気に入りを解除</button> </li> <li> <button type="button" class="ui-contextMenu-listItem entry-comment-ignoreuser js-entry-comment-ignoreuser">ユーザーを非表示</button> <button type="button" class="ui-contextMenu-listItem entry-comment-unignoreuser js-entry-comment-unignoreuser is-hidden" data-unignore-msg-hover="ユーザーを表示" data-unignore-msg="非表示に設定済み"><span class="is-hidden">ユーザーを表示</span></button> </li> <li><button type="button" class="ui-contextMenu-listItem entry-comment-reportViolation js-bookmark-report-violation-button">通報する</button></li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="entry-comment-contents js-ignorable-user-content js-bookmark-item js-user-bookmark-comment" data-user-name="helldeath" data-url="https://zenn.dev/ak/articles/c28fa3a9ba7edb"> <div class="entry-comment-contents-main"> <a href="/helldeath/" class="entry-user-icon" data-gtm-label="entry-popular-icon"><img src="https://cdn.profile-image.st-hatena.com/users/helldeath/profile.png"/ alt="helldeath" title="helldeath"></a> <div class="entry-comments-contents-body"> <span class="entry-comment-username"><a href="/helldeath/" data-gtm-label="entry-popular-username">helldeath</a></span> <span class="entry-comment-text js-bookmark-comment">こんなにブクマついてるのにブコメへの星の少なさが珍しい。797ブクマでトップが星5個。</span> <ul class="entry-comment-tags"> </ul> <div class="entry-comment-contents-foot"> <p class="entry-comment-meta"> <span class="entry-comment-timestamp"><a class="js-bookmark-anchor-path" data-gtm-label="entry-popular-timestamp" href="https://b.hatena.ne.jp/helldeath/20210507#bookmark-4702229688091821634">2021/05/07</a></span> <span class="entry-comment-permalink"> <a data-gtm-label="entry-popular-permalink" href="/entry/4702229688091821634/comment/helldeath" rel="">リンク</a> </span> <span class="list-star-container js-list-star-container"></span> <span class="twitter-click js-short-url-clicks"></span> </p> <div class="entry-comment-menus"> <div class="js-add-star-container add-star-container"></div> <div data-location-id="4702229688091821634" data-user-name="helldeath" class="is-hidden js-bookmark-downvote-container entry-comment-menu-minusvote"> <input type="checkbox" class="js-bookmark-downvote-checkbox entry-comment-menu-minusvote-checkbox" title="マイナス評価"> </div> <div class="ui-contextMenu entry-comment-menu-more js-bookmark-menu-button" onclick> <div class="ui-contextMenu-btn entry-comment-menu-more-btn" tabindex="0" role="button"><span>その他</span></div> <div class="ui-contextMenu-list entry-comment-menu-more-list"> <ul tabindex="-1"> <li> <button type="button" class="ui-contextMenu-listItem entry-comment-followuser js-entry-comment-followuser">お気に入りに追加</button> <button type="button" class="ui-contextMenu-listItem entry-comment-unfollowuser js-entry-comment-unfollowuser is-hidden">お気に入りを解除</button> </li> <li> <button type="button" class="ui-contextMenu-listItem entry-comment-ignoreuser js-entry-comment-ignoreuser">ユーザーを非表示</button> <button type="button" class="ui-contextMenu-listItem entry-comment-unignoreuser js-entry-comment-unignoreuser is-hidden" data-unignore-msg-hover="ユーザーを表示" data-unignore-msg="非表示に設定済み"><span class="is-hidden">ユーザーを表示</span></button> </li> <li><button type="button" class="ui-contextMenu-listItem entry-comment-reportViolation js-bookmark-report-violation-button">通報する</button></li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="entry-comment-contents js-ignorable-user-content js-bookmark-item js-user-bookmark-comment" data-user-name="xlc" data-url="https://zenn.dev/ak/articles/c28fa3a9ba7edb"> <div class="entry-comment-contents-main"> <a href="/xlc/" class="entry-user-icon" data-gtm-label="entry-popular-icon"><img src="https://cdn.profile-image.st-hatena.com/users/xlc/profile.png"/ alt="xlc" title="xlc"></a> <div class="entry-comments-contents-body"> <span class="entry-comment-username"><a href="/xlc/" data-gtm-label="entry-popular-username">xlc</a></span> <span class="entry-comment-text js-bookmark-comment">みんな「知識系」のコンテンツが好きだねえ。ある程度の技術力があるエンジニアなら調べなくても「きっとそうに違いない」となんとなく理解している内容。そして知識ではなく仕事に生かしてる。</span> <ul class="entry-comment-tags"> </ul> <div class="entry-comment-contents-foot"> <p class="entry-comment-meta"> <span class="entry-comment-timestamp"><a class="js-bookmark-anchor-path" data-gtm-label="entry-popular-timestamp" href="https://b.hatena.ne.jp/xlc/20210507#bookmark-4702229688091821634">2021/05/07</a></span> <span class="entry-comment-permalink"> <a data-gtm-label="entry-popular-permalink" href="/entry/4702229688091821634/comment/xlc" rel="">リンク</a> </span> <span class="list-star-container js-list-star-container"></span> <span class="twitter-click js-short-url-clicks"></span> </p> <div class="entry-comment-menus"> <div class="js-add-star-container add-star-container"></div> <div data-location-id="4702229688091821634" data-user-name="xlc" class="is-hidden js-bookmark-downvote-container entry-comment-menu-minusvote"> <input type="checkbox" class="js-bookmark-downvote-checkbox entry-comment-menu-minusvote-checkbox" title="マイナス評価"> </div> <div class="ui-contextMenu entry-comment-menu-more js-bookmark-menu-button" onclick> <div class="ui-contextMenu-btn entry-comment-menu-more-btn" tabindex="0" role="button"><span>その他</span></div> <div class="ui-contextMenu-list entry-comment-menu-more-list"> <ul tabindex="-1"> <li> <button type="button" class="ui-contextMenu-listItem entry-comment-followuser js-entry-comment-followuser">お気に入りに追加</button> <button type="button" class="ui-contextMenu-listItem entry-comment-unfollowuser js-entry-comment-unfollowuser is-hidden">お気に入りを解除</button> </li> <li> <button type="button" class="ui-contextMenu-listItem entry-comment-ignoreuser js-entry-comment-ignoreuser">ユーザーを非表示</button> <button type="button" class="ui-contextMenu-listItem entry-comment-unignoreuser js-entry-comment-unignoreuser is-hidden" data-unignore-msg-hover="ユーザーを表示" data-unignore-msg="非表示に設定済み"><span class="is-hidden">ユーザーを表示</span></button> </li> <li><button type="button" class="ui-contextMenu-listItem entry-comment-reportViolation js-bookmark-report-violation-button">通報する</button></li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="entry-comment-contents js-ignorable-user-content js-bookmark-item js-user-bookmark-comment" data-user-name="wazpk6no" data-url="https://zenn.dev/ak/articles/c28fa3a9ba7edb"> <div class="entry-comment-contents-main"> <a href="/wazpk6no/" class="entry-user-icon" data-gtm-label="entry-popular-icon"><img src="https://cdn.profile-image.st-hatena.com/users/wazpk6no/profile.png"/ alt="wazpk6no" title="wazpk6no"></a> <div class="entry-comments-contents-body"> <span class="entry-comment-username"><a href="/wazpk6no/" data-gtm-label="entry-popular-username">wazpk6no</a></span> <span class="entry-comment-text js-bookmark-comment">tridentとgeckoとblinkの違いを期待してた…</span> <ul class="entry-comment-tags"> </ul> <div class="entry-comment-contents-foot"> <p class="entry-comment-meta"> <span class="entry-comment-timestamp"><a class="js-bookmark-anchor-path" data-gtm-label="entry-popular-timestamp" href="https://b.hatena.ne.jp/wazpk6no/20210507#bookmark-4702229688091821634">2021/05/07</a></span> <span class="entry-comment-permalink"> <a data-gtm-label="entry-popular-permalink" href="/entry/4702229688091821634/comment/wazpk6no" rel="">リンク</a> </span> <span class="list-star-container js-list-star-container"></span> <span class="twitter-click js-short-url-clicks"></span> </p> <div class="entry-comment-menus"> <div class="js-add-star-container add-star-container"></div> <div data-location-id="4702229688091821634" data-user-name="wazpk6no" class="is-hidden js-bookmark-downvote-container entry-comment-menu-minusvote"> <input type="checkbox" class="js-bookmark-downvote-checkbox entry-comment-menu-minusvote-checkbox" title="マイナス評価"> </div> <div class="ui-contextMenu entry-comment-menu-more js-bookmark-menu-button" onclick> <div class="ui-contextMenu-btn entry-comment-menu-more-btn" tabindex="0" role="button"><span>その他</span></div> <div class="ui-contextMenu-list entry-comment-menu-more-list"> <ul tabindex="-1"> <li> <button type="button" class="ui-contextMenu-listItem entry-comment-followuser js-entry-comment-followuser">お気に入りに追加</button> <button type="button" class="ui-contextMenu-listItem entry-comment-unfollowuser js-entry-comment-unfollowuser is-hidden">お気に入りを解除</button> </li> <li> <button type="button" class="ui-contextMenu-listItem entry-comment-ignoreuser js-entry-comment-ignoreuser">ユーザーを非表示</button> <button type="button" class="ui-contextMenu-listItem entry-comment-unignoreuser js-entry-comment-unignoreuser is-hidden" data-unignore-msg-hover="ユーザーを表示" data-unignore-msg="非表示に設定済み"><span class="is-hidden">ユーザーを表示</span></button> </li> <li><button type="button" class="ui-contextMenu-listItem entry-comment-reportViolation js-bookmark-report-violation-button">通報する</button></li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="entry-comment-contents js-ignorable-user-content js-bookmark-item js-user-bookmark-comment" data-user-name="ext3" data-url="https://zenn.dev/ak/articles/c28fa3a9ba7edb"> <div class="entry-comment-contents-main"> <a href="/ext3/" class="entry-user-icon" data-gtm-label="entry-popular-icon"><img src="https://cdn.profile-image.st-hatena.com/users/ext3/profile.png"/ alt="ext3" title="ext3"></a> <div class="entry-comments-contents-body"> <span class="entry-comment-username"><a href="/ext3/" data-gtm-label="entry-popular-username">ext3</a></span> <span class="entry-comment-text js-bookmark-comment">byteからcharへの変換を指定するcontent-typeの指定もテキストで記載されているとなると、ヘッダー受け取る前から何かしらのbyte-char変換指定が必要になると思うが、果たして最初のbyteはどうやって変換されてるんだろうか</span> <ul class="entry-comment-tags"> </ul> <div class="entry-comment-contents-foot"> <p class="entry-comment-meta"> <span class="entry-comment-timestamp"><a class="js-bookmark-anchor-path" data-gtm-label="entry-popular-timestamp" href="https://b.hatena.ne.jp/ext3/20210507#bookmark-4702229688091821634">2021/05/07</a></span> <span class="entry-comment-permalink"> <a data-gtm-label="entry-popular-permalink" href="/entry/4702229688091821634/comment/ext3" rel="">リンク</a> </span> <span class="list-star-container js-list-star-container"></span> <span class="twitter-click js-short-url-clicks"></span> </p> <div class="entry-comment-menus"> <div class="js-add-star-container add-star-container"></div> <div data-location-id="4702229688091821634" data-user-name="ext3" class="is-hidden js-bookmark-downvote-container entry-comment-menu-minusvote"> <input type="checkbox" class="js-bookmark-downvote-checkbox entry-comment-menu-minusvote-checkbox" title="マイナス評価"> </div> <div class="ui-contextMenu entry-comment-menu-more js-bookmark-menu-button" onclick> <div class="ui-contextMenu-btn entry-comment-menu-more-btn" tabindex="0" role="button"><span>その他</span></div> <div class="ui-contextMenu-list entry-comment-menu-more-list"> <ul tabindex="-1"> <li> <button type="button" class="ui-contextMenu-listItem entry-comment-followuser js-entry-comment-followuser">お気に入りに追加</button> <button type="button" class="ui-contextMenu-listItem entry-comment-unfollowuser js-entry-comment-unfollowuser is-hidden">お気に入りを解除</button> </li> <li> <button type="button" class="ui-contextMenu-listItem entry-comment-ignoreuser js-entry-comment-ignoreuser">ユーザーを非表示</button> <button type="button" class="ui-contextMenu-listItem entry-comment-unignoreuser js-entry-comment-unignoreuser is-hidden" data-unignore-msg-hover="ユーザーを表示" data-unignore-msg="非表示に設定済み"><span class="is-hidden">ユーザーを表示</span></button> </li> <li><button type="button" class="ui-contextMenu-listItem entry-comment-reportViolation js-bookmark-report-violation-button">通報する</button></li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="entry-comment-contents js-ignorable-user-content js-bookmark-item js-user-bookmark-comment" data-user-name="furuichi" data-url="https://zenn.dev/ak/articles/c28fa3a9ba7edb"> <div class="entry-comment-contents-main"> <a href="/furuichi/" class="entry-user-icon" data-gtm-label="entry-popular-icon"><img src="https://cdn.profile-image.st-hatena.com/users/furuichi/profile.png"/ alt="furuichi" title="furuichi"></a> <div class="entry-comments-contents-body"> <span class="entry-comment-username"><a href="/furuichi/" data-gtm-label="entry-popular-username">furuichi</a></span> <span class="entry-comment-text js-bookmark-comment">DOMの解説も後ろでしているので、冒頭部分でいきなり"DOM"と書いてある部分は「解説は後段」的な注釈いれてあると、対象読者を考えるともっとわかりやすくなると思います。</span> <ul class="entry-comment-tags"> <li class=""><a href="/furuichi/%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6/" data-gtm-label="entry-popular-tags">ブラウザ</a></li> <li class=""><a href="/furuichi/web/" data-gtm-label="entry-popular-tags">web</a></li> </ul> <div class="entry-comment-contents-foot"> <p class="entry-comment-meta"> <span class="entry-comment-timestamp"><a class="js-bookmark-anchor-path" data-gtm-label="entry-popular-timestamp" href="https://b.hatena.ne.jp/furuichi/20210507#bookmark-4702229688091821634">2021/05/07</a></span> <span class="entry-comment-permalink"> <a data-gtm-label="entry-popular-permalink" href="/entry/4702229688091821634/comment/furuichi" rel="">リンク</a> </span> <span class="list-star-container js-list-star-container"></span> <span class="twitter-click js-short-url-clicks"></span> </p> <div class="entry-comment-menus"> <div class="js-add-star-container add-star-container"></div> <div data-location-id="4702229688091821634" data-user-name="furuichi" class="is-hidden js-bookmark-downvote-container entry-comment-menu-minusvote"> <input type="checkbox" class="js-bookmark-downvote-checkbox entry-comment-menu-minusvote-checkbox" title="マイナス評価"> </div> <div class="ui-contextMenu entry-comment-menu-more js-bookmark-menu-button" onclick> <div class="ui-contextMenu-btn entry-comment-menu-more-btn" tabindex="0" role="button"><span>その他</span></div> <div class="ui-contextMenu-list entry-comment-menu-more-list"> <ul tabindex="-1"> <li> <button type="button" class="ui-contextMenu-listItem entry-comment-followuser js-entry-comment-followuser">お気に入りに追加</button> <button type="button" class="ui-contextMenu-listItem entry-comment-unfollowuser js-entry-comment-unfollowuser is-hidden">お気に入りを解除</button> </li> <li> <button type="button" class="ui-contextMenu-listItem entry-comment-ignoreuser js-entry-comment-ignoreuser">ユーザーを非表示</button> <button type="button" class="ui-contextMenu-listItem entry-comment-unignoreuser js-entry-comment-unignoreuser is-hidden" data-unignore-msg-hover="ユーザーを表示" data-unignore-msg="非表示に設定済み"><span class="is-hidden">ユーザーを表示</span></button> </li> <li><button type="button" class="ui-contextMenu-listItem entry-comment-reportViolation js-bookmark-report-violation-button">通報する</button></li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="entry-comment-contents js-ignorable-user-content js-bookmark-item js-user-bookmark-comment" data-user-name="kmaebashi" data-url="https://zenn.dev/ak/articles/c28fa3a9ba7edb"> <div class="entry-comment-contents-main"> <a href="/kmaebashi/" class="entry-user-icon" data-gtm-label="entry-popular-icon"><img src="https://cdn.profile-image.st-hatena.com/users/kmaebashi/profile.png"/ alt="kmaebashi" title="kmaebashi"></a> <div class="entry-comments-contents-body"> <span class="entry-comment-username"><a href="/kmaebashi/" data-gtm-label="entry-popular-username">kmaebashi</a></span> <span class="entry-comment-text js-bookmark-comment">例によってインタプリタの説明が微妙。「1行ずつ機械語に翻訳」とは直接は書いてないが、構文解釈(構文解析?)だって、ループの中で何度もするわけじゃない。</span> <ul class="entry-comment-tags"> </ul> <div class="entry-comment-contents-foot"> <p class="entry-comment-meta"> <span class="entry-comment-timestamp"><a class="js-bookmark-anchor-path" data-gtm-label="entry-popular-timestamp" href="https://b.hatena.ne.jp/kmaebashi/20210507#bookmark-4702229688091821634">2021/05/07</a></span> <span class="entry-comment-permalink"> <a data-gtm-label="entry-popular-permalink" href="/entry/4702229688091821634/comment/kmaebashi" rel="">リンク</a> </span> <span class="list-star-container js-list-star-container"></span> <span class="twitter-click js-short-url-clicks"></span> </p> <div class="entry-comment-menus"> <div class="js-add-star-container add-star-container"></div> <div data-location-id="4702229688091821634" data-user-name="kmaebashi" class="is-hidden js-bookmark-downvote-container entry-comment-menu-minusvote"> <input type="checkbox" class="js-bookmark-downvote-checkbox entry-comment-menu-minusvote-checkbox" title="マイナス評価"> </div> <div class="ui-contextMenu entry-comment-menu-more js-bookmark-menu-button" onclick> <div class="ui-contextMenu-btn entry-comment-menu-more-btn" tabindex="0" role="button"><span>その他</span></div> <div class="ui-contextMenu-list entry-comment-menu-more-list"> <ul tabindex="-1"> <li> <button type="button" class="ui-contextMenu-listItem entry-comment-followuser js-entry-comment-followuser">お気に入りに追加</button> <button type="button" class="ui-contextMenu-listItem entry-comment-unfollowuser js-entry-comment-unfollowuser is-hidden">お気に入りを解除</button> </li> <li> <button type="button" class="ui-contextMenu-listItem entry-comment-ignoreuser js-entry-comment-ignoreuser">ユーザーを非表示</button> <button type="button" class="ui-contextMenu-listItem entry-comment-unignoreuser js-entry-comment-unignoreuser is-hidden" data-unignore-msg-hover="ユーザーを表示" data-unignore-msg="非表示に設定済み"><span class="is-hidden">ユーザーを表示</span></button> </li> <li><button type="button" class="ui-contextMenu-listItem entry-comment-reportViolation js-bookmark-report-violation-button">通報する</button></li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="entry-comment-contents js-ignorable-user-content js-bookmark-item js-user-bookmark-comment" data-user-name="frkw2004" data-url="https://zenn.dev/ak/articles/c28fa3a9ba7edb"> <div class="entry-comment-contents-main"> <a href="/frkw2004/" class="entry-user-icon" data-gtm-label="entry-popular-icon"><img src="https://cdn.profile-image.st-hatena.com/users/frkw2004/profile.png"/ alt="frkw2004" title="frkw2004"></a> <div class="entry-comments-contents-body"> <span class="entry-comment-username"><a href="/frkw2004/" data-gtm-label="entry-popular-username">frkw2004</a></span> <span class="entry-comment-text js-bookmark-comment">スマホ用のブラウザ作る時は、読み込んでいる途中のストリームとレンダリング作業とを上手く最適化して、低速通信時でもストレスなく表示+操作できるといいなあ。処理レイヤーが違うけど。</span> <ul class="entry-comment-tags"> <li class=""><a href="/frkw2004/%E8%80%83%E3%81%88%E6%96%B9/" data-gtm-label="entry-popular-tags">考え方</a></li> <li class=""><a href="/frkw2004/web/" data-gtm-label="entry-popular-tags">web</a></li> <li class=""><a href="/frkw2004/%E6%8A%80%E8%A1%93/" data-gtm-label="entry-popular-tags">技術</a></li> </ul> <div class="entry-comment-contents-foot"> <p class="entry-comment-meta"> <span class="entry-comment-timestamp"><a class="js-bookmark-anchor-path" data-gtm-label="entry-popular-timestamp" href="https://b.hatena.ne.jp/frkw2004/20210507#bookmark-4702229688091821634">2021/05/07</a></span> <span class="entry-comment-permalink"> <a data-gtm-label="entry-popular-permalink" href="/entry/4702229688091821634/comment/frkw2004" rel="">リンク</a> </span> <span class="list-star-container js-list-star-container"></span> <span class="twitter-click js-short-url-clicks"></span> </p> <div class="entry-comment-menus"> <div class="js-add-star-container add-star-container"></div> <div data-location-id="4702229688091821634" data-user-name="frkw2004" class="is-hidden js-bookmark-downvote-container entry-comment-menu-minusvote"> <input type="checkbox" class="js-bookmark-downvote-checkbox entry-comment-menu-minusvote-checkbox" title="マイナス評価"> </div> <div class="ui-contextMenu entry-comment-menu-more js-bookmark-menu-button" onclick> <div class="ui-contextMenu-btn entry-comment-menu-more-btn" tabindex="0" role="button"><span>その他</span></div> <div class="ui-contextMenu-list entry-comment-menu-more-list"> <ul tabindex="-1"> <li> <button type="button" class="ui-contextMenu-listItem entry-comment-followuser js-entry-comment-followuser">お気に入りに追加</button> <button type="button" class="ui-contextMenu-listItem entry-comment-unfollowuser js-entry-comment-unfollowuser is-hidden">お気に入りを解除</button> </li> <li> <button type="button" class="ui-contextMenu-listItem entry-comment-ignoreuser js-entry-comment-ignoreuser">ユーザーを非表示</button> <button type="button" class="ui-contextMenu-listItem entry-comment-unignoreuser js-entry-comment-unignoreuser is-hidden" data-unignore-msg-hover="ユーザーを表示" data-unignore-msg="非表示に設定済み"><span class="is-hidden">ユーザーを表示</span></button> </li> <li><button type="button" class="ui-contextMenu-listItem entry-comment-reportViolation js-bookmark-report-violation-button">通報する</button></li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" bookmarks-sort-panel js-bookmarks-sort-panel js-bookmark-autoloader-recent" data-sort="recent" data-autoload-url="https://zenn.dev/ak/articles/c28fa3a9ba7edb" data-next-cursor="MTYyMDM1MjUyMiwyNzY2ODg3NDMzOTkzOTkzNw=="> <div class="js-bookmarks js-bookmarks-recent"> <div class="entry-comment-contents js-ignorable-user-content js-bookmark-item js-user-bookmark-comment" data-user-name="eleven-soul" data-url="https://zenn.dev/ak/articles/c28fa3a9ba7edb?s=09"> <div class="entry-comment-contents-main"> <a href="/eleven-soul/" class="entry-user-icon" data-gtm-label="entry-recent-icon"><img src="https://cdn.profile-image.st-hatena.com/users/eleven-soul/profile.png"/ alt="eleven-soul" title="eleven-soul"></a> <div class="entry-comments-contents-body"> <span class="entry-comment-username"><a href="/eleven-soul/" data-gtm-label="entry-recent-username">eleven-soul</a></span> <span class="entry-comment-text js-bookmark-comment">htnl</span> <ul class="entry-comment-tags"> </ul> <div class="entry-comment-contents-foot"> <p class="entry-comment-meta"> <span class="entry-comment-timestamp"><a class="js-bookmark-anchor-path" data-gtm-label="entry-recent-timestamp" href="https://b.hatena.ne.jp/eleven-soul/20230610#bookmark-4737736692089200517">2023/06/10</a></span> <span class="entry-comment-permalink"> <a data-gtm-label="entry-recent-permalink" href="/entry/4737736692089200517/comment/eleven-soul" rel="nofollow">リンク</a> </span> <span class="list-star-container js-list-star-container"></span> <span class="twitter-click js-short-url-clicks"></span> </p> <div class="entry-comment-menus"> <div class="js-add-star-container add-star-container"></div> <div data-location-id="4737736692089200517" data-user-name="eleven-soul" class="is-hidden js-bookmark-downvote-container entry-comment-menu-minusvote"> <input type="checkbox" class="js-bookmark-downvote-checkbox entry-comment-menu-minusvote-checkbox" title="マイナス評価"> </div> <div class="ui-contextMenu entry-comment-menu-more js-bookmark-menu-button" onclick> <div class="ui-contextMenu-btn entry-comment-menu-more-btn" tabindex="0" role="button"><span>その他</span></div> <div class="ui-contextMenu-list entry-comment-menu-more-list"> <ul tabindex="-1"> <li> <button type="button" class="ui-contextMenu-listItem entry-comment-followuser js-entry-comment-followuser">お気に入りに追加</button> <button type="button" class="ui-contextMenu-listItem entry-comment-unfollowuser js-entry-comment-unfollowuser is-hidden">お気に入りを解除</button> </li> <li> <button type="button" class="ui-contextMenu-listItem entry-comment-ignoreuser js-entry-comment-ignoreuser">ユーザーを非表示</button> <button type="button" class="ui-contextMenu-listItem entry-comment-unignoreuser js-entry-comment-unignoreuser is-hidden" data-unignore-msg-hover="ユーザーを表示" data-unignore-msg="非表示に設定済み"><span class="is-hidden">ユーザーを表示</span></button> </li> <li><button type="button" class="ui-contextMenu-listItem entry-comment-reportViolation js-bookmark-report-violation-button">通報する</button></li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="entry-comment-contents js-ignorable-user-content js-bookmark-item js-user-bookmark-comment" data-user-name="cartman0" data-url="https://zenn.dev/ak/articles/c28fa3a9ba7edb"> <div class="entry-comment-contents-main"> <a href="/cartman0/" class="entry-user-icon" data-gtm-label="entry-recent-icon"><img src="https://cdn.profile-image.st-hatena.com/users/cartman0/profile.png"/ alt="cartman0" title="cartman0"></a> <div class="entry-comments-contents-body"> <span class="entry-comment-username"><a href="/cartman0/" data-gtm-label="entry-recent-username">cartman0</a></span> <span class="entry-comment-text js-bookmark-comment">zennのコメントが酷い。間違ってると言うなら正確な記事書いてくれればいいのに。まとまってる資料他にそうそうないやろ</span> <ul class="entry-comment-tags"> </ul> <div class="entry-comment-contents-foot"> <p class="entry-comment-meta"> <span class="entry-comment-timestamp"><a class="js-bookmark-anchor-path" data-gtm-label="entry-recent-timestamp" href="https://b.hatena.ne.jp/cartman0/20220221#bookmark-4702229688091821634">2022/02/21</a></span> <span class="entry-comment-permalink"> <a data-gtm-label="entry-recent-permalink" href="/entry/4702229688091821634/comment/cartman0" rel="">リンク</a> </span> <span class="list-star-container js-list-star-container"></span> <span class="twitter-click js-short-url-clicks"></span> </p> <div class="entry-comment-menus"> <div class="js-add-star-container add-star-container"></div> <div data-location-id="4702229688091821634" data-user-name="cartman0" class="is-hidden js-bookmark-downvote-container entry-comment-menu-minusvote"> <input type="checkbox" class="js-bookmark-downvote-checkbox entry-comment-menu-minusvote-checkbox" title="マイナス評価"> </div> <div class="ui-contextMenu entry-comment-menu-more js-bookmark-menu-button" onclick> <div class="ui-contextMenu-btn entry-comment-menu-more-btn" tabindex="0" role="button"><span>その他</span></div> <div class="ui-contextMenu-list entry-comment-menu-more-list"> <ul tabindex="-1"> <li> <button type="button" class="ui-contextMenu-listItem entry-comment-followuser js-entry-comment-followuser">お気に入りに追加</button> <button type="button" class="ui-contextMenu-listItem entry-comment-unfollowuser js-entry-comment-unfollowuser is-hidden">お気に入りを解除</button> </li> <li> <button type="button" class="ui-contextMenu-listItem entry-comment-ignoreuser js-entry-comment-ignoreuser">ユーザーを非表示</button> <button type="button" class="ui-contextMenu-listItem entry-comment-unignoreuser js-entry-comment-unignoreuser is-hidden" data-unignore-msg-hover="ユーザーを表示" data-unignore-msg="非表示に設定済み"><span class="is-hidden">ユーザーを表示</span></button> </li> <li><button type="button" class="ui-contextMenu-listItem entry-comment-reportViolation js-bookmark-report-violation-button">通報する</button></li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="entry-comment-contents js-ignorable-user-content js-bookmark-item js-user-bookmark-comment" data-user-name="ryuichi1208" data-url="https://zenn.dev/ak/articles/c28fa3a9ba7edb"> <div class="entry-comment-contents-main"> <a href="/ryuichi1208/" class="entry-user-icon" data-gtm-label="entry-recent-icon"><img src="https://cdn.profile-image.st-hatena.com/users/ryuichi1208/profile.png"/ alt="ryuichi1208" title="ryuichi1208"></a> <div class="entry-comments-contents-body"> <span class="entry-comment-username"><a href="/ryuichi1208/" data-gtm-label="entry-recent-username">ryuichi1208</a></span> <span class="entry-comment-text js-bookmark-comment">何回読んでも覚えられない。。</span> <ul class="entry-comment-tags"> </ul> <div class="entry-comment-contents-foot"> <p class="entry-comment-meta"> <span class="entry-comment-timestamp"><a class="js-bookmark-anchor-path" data-gtm-label="entry-recent-timestamp" href="https://b.hatena.ne.jp/ryuichi1208/20210508#bookmark-4702229688091821634">2021/05/08</a></span> <span class="entry-comment-permalink"> <a data-gtm-label="entry-recent-permalink" href="/entry/4702229688091821634/comment/ryuichi1208" rel="nofollow">リンク</a> </span> <span class="list-star-container js-list-star-container"></span> <span class="twitter-click js-short-url-clicks"></span> </p> <div class="entry-comment-menus"> <div class="js-add-star-container add-star-container"></div> <div data-location-id="4702229688091821634" data-user-name="ryuichi1208" class="is-hidden js-bookmark-downvote-container entry-comment-menu-minusvote"> <input type="checkbox" class="js-bookmark-downvote-checkbox entry-comment-menu-minusvote-checkbox" title="マイナス評価"> </div> <div class="ui-contextMenu entry-comment-menu-more js-bookmark-menu-button" onclick> <div class="ui-contextMenu-btn entry-comment-menu-more-btn" tabindex="0" role="button"><span>その他</span></div> <div class="ui-contextMenu-list entry-comment-menu-more-list"> <ul tabindex="-1"> <li> <button type="button" class="ui-contextMenu-listItem entry-comment-followuser js-entry-comment-followuser">お気に入りに追加</button> <button type="button" class="ui-contextMenu-listItem entry-comment-unfollowuser js-entry-comment-unfollowuser is-hidden">お気に入りを解除</button> </li> <li> <button type="button" class="ui-contextMenu-listItem entry-comment-ignoreuser js-entry-comment-ignoreuser">ユーザーを非表示</button> <button type="button" class="ui-contextMenu-listItem entry-comment-unignoreuser js-entry-comment-unignoreuser is-hidden" data-unignore-msg-hover="ユーザーを表示" data-unignore-msg="非表示に設定済み"><span class="is-hidden">ユーザーを表示</span></button> </li> <li><button type="button" class="ui-contextMenu-listItem entry-comment-reportViolation js-bookmark-report-violation-button">通報する</button></li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="entry-comment-contents js-ignorable-user-content js-bookmark-item js-user-bookmark-comment" data-user-name="tohima" data-url="https://zenn.dev/ak/articles/c28fa3a9ba7edb"> <div class="entry-comment-contents-main"> <a href="/tohima/" class="entry-user-icon" data-gtm-label="entry-recent-icon"><img src="https://cdn.profile-image.st-hatena.com/users/tohima/profile.png"/ alt="tohima" title="tohima"></a> <div class="entry-comments-contents-body"> <span class="entry-comment-username"><a href="/tohima/" data-gtm-label="entry-recent-username">tohima</a></span> <span class="entry-comment-text js-bookmark-comment">おもしろかったー</span> <ul class="entry-comment-tags"> </ul> <div class="entry-comment-contents-foot"> <p class="entry-comment-meta"> <span class="entry-comment-timestamp"><a class="js-bookmark-anchor-path" data-gtm-label="entry-recent-timestamp" href="https://b.hatena.ne.jp/tohima/20210508#bookmark-4702229688091821634">2021/05/08</a></span> <span class="entry-comment-permalink"> <a data-gtm-label="entry-recent-permalink" href="/entry/4702229688091821634/comment/tohima" rel="nofollow">リンク</a> </span> <span class="list-star-container js-list-star-container"></span> <span class="twitter-click js-short-url-clicks"></span> </p> <div class="entry-comment-menus"> <div class="js-add-star-container add-star-container"></div> <div data-location-id="4702229688091821634" data-user-name="tohima" class="is-hidden js-bookmark-downvote-container entry-comment-menu-minusvote"> <input type="checkbox" class="js-bookmark-downvote-checkbox entry-comment-menu-minusvote-checkbox" title="マイナス評価"> </div> <div class="ui-contextMenu entry-comment-menu-more js-bookmark-menu-button" onclick> <div class="ui-contextMenu-btn entry-comment-menu-more-btn" tabindex="0" role="button"><span>その他</span></div> <div class="ui-contextMenu-list entry-comment-menu-more-list"> <ul tabindex="-1"> <li> <button type="button" class="ui-contextMenu-listItem entry-comment-followuser js-entry-comment-followuser">お気に入りに追加</button> <button type="button" class="ui-contextMenu-listItem entry-comment-unfollowuser js-entry-comment-unfollowuser is-hidden">お気に入りを解除</button> </li> <li> <button type="button" class="ui-contextMenu-listItem entry-comment-ignoreuser js-entry-comment-ignoreuser">ユーザーを非表示</button> <button type="button" class="ui-contextMenu-listItem entry-comment-unignoreuser js-entry-comment-unignoreuser is-hidden" data-unignore-msg-hover="ユーザーを表示" data-unignore-msg="非表示に設定済み"><span class="is-hidden">ユーザーを表示</span></button> </li> <li><button type="button" class="ui-contextMenu-listItem entry-comment-reportViolation js-bookmark-report-violation-button">通報する</button></li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="entry-comment-contents js-ignorable-user-content js-bookmark-item js-user-bookmark-comment" data-user-name="nokazn" data-url="https://zenn.dev/ak/articles/c28fa3a9ba7edb"> <div class="entry-comment-contents-main"> <a href="/nokazn/" class="entry-user-icon" data-gtm-label="entry-recent-icon"><img src="https://cdn.profile-image.st-hatena.com/users/nokazn/profile.png"/ alt="nokazn" title="nokazn"></a> <div class="entry-comments-contents-body"> <span class="entry-comment-username"><a href="/nokazn/" data-gtm-label="entry-recent-username">nokazn</a></span> <span class="entry-comment-text js-bookmark-comment">簡単なレンダリングエンジンそのうち作ってみたい</span> <ul class="entry-comment-tags"> <li class=""><a href="/nokazn/%E3%81%82%E3%81%A8%E3%81%A7%E8%AA%AD%E3%82%80/" data-gtm-label="entry-recent-tags">あとで読む</a></li> </ul> <div class="entry-comment-contents-foot"> <p class="entry-comment-meta"> <span class="entry-comment-timestamp"><a class="js-bookmark-anchor-path" data-gtm-label="entry-recent-timestamp" href="https://b.hatena.ne.jp/nokazn/20210508#bookmark-4702229688091821634">2021/05/08</a></span> <span class="entry-comment-permalink"> <a data-gtm-label="entry-recent-permalink" href="/entry/4702229688091821634/comment/nokazn" rel="">リンク</a> </span> <span class="list-star-container js-list-star-container"></span> <span class="twitter-click js-short-url-clicks"></span> </p> <div class="entry-comment-menus"> <div class="js-add-star-container add-star-container"></div> <div data-location-id="4702229688091821634" data-user-name="nokazn" class="is-hidden js-bookmark-downvote-container entry-comment-menu-minusvote"> <input type="checkbox" class="js-bookmark-downvote-checkbox entry-comment-menu-minusvote-checkbox" title="マイナス評価"> </div> <div class="ui-contextMenu entry-comment-menu-more js-bookmark-menu-button" onclick> <div class="ui-contextMenu-btn entry-comment-menu-more-btn" tabindex="0" role="button"><span>その他</span></div> <div class="ui-contextMenu-list entry-comment-menu-more-list"> <ul tabindex="-1"> <li> <button type="button" class="ui-contextMenu-listItem entry-comment-followuser js-entry-comment-followuser">お気に入りに追加</button> <button type="button" class="ui-contextMenu-listItem entry-comment-unfollowuser js-entry-comment-unfollowuser is-hidden">お気に入りを解除</button> </li> <li> <button type="button" class="ui-contextMenu-listItem entry-comment-ignoreuser js-entry-comment-ignoreuser">ユーザーを非表示</button> <button type="button" class="ui-contextMenu-listItem entry-comment-unignoreuser js-entry-comment-unignoreuser is-hidden" data-unignore-msg-hover="ユーザーを表示" data-unignore-msg="非表示に設定済み"><span class="is-hidden">ユーザーを表示</span></button> </li> <li><button type="button" class="ui-contextMenu-listItem entry-comment-reportViolation js-bookmark-report-violation-button">通報する</button></li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="entry-comment-contents js-ignorable-user-content js-bookmark-item js-user-bookmark-comment" data-user-name="Cru" data-url="https://zenn.dev/ak/articles/c28fa3a9ba7edb"> <div class="entry-comment-contents-main"> <a href="/Cru/" class="entry-user-icon" data-gtm-label="entry-recent-icon"><img src="https://cdn.profile-image.st-hatena.com/users/Cru/profile.png"/ alt="Cru" title="Cru"></a> <div class="entry-comments-contents-body"> <span class="entry-comment-username"><a href="/Cru/" data-gtm-label="entry-recent-username">Cru</a></span> <span class="entry-comment-text js-bookmark-comment">未加工のバイトから人間が読める文字に変換ってとこで読むのやめた。base64からASCIIに変換？gzip解凍？https復号？いずれ加工されまくってるバイナリって事になるしなぁしなぁ</span> <ul class="entry-comment-tags"> <li class=""><a href="/Cru/%E3%83%8D%E3%82%BF/" data-gtm-label="entry-recent-tags">ネタ</a></li> </ul> <div class="entry-comment-contents-foot"> <p class="entry-comment-meta"> <span class="entry-comment-timestamp"><a class="js-bookmark-anchor-path" data-gtm-label="entry-recent-timestamp" href="https://b.hatena.ne.jp/Cru/20210508#bookmark-4702229688091821634">2021/05/08</a></span> <span class="entry-comment-permalink"> <a data-gtm-label="entry-recent-permalink" href="/entry/4702229688091821634/comment/Cru" rel="">リンク</a> </span> <span class="list-star-container js-list-star-container"></span> <span class="twitter-click js-short-url-clicks"></span> </p> <div class="entry-comment-menus"> <div class="js-add-star-container add-star-container"></div> <div data-location-id="4702229688091821634" data-user-name="Cru" class="is-hidden js-bookmark-downvote-container entry-comment-menu-minusvote"> <input type="checkbox" class="js-bookmark-downvote-checkbox entry-comment-menu-minusvote-checkbox" title="マイナス評価"> </div> <div class="ui-contextMenu entry-comment-menu-more js-bookmark-menu-button" onclick> <div class="ui-contextMenu-btn entry-comment-menu-more-btn" tabindex="0" role="button"><span>その他</span></div> <div class="ui-contextMenu-list entry-comment-menu-more-list"> <ul tabindex="-1"> <li> <button type="button" class="ui-contextMenu-listItem entry-comment-followuser js-entry-comment-followuser">お気に入りに追加</button> <button type="button" class="ui-contextMenu-listItem entry-comment-unfollowuser js-entry-comment-unfollowuser is-hidden">お気に入りを解除</button> </li> <li> <button type="button" class="ui-contextMenu-listItem entry-comment-ignoreuser js-entry-comment-ignoreuser">ユーザーを非表示</button> <button type="button" class="ui-contextMenu-listItem entry-comment-unignoreuser js-entry-comment-unignoreuser is-hidden" data-unignore-msg-hover="ユーザーを表示" data-unignore-msg="非表示に設定済み"><span class="is-hidden">ユーザーを表示</span></button> </li> <li><button type="button" class="ui-contextMenu-listItem entry-comment-reportViolation js-bookmark-report-violation-button">通報する</button></li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="entry-comment-contents js-ignorable-user-content js-bookmark-item js-user-bookmark-comment" data-user-name="kibitaki" data-url="https://zenn.dev/ak/articles/c28fa3a9ba7edb"> <div class="entry-comment-contents-main"> <a href="/kibitaki/" class="entry-user-icon" data-gtm-label="entry-recent-icon"><img src="https://cdn.profile-image.st-hatena.com/users/kibitaki/profile.png"/ alt="kibitaki" title="kibitaki"></a> <div class="entry-comments-contents-body"> <span class="entry-comment-username"><a href="/kibitaki/" data-gtm-label="entry-recent-username">kibitaki</a></span> <span class="entry-comment-text js-bookmark-comment">おっ？最近じゃあレンダリングの話なんて珍しいねぇ。よおしおじちゃんがさぼるレンダラに蹴り入れるにはとかお手軽メモリリークとかテーブルネストとかの話を・・・って違うの？あ、そう。</span> <ul class="entry-comment-tags"> <li class=""><a href="/kibitaki/html/" data-gtm-label="entry-recent-tags">html</a></li> <li class=""><a href="/kibitaki/%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6/" data-gtm-label="entry-recent-tags">ブラウザ</a></li> <li class=""><a href="/kibitaki/%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0/" data-gtm-label="entry-recent-tags">プログラミング</a></li> </ul> <div class="entry-comment-contents-foot"> <p class="entry-comment-meta"> <span class="entry-comment-timestamp"><a class="js-bookmark-anchor-path" data-gtm-label="entry-recent-timestamp" href="https://b.hatena.ne.jp/kibitaki/20210507#bookmark-4702229688091821634">2021/05/07</a></span> <span class="entry-comment-permalink"> <a data-gtm-label="entry-recent-permalink" href="/entry/4702229688091821634/comment/kibitaki" rel="">リンク</a> </span> <span class="list-star-container js-list-star-container"></span> <span class="twitter-click js-short-url-clicks"></span> </p> <div class="entry-comment-menus"> <div class="js-add-star-container add-star-container"></div> <div data-location-id="4702229688091821634" data-user-name="kibitaki" class="is-hidden js-bookmark-downvote-container entry-comment-menu-minusvote"> <input type="checkbox" class="js-bookmark-downvote-checkbox entry-comment-menu-minusvote-checkbox" title="マイナス評価"> </div> <div class="ui-contextMenu entry-comment-menu-more js-bookmark-menu-button" onclick> <div class="ui-contextMenu-btn entry-comment-menu-more-btn" tabindex="0" role="button"><span>その他</span></div> <div class="ui-contextMenu-list entry-comment-menu-more-list"> <ul tabindex="-1"> <li> <button type="button" class="ui-contextMenu-listItem entry-comment-followuser js-entry-comment-followuser">お気に入りに追加</button> <button type="button" class="ui-contextMenu-listItem entry-comment-unfollowuser js-entry-comment-unfollowuser is-hidden">お気に入りを解除</button> </li> <li> <button type="button" class="ui-contextMenu-listItem entry-comment-ignoreuser js-entry-comment-ignoreuser">ユーザーを非表示</button> <button type="button" class="ui-contextMenu-listItem entry-comment-unignoreuser js-entry-comment-unignoreuser is-hidden" data-unignore-msg-hover="ユーザーを表示" data-unignore-msg="非表示に設定済み"><span class="is-hidden">ユーザーを表示</span></button> </li> <li><button type="button" class="ui-contextMenu-listItem entry-comment-reportViolation js-bookmark-report-violation-button">通報する</button></li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="entry-comment-contents js-ignorable-user-content js-bookmark-item js-user-bookmark-comment" data-user-name="ustam" data-url="https://zenn.dev/ak/articles/c28fa3a9ba7edb"> <div class="entry-comment-contents-main"> <a href="/ustam/" class="entry-user-icon" data-gtm-label="entry-recent-icon"><img src="https://cdn.profile-image.st-hatena.com/users/ustam/profile.png"/ alt="ustam" title="ustam"></a> <div class="entry-comments-contents-body"> <span class="entry-comment-username"><a href="/ustam/" data-gtm-label="entry-recent-username">ustam</a></span> <span class="entry-comment-text js-bookmark-comment">まあ基本ではあるよね。わかってないと、この先の地獄のような複雑さには対応できない。</span> <ul class="entry-comment-tags"> </ul> <div class="entry-comment-contents-foot"> <p class="entry-comment-meta"> <span class="entry-comment-timestamp"><a class="js-bookmark-anchor-path" data-gtm-label="entry-recent-timestamp" href="https://b.hatena.ne.jp/ustam/20210507#bookmark-4702229688091821634">2021/05/07</a></span> <span class="entry-comment-permalink"> <a data-gtm-label="entry-recent-permalink" href="/entry/4702229688091821634/comment/ustam" rel="">リンク</a> </span> <span class="list-star-container js-list-star-container"></span> <span class="twitter-click js-short-url-clicks"></span> </p> <div class="entry-comment-menus"> <div class="js-add-star-container add-star-container"></div> <div data-location-id="4702229688091821634" data-user-name="ustam" class="is-hidden js-bookmark-downvote-container entry-comment-menu-minusvote"> <input type="checkbox" class="js-bookmark-downvote-checkbox entry-comment-menu-minusvote-checkbox" title="マイナス評価"> </div> <div class="ui-contextMenu entry-comment-menu-more js-bookmark-menu-button" onclick> <div class="ui-contextMenu-btn entry-comment-menu-more-btn" tabindex="0" role="button"><span>その他</span></div> <div class="ui-contextMenu-list entry-comment-menu-more-list"> <ul tabindex="-1"> <li> <button type="button" class="ui-contextMenu-listItem entry-comment-followuser js-entry-comment-followuser">お気に入りに追加</button> <button type="button" class="ui-contextMenu-listItem entry-comment-unfollowuser js-entry-comment-unfollowuser is-hidden">お気に入りを解除</button> </li> <li> <button type="button" class="ui-contextMenu-listItem entry-comment-ignoreuser js-entry-comment-ignoreuser">ユーザーを非表示</button> <button type="button" class="ui-contextMenu-listItem entry-comment-unignoreuser js-entry-comment-unignoreuser is-hidden" data-unignore-msg-hover="ユーザーを表示" data-unignore-msg="非表示に設定済み"><span class="is-hidden">ユーザーを表示</span></button> </li> <li><button type="button" class="ui-contextMenu-listItem entry-comment-reportViolation js-bookmark-report-violation-button">通報する</button></li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="entry-comment-contents js-ignorable-user-content js-bookmark-item js-user-bookmark-comment" data-user-name="kareki11" data-url="https://zenn.dev/ak/articles/c28fa3a9ba7edb"> <div class="entry-comment-contents-main"> <a href="/kareki11/" class="entry-user-icon" data-gtm-label="entry-recent-icon"><img src="https://cdn.profile-image.st-hatena.com/users/kareki11/profile.png"/ alt="kareki11" title="kareki11"></a> <div class="entry-comments-contents-body"> <span class="entry-comment-username"><a href="/kareki11/" data-gtm-label="entry-recent-username">kareki11</a></span> <span class="entry-comment-text js-bookmark-comment">わかりやすい</span> <ul class="entry-comment-tags"> </ul> <div class="entry-comment-contents-foot"> <p class="entry-comment-meta"> <span class="entry-comment-timestamp"><a class="js-bookmark-anchor-path" data-gtm-label="entry-recent-timestamp" href="https://b.hatena.ne.jp/kareki11/20210507#bookmark-4702229688091821634">2021/05/07</a></span> <span class="entry-comment-permalink"> <a data-gtm-label="entry-recent-permalink" href="/entry/4702229688091821634/comment/kareki11" rel="nofollow">リンク</a> </span> <span class="list-star-container js-list-star-container"></span> <span class="twitter-click js-short-url-clicks"></span> </p> <div class="entry-comment-menus"> <div class="js-add-star-container add-star-container"></div> <div data-location-id="4702229688091821634" data-user-name="kareki11" class="is-hidden js-bookmark-downvote-container entry-comment-menu-minusvote"> <input type="checkbox" class="js-bookmark-downvote-checkbox entry-comment-menu-minusvote-checkbox" title="マイナス評価"> </div> <div class="ui-contextMenu entry-comment-menu-more js-bookmark-menu-button" onclick> <div class="ui-contextMenu-btn entry-comment-menu-more-btn" tabindex="0" role="button"><span>その他</span></div> <div class="ui-contextMenu-list entry-comment-menu-more-list"> <ul tabindex="-1"> <li> <button type="button" class="ui-contextMenu-listItem entry-comment-followuser js-entry-comment-followuser">お気に入りに追加</button> <button type="button" class="ui-contextMenu-listItem entry-comment-unfollowuser js-entry-comment-unfollowuser is-hidden">お気に入りを解除</button> </li> <li> <button type="button" class="ui-contextMenu-listItem entry-comment-ignoreuser js-entry-comment-ignoreuser">ユーザーを非表示</button> <button type="button" class="ui-contextMenu-listItem entry-comment-unignoreuser js-entry-comment-unignoreuser is-hidden" data-unignore-msg-hover="ユーザーを表示" data-unignore-msg="非表示に設定済み"><span class="is-hidden">ユーザーを表示</span></button> </li> <li><button type="button" class="ui-contextMenu-listItem entry-comment-reportViolation js-bookmark-report-violation-button">通報する</button></li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="entry-comment-contents js-ignorable-user-content js-bookmark-item js-user-bookmark-comment" data-user-name="pqe" data-url="https://zenn.dev/ak/articles/c28fa3a9ba7edb"> <div class="entry-comment-contents-main"> <a href="/pqe/" class="entry-user-icon" data-gtm-label="entry-recent-icon"><img src="https://cdn.profile-image.st-hatena.com/users/pqe/profile.png"/ alt="pqe" title="pqe"></a> <div class="entry-comments-contents-body"> <span class="entry-comment-username"><a href="/pqe/" data-gtm-label="entry-recent-username">pqe</a></span> <span class="entry-comment-text js-bookmark-comment">ノードとは何でしょうか？</span> <ul class="entry-comment-tags"> </ul> <div class="entry-comment-contents-foot"> <p class="entry-comment-meta"> <span class="entry-comment-timestamp"><a class="js-bookmark-anchor-path" data-gtm-label="entry-recent-timestamp" href="https://b.hatena.ne.jp/pqe/20210507#bookmark-4702229688091821634">2021/05/07</a></span> <span class="entry-comment-permalink"> <a data-gtm-label="entry-recent-permalink" href="/entry/4702229688091821634/comment/pqe" rel="nofollow">リンク</a> </span> <span class="list-star-container js-list-star-container"></span> <span class="twitter-click js-short-url-clicks"></span> </p> <div class="entry-comment-menus"> <div class="js-add-star-container add-star-container"></div> <div data-location-id="4702229688091821634" data-user-name="pqe" class="is-hidden js-bookmark-downvote-container entry-comment-menu-minusvote"> <input type="checkbox" class="js-bookmark-downvote-checkbox entry-comment-menu-minusvote-checkbox" title="マイナス評価"> </div> <div class="ui-contextMenu entry-comment-menu-more js-bookmark-menu-button" onclick> <div class="ui-contextMenu-btn entry-comment-menu-more-btn" tabindex="0" role="button"><span>その他</span></div> <div class="ui-contextMenu-list entry-comment-menu-more-list"> <ul tabindex="-1"> <li> <button type="button" class="ui-contextMenu-listItem entry-comment-followuser js-entry-comment-followuser">お気に入りに追加</button> <button type="button" class="ui-contextMenu-listItem entry-comment-unfollowuser js-entry-comment-unfollowuser is-hidden">お気に入りを解除</button> </li> <li> <button type="button" class="ui-contextMenu-listItem entry-comment-ignoreuser js-entry-comment-ignoreuser">ユーザーを非表示</button> <button type="button" class="ui-contextMenu-listItem entry-comment-unignoreuser js-entry-comment-unignoreuser is-hidden" data-unignore-msg-hover="ユーザーを表示" data-unignore-msg="非表示に設定済み"><span class="is-hidden">ユーザーを表示</span></button> </li> <li><button type="button" class="ui-contextMenu-listItem entry-comment-reportViolation js-bookmark-report-violation-button">通報する</button></li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="entry-comment-contents js-ignorable-user-content js-bookmark-item js-user-bookmark-comment" data-user-name="nmcli" data-url="https://zenn.dev/ak/articles/c28fa3a9ba7edb"> <div class="entry-comment-contents-main"> <a href="/nmcli/" class="entry-user-icon" data-gtm-label="entry-recent-icon"><img src="https://cdn.profile-image.st-hatena.com/users/nmcli/profile.png"/ alt="nmcli" title="nmcli"></a> <div class="entry-comments-contents-body"> <span class="entry-comment-username"><a href="/nmcli/" data-gtm-label="entry-recent-username">nmcli</a></span> <span class="entry-comment-text js-bookmark-comment">HTMLが顔、CSSが化粧、DOMは骨格と筋肉、それをScriptで美容整形するようなイメージが2010年代までは通用したが、今はもうこれでは説明不足になってきてしまったの</span> <ul class="entry-comment-tags"> <li class=""><a href="/nmcli/%E6%8A%80%E8%A1%93/" data-gtm-label="entry-recent-tags">技術</a></li> </ul> <div class="entry-comment-contents-foot"> <p class="entry-comment-meta"> <span class="entry-comment-timestamp"><a class="js-bookmark-anchor-path" data-gtm-label="entry-recent-timestamp" href="https://b.hatena.ne.jp/nmcli/20210507#bookmark-4702229688091821634">2021/05/07</a></span> <span class="entry-comment-permalink"> <a data-gtm-label="entry-recent-permalink" href="/entry/4702229688091821634/comment/nmcli" rel="">リンク</a> </span> <span class="list-star-container js-list-star-container"></span> <span class="twitter-click js-short-url-clicks"></span> </p> <div class="entry-comment-menus"> <div class="js-add-star-container add-star-container"></div> <div data-location-id="4702229688091821634" data-user-name="nmcli" class="is-hidden js-bookmark-downvote-container entry-comment-menu-minusvote"> <input type="checkbox" class="js-bookmark-downvote-checkbox entry-comment-menu-minusvote-checkbox" title="マイナス評価"> </div> <div class="ui-contextMenu entry-comment-menu-more js-bookmark-menu-button" onclick> <div class="ui-contextMenu-btn entry-comment-menu-more-btn" tabindex="0" role="button"><span>その他</span></div> <div class="ui-contextMenu-list entry-comment-menu-more-list"> <ul tabindex="-1"> <li> <button type="button" class="ui-contextMenu-listItem entry-comment-followuser js-entry-comment-followuser">お気に入りに追加</button> <button type="button" class="ui-contextMenu-listItem entry-comment-unfollowuser js-entry-comment-unfollowuser is-hidden">お気に入りを解除</button> </li> <li> <button type="button" class="ui-contextMenu-listItem entry-comment-ignoreuser js-entry-comment-ignoreuser">ユーザーを非表示</button> <button type="button" class="ui-contextMenu-listItem entry-comment-unignoreuser js-entry-comment-unignoreuser is-hidden" data-unignore-msg-hover="ユーザーを表示" data-unignore-msg="非表示に設定済み"><span class="is-hidden">ユーザーを表示</span></button> </li> <li><button type="button" class="ui-contextMenu-listItem entry-comment-reportViolation js-bookmark-report-violation-button">通報する</button></li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="entry-comment-contents js-ignorable-user-content js-bookmark-item js-user-bookmark-comment" data-user-name="wazpk6no" data-url="https://zenn.dev/ak/articles/c28fa3a9ba7edb"> <div class="entry-comment-contents-main"> <a href="/wazpk6no/" class="entry-user-icon" data-gtm-label="entry-recent-icon"><img src="https://cdn.profile-image.st-hatena.com/users/wazpk6no/profile.png"/ alt="wazpk6no" title="wazpk6no"></a> <div class="entry-comments-contents-body"> <span class="entry-comment-username"><a href="/wazpk6no/" data-gtm-label="entry-recent-username">wazpk6no</a></span> <span class="entry-comment-text js-bookmark-comment">tridentとgeckoとblinkの違いを期待してた…</span> <ul class="entry-comment-tags"> </ul> <div class="entry-comment-contents-foot"> <p class="entry-comment-meta"> <span class="entry-comment-timestamp"><a class="js-bookmark-anchor-path" data-gtm-label="entry-recent-timestamp" href="https://b.hatena.ne.jp/wazpk6no/20210507#bookmark-4702229688091821634">2021/05/07</a></span> <span class="entry-comment-permalink"> <a data-gtm-label="entry-recent-permalink" href="/entry/4702229688091821634/comment/wazpk6no" rel="">リンク</a> </span> <span class="list-star-container js-list-star-container"></span> <span class="twitter-click js-short-url-clicks"></span> </p> <div class="entry-comment-menus"> <div class="js-add-star-container add-star-container"></div> <div data-location-id="4702229688091821634" data-user-name="wazpk6no" class="is-hidden js-bookmark-downvote-container entry-comment-menu-minusvote"> <input type="checkbox" class="js-bookmark-downvote-checkbox entry-comment-menu-minusvote-checkbox" title="マイナス評価"> </div> <div class="ui-contextMenu entry-comment-menu-more js-bookmark-menu-button" onclick> <div class="ui-contextMenu-btn entry-comment-menu-more-btn" tabindex="0" role="button"><span>その他</span></div> <div class="ui-contextMenu-list entry-comment-menu-more-list"> <ul tabindex="-1"> <li> <button type="button" class="ui-contextMenu-listItem entry-comment-followuser js-entry-comment-followuser">お気に入りに追加</button> <button type="button" class="ui-contextMenu-listItem entry-comment-unfollowuser js-entry-comment-unfollowuser is-hidden">お気に入りを解除</button> </li> <li> <button type="button" class="ui-contextMenu-listItem entry-comment-ignoreuser js-entry-comment-ignoreuser">ユーザーを非表示</button> <button type="button" class="ui-contextMenu-listItem entry-comment-unignoreuser js-entry-comment-unignoreuser is-hidden" data-unignore-msg-hover="ユーザーを表示" data-unignore-msg="非表示に設定済み"><span class="is-hidden">ユーザーを表示</span></button> </li> <li><button type="button" class="ui-contextMenu-listItem entry-comment-reportViolation js-bookmark-report-violation-button">通報する</button></li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="entry-comment-contents js-ignorable-user-content js-bookmark-item js-user-bookmark-comment" data-user-name="ext3" data-url="https://zenn.dev/ak/articles/c28fa3a9ba7edb"> <div class="entry-comment-contents-main"> <a href="/ext3/" class="entry-user-icon" data-gtm-label="entry-recent-icon"><img src="https://cdn.profile-image.st-hatena.com/users/ext3/profile.png"/ alt="ext3" title="ext3"></a> <div class="entry-comments-contents-body"> <span class="entry-comment-username"><a href="/ext3/" data-gtm-label="entry-recent-username">ext3</a></span> <span class="entry-comment-text js-bookmark-comment">byteからcharへの変換を指定するcontent-typeの指定もテキストで記載されているとなると、ヘッダー受け取る前から何かしらのbyte-char変換指定が必要になると思うが、果たして最初のbyteはどうやって変換されてるんだろうか</span> <ul class="entry-comment-tags"> </ul> <div class="entry-comment-contents-foot"> <p class="entry-comment-meta"> <span class="entry-comment-timestamp"><a class="js-bookmark-anchor-path" data-gtm-label="entry-recent-timestamp" href="https://b.hatena.ne.jp/ext3/20210507#bookmark-4702229688091821634">2021/05/07</a></span> <span class="entry-comment-permalink"> <a data-gtm-label="entry-recent-permalink" href="/entry/4702229688091821634/comment/ext3" rel="">リンク</a> </span> <span class="list-star-container js-list-star-container"></span> <span class="twitter-click js-short-url-clicks"></span> </p> <div class="entry-comment-menus"> <div class="js-add-star-container add-star-container"></div> <div data-location-id="4702229688091821634" data-user-name="ext3" class="is-hidden js-bookmark-downvote-container entry-comment-menu-minusvote"> <input type="checkbox" class="js-bookmark-downvote-checkbox entry-comment-menu-minusvote-checkbox" title="マイナス評価"> </div> <div class="ui-contextMenu entry-comment-menu-more js-bookmark-menu-button" onclick> <div class="ui-contextMenu-btn entry-comment-menu-more-btn" tabindex="0" role="button"><span>その他</span></div> <div class="ui-contextMenu-list entry-comment-menu-more-list"> <ul tabindex="-1"> <li> <button type="button" class="ui-contextMenu-listItem entry-comment-followuser js-entry-comment-followuser">お気に入りに追加</button> <button type="button" class="ui-contextMenu-listItem entry-comment-unfollowuser js-entry-comment-unfollowuser is-hidden">お気に入りを解除</button> </li> <li> <button type="button" class="ui-contextMenu-listItem entry-comment-ignoreuser js-entry-comment-ignoreuser">ユーザーを非表示</button> <button type="button" class="ui-contextMenu-listItem entry-comment-unignoreuser js-entry-comment-unignoreuser is-hidden" data-unignore-msg-hover="ユーザーを表示" data-unignore-msg="非表示に設定済み"><span class="is-hidden">ユーザーを表示</span></button> </li> <li><button type="button" class="ui-contextMenu-listItem entry-comment-reportViolation js-bookmark-report-violation-button">通報する</button></li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="entry-comment-contents js-ignorable-user-content js-bookmark-item js-user-bookmark-comment" data-user-name="helldeath" data-url="https://zenn.dev/ak/articles/c28fa3a9ba7edb"> <div class="entry-comment-contents-main"> <a href="/helldeath/" class="entry-user-icon" data-gtm-label="entry-recent-icon"><img src="https://cdn.profile-image.st-hatena.com/users/helldeath/profile.png"/ alt="helldeath" title="helldeath"></a> <div class="entry-comments-contents-body"> <span class="entry-comment-username"><a href="/helldeath/" data-gtm-label="entry-recent-username">helldeath</a></span> <span class="entry-comment-text js-bookmark-comment">こんなにブクマついてるのにブコメへの星の少なさが珍しい。797ブクマでトップが星5個。</span> <ul class="entry-comment-tags"> </ul> <div class="entry-comment-contents-foot"> <p class="entry-comment-meta"> <span class="entry-comment-timestamp"><a class="js-bookmark-anchor-path" data-gtm-label="entry-recent-timestamp" href="https://b.hatena.ne.jp/helldeath/20210507#bookmark-4702229688091821634">2021/05/07</a></span> <span class="entry-comment-permalink"> <a data-gtm-label="entry-recent-permalink" href="/entry/4702229688091821634/comment/helldeath" rel="">リンク</a> </span> <span class="list-star-container js-list-star-container"></span> <span class="twitter-click js-short-url-clicks"></span> </p> <div class="entry-comment-menus"> <div class="js-add-star-container add-star-container"></div> <div data-location-id="4702229688091821634" data-user-name="helldeath" class="is-hidden js-bookmark-downvote-container entry-comment-menu-minusvote"> <input type="checkbox" class="js-bookmark-downvote-checkbox entry-comment-menu-minusvote-checkbox" title="マイナス評価"> </div> <div class="ui-contextMenu entry-comment-menu-more js-bookmark-menu-button" onclick> <div class="ui-contextMenu-btn entry-comment-menu-more-btn" tabindex="0" role="button"><span>その他</span></div> <div class="ui-contextMenu-list entry-comment-menu-more-list"> <ul tabindex="-1"> <li> <button type="button" class="ui-contextMenu-listItem entry-comment-followuser js-entry-comment-followuser">お気に入りに追加</button> <button type="button" class="ui-contextMenu-listItem entry-comment-unfollowuser js-entry-comment-unfollowuser is-hidden">お気に入りを解除</button> </li> <li> <button type="button" class="ui-contextMenu-listItem entry-comment-ignoreuser js-entry-comment-ignoreuser">ユーザーを非表示</button> <button type="button" class="ui-contextMenu-listItem entry-comment-unignoreuser js-entry-comment-unignoreuser is-hidden" data-unignore-msg-hover="ユーザーを表示" data-unignore-msg="非表示に設定済み"><span class="is-hidden">ユーザーを表示</span></button> </li> <li><button type="button" class="ui-contextMenu-listItem entry-comment-reportViolation js-bookmark-report-violation-button">通報する</button></li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="entry-comment-contents js-ignorable-user-content js-bookmark-item js-user-bookmark-comment" data-user-name="xlc" data-url="https://zenn.dev/ak/articles/c28fa3a9ba7edb"> <div class="entry-comment-contents-main"> <a href="/xlc/" class="entry-user-icon" data-gtm-label="entry-recent-icon"><img src="https://cdn.profile-image.st-hatena.com/users/xlc/profile.png"/ alt="xlc" title="xlc"></a> <div class="entry-comments-contents-body"> <span class="entry-comment-username"><a href="/xlc/" data-gtm-label="entry-recent-username">xlc</a></span> <span class="entry-comment-text js-bookmark-comment">みんな「知識系」のコンテンツが好きだねえ。ある程度の技術力があるエンジニアなら調べなくても「きっとそうに違いない」となんとなく理解している内容。そして知識ではなく仕事に生かしてる。</span> <ul class="entry-comment-tags"> </ul> <div class="entry-comment-contents-foot"> <p class="entry-comment-meta"> <span class="entry-comment-timestamp"><a class="js-bookmark-anchor-path" data-gtm-label="entry-recent-timestamp" href="https://b.hatena.ne.jp/xlc/20210507#bookmark-4702229688091821634">2021/05/07</a></span> <span class="entry-comment-permalink"> <a data-gtm-label="entry-recent-permalink" href="/entry/4702229688091821634/comment/xlc" rel="">リンク</a> </span> <span class="list-star-container js-list-star-container"></span> <span class="twitter-click js-short-url-clicks"></span> </p> <div class="entry-comment-menus"> <div class="js-add-star-container add-star-container"></div> <div data-location-id="4702229688091821634" data-user-name="xlc" class="is-hidden js-bookmark-downvote-container entry-comment-menu-minusvote"> <input type="checkbox" class="js-bookmark-downvote-checkbox entry-comment-menu-minusvote-checkbox" title="マイナス評価"> </div> <div class="ui-contextMenu entry-comment-menu-more js-bookmark-menu-button" onclick> <div class="ui-contextMenu-btn entry-comment-menu-more-btn" tabindex="0" role="button"><span>その他</span></div> <div class="ui-contextMenu-list entry-comment-menu-more-list"> <ul tabindex="-1"> <li> <button type="button" class="ui-contextMenu-listItem entry-comment-followuser js-entry-comment-followuser">お気に入りに追加</button> <button type="button" class="ui-contextMenu-listItem entry-comment-unfollowuser js-entry-comment-unfollowuser is-hidden">お気に入りを解除</button> </li> <li> <button type="button" class="ui-contextMenu-listItem entry-comment-ignoreuser js-entry-comment-ignoreuser">ユーザーを非表示</button> <button type="button" class="ui-contextMenu-listItem entry-comment-unignoreuser js-entry-comment-unignoreuser is-hidden" data-unignore-msg-hover="ユーザーを表示" data-unignore-msg="非表示に設定済み"><span class="is-hidden">ユーザーを表示</span></button> </li> <li><button type="button" class="ui-contextMenu-listItem entry-comment-reportViolation js-bookmark-report-violation-button">通報する</button></li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="entry-comment-contents js-ignorable-user-content js-bookmark-item js-user-bookmark-comment" data-user-name="frkw2004" data-url="https://zenn.dev/ak/articles/c28fa3a9ba7edb"> <div class="entry-comment-contents-main"> <a href="/frkw2004/" class="entry-user-icon" data-gtm-label="entry-recent-icon"><img src="https://cdn.profile-image.st-hatena.com/users/frkw2004/profile.png"/ alt="frkw2004" title="frkw2004"></a> <div class="entry-comments-contents-body"> <span class="entry-comment-username"><a href="/frkw2004/" data-gtm-label="entry-recent-username">frkw2004</a></span> <span class="entry-comment-text js-bookmark-comment">スマホ用のブラウザ作る時は、読み込んでいる途中のストリームとレンダリング作業とを上手く最適化して、低速通信時でもストレスなく表示+操作できるといいなあ。処理レイヤーが違うけど。</span> <ul class="entry-comment-tags"> <li class=""><a href="/frkw2004/%E8%80%83%E3%81%88%E6%96%B9/" data-gtm-label="entry-recent-tags">考え方</a></li> <li class=""><a href="/frkw2004/web/" data-gtm-label="entry-recent-tags">web</a></li> <li class=""><a href="/frkw2004/%E6%8A%80%E8%A1%93/" data-gtm-label="entry-recent-tags">技術</a></li> </ul> <div class="entry-comment-contents-foot"> <p class="entry-comment-meta"> <span class="entry-comment-timestamp"><a class="js-bookmark-anchor-path" data-gtm-label="entry-recent-timestamp" href="https://b.hatena.ne.jp/frkw2004/20210507#bookmark-4702229688091821634">2021/05/07</a></span> <span class="entry-comment-permalink"> <a data-gtm-label="entry-recent-permalink" href="/entry/4702229688091821634/comment/frkw2004" rel="">リンク</a> </span> <span class="list-star-container js-list-star-container"></span> <span class="twitter-click js-short-url-clicks"></span> </p> <div class="entry-comment-menus"> <div class="js-add-star-container add-star-container"></div> <div data-location-id="4702229688091821634" data-user-name="frkw2004" class="is-hidden js-bookmark-downvote-container entry-comment-menu-minusvote"> <input type="checkbox" class="js-bookmark-downvote-checkbox entry-comment-menu-minusvote-checkbox" title="マイナス評価"> </div> <div class="ui-contextMenu entry-comment-menu-more js-bookmark-menu-button" onclick> <div class="ui-contextMenu-btn entry-comment-menu-more-btn" tabindex="0" role="button"><span>その他</span></div> <div class="ui-contextMenu-list entry-comment-menu-more-list"> <ul tabindex="-1"> <li> <button type="button" class="ui-contextMenu-listItem entry-comment-followuser js-entry-comment-followuser">お気に入りに追加</button> <button type="button" class="ui-contextMenu-listItem entry-comment-unfollowuser js-entry-comment-unfollowuser is-hidden">お気に入りを解除</button> </li> <li> <button type="button" class="ui-contextMenu-listItem entry-comment-ignoreuser js-entry-comment-ignoreuser">ユーザーを非表示</button> <button type="button" class="ui-contextMenu-listItem entry-comment-unignoreuser js-entry-comment-unignoreuser is-hidden" data-unignore-msg-hover="ユーザーを表示" data-unignore-msg="非表示に設定済み"><span class="is-hidden">ユーザーを表示</span></button> </li> <li><button type="button" class="ui-contextMenu-listItem entry-comment-reportViolation js-bookmark-report-violation-button">通報する</button></li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="entry-comment-contents js-ignorable-user-content js-bookmark-item js-user-bookmark-comment" data-user-name="cantaloupe" data-url="https://zenn.dev/ak/articles/c28fa3a9ba7edb"> <div class="entry-comment-contents-main"> <a href="/cantaloupe/" class="entry-user-icon" data-gtm-label="entry-recent-icon"><img src="https://cdn.profile-image.st-hatena.com/users/cantaloupe/profile.png"/ alt="cantaloupe" title="cantaloupe"></a> <div class="entry-comments-contents-body"> <span class="entry-comment-username"><a href="/cantaloupe/" data-gtm-label="entry-recent-username">cantaloupe</a></span> <span class="entry-comment-text js-bookmark-comment"> レンダリング学習素材</span> <ul class="entry-comment-tags"> <li class=""><a href="/cantaloupe/html/" data-gtm-label="entry-recent-tags">html</a></li> <li class=""><a href="/cantaloupe/%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6/" data-gtm-label="entry-recent-tags">ブラウザ</a></li> </ul> <div class="entry-comment-contents-foot"> <p class="entry-comment-meta"> <span class="entry-comment-timestamp"><a class="js-bookmark-anchor-path" data-gtm-label="entry-recent-timestamp" href="https://b.hatena.ne.jp/cantaloupe/20210507#bookmark-4702229688091821634">2021/05/07</a></span> <span class="entry-comment-permalink"> <a data-gtm-label="entry-recent-permalink" href="/entry/4702229688091821634/comment/cantaloupe" rel="nofollow">リンク</a> </span> <span class="list-star-container js-list-star-container"></span> <span class="twitter-click js-short-url-clicks"></span> </p> <div class="entry-comment-menus"> <div class="js-add-star-container add-star-container"></div> <div data-location-id="4702229688091821634" data-user-name="cantaloupe" class="is-hidden js-bookmark-downvote-container entry-comment-menu-minusvote"> <input type="checkbox" class="js-bookmark-downvote-checkbox entry-comment-menu-minusvote-checkbox" title="マイナス評価"> </div> <div class="ui-contextMenu entry-comment-menu-more js-bookmark-menu-button" onclick> <div class="ui-contextMenu-btn entry-comment-menu-more-btn" tabindex="0" role="button"><span>その他</span></div> <div class="ui-contextMenu-list entry-comment-menu-more-list"> <ul tabindex="-1"> <li> <button type="button" class="ui-contextMenu-listItem entry-comment-followuser js-entry-comment-followuser">お気に入りに追加</button> <button type="button" class="ui-contextMenu-listItem entry-comment-unfollowuser js-entry-comment-unfollowuser is-hidden">お気に入りを解除</button> </li> <li> <button type="button" class="ui-contextMenu-listItem entry-comment-ignoreuser js-entry-comment-ignoreuser">ユーザーを非表示</button> <button type="button" class="ui-contextMenu-listItem entry-comment-unignoreuser js-entry-comment-unignoreuser is-hidden" data-unignore-msg-hover="ユーザーを表示" data-unignore-msg="非表示に設定済み"><span class="is-hidden">ユーザーを表示</span></button> </li> <li><button type="button" class="ui-contextMenu-listItem entry-comment-reportViolation js-bookmark-report-violation-button">通報する</button></li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="entry-comment-contents js-ignorable-user-content js-bookmark-item js-user-bookmark-comment" data-user-name="rryu" data-url="https://zenn.dev/ak/articles/c28fa3a9ba7edb"> <div class="entry-comment-contents-main"> <a href="/rryu/" class="entry-user-icon" data-gtm-label="entry-recent-icon"><img src="https://cdn.profile-image.st-hatena.com/users/rryu/profile.png"/ alt="rryu" title="rryu"></a> <div class="entry-comments-contents-body"> <span class="entry-comment-username"><a href="/rryu/" data-gtm-label="entry-recent-username">rryu</a></span> <span class="entry-comment-text js-bookmark-comment">HTMLのトークンって < や </ じゃないのと思ったらHTMLのパースは巨大なステートマシンで区切りのいいところで結果をトークンとして置いていくという仕組みでやるらしい。</span> <ul class="entry-comment-tags"> <li class=""><a href="/rryu/html/" data-gtm-label="entry-recent-tags">html</a></li> </ul> <div class="entry-comment-contents-foot"> <p class="entry-comment-meta"> <span class="entry-comment-timestamp"><a class="js-bookmark-anchor-path" data-gtm-label="entry-recent-timestamp" href="https://b.hatena.ne.jp/rryu/20210507#bookmark-4702229688091821634">2021/05/07</a></span> <span class="entry-comment-permalink"> <a data-gtm-label="entry-recent-permalink" href="/entry/4702229688091821634/comment/rryu" rel="">リンク</a> </span> <span class="list-star-container js-list-star-container"></span> <span class="twitter-click js-short-url-clicks"></span> </p> <div class="entry-comment-menus"> <div class="js-add-star-container add-star-container"></div> <div data-location-id="4702229688091821634" data-user-name="rryu" class="is-hidden js-bookmark-downvote-container entry-comment-menu-minusvote"> <input type="checkbox" class="js-bookmark-downvote-checkbox entry-comment-menu-minusvote-checkbox" title="マイナス評価"> </div> <div class="ui-contextMenu entry-comment-menu-more js-bookmark-menu-button" onclick> <div class="ui-contextMenu-btn entry-comment-menu-more-btn" tabindex="0" role="button"><span>その他</span></div> <div class="ui-contextMenu-list entry-comment-menu-more-list"> <ul tabindex="-1"> <li> <button type="button" class="ui-contextMenu-listItem entry-comment-followuser js-entry-comment-followuser">お気に入りに追加</button> <button type="button" class="ui-contextMenu-listItem entry-comment-unfollowuser js-entry-comment-unfollowuser is-hidden">お気に入りを解除</button> </li> <li> <button type="button" class="ui-contextMenu-listItem entry-comment-ignoreuser js-entry-comment-ignoreuser">ユーザーを非表示</button> <button type="button" class="ui-contextMenu-listItem entry-comment-unignoreuser js-entry-comment-unignoreuser is-hidden" data-unignore-msg-hover="ユーザーを表示" data-unignore-msg="非表示に設定済み"><span class="is-hidden">ユーザーを表示</span></button> </li> <li><button type="button" class="ui-contextMenu-listItem entry-comment-reportViolation js-bookmark-report-violation-button">通報する</button></li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="entry-comment-contents js-ignorable-user-content js-bookmark-item js-user-bookmark-comment" data-user-name="Nobkz" data-url="https://zenn.dev/ak/articles/c28fa3a9ba7edb"> <div class="entry-comment-contents-main"> <a href="/Nobkz/" class="entry-user-icon" data-gtm-label="entry-recent-icon"><img src="https://cdn.profile-image.st-hatena.com/users/Nobkz/profile.png"/ alt="Nobkz" title="Nobkz"></a> <div class="entry-comments-contents-body"> <span class="entry-comment-username"><a href="/Nobkz/" data-gtm-label="entry-recent-username">Nobkz</a></span> <span class="entry-comment-text js-bookmark-comment">読んでるけど、ざっと、なんかいろいろ、混乱してそうだなー。例えば、“HTMLファイルは、「0」と「1」でできたデータになっています”、いやまぁ、そうなんだけどさ...</span> <ul class="entry-comment-tags"> </ul> <div class="entry-comment-contents-foot"> <p class="entry-comment-meta"> <span class="entry-comment-timestamp"><a class="js-bookmark-anchor-path" data-gtm-label="entry-recent-timestamp" href="https://b.hatena.ne.jp/Nobkz/20210507#bookmark-4702229688091821634">2021/05/07</a></span> <span class="entry-comment-permalink"> <a data-gtm-label="entry-recent-permalink" href="/entry/4702229688091821634/comment/Nobkz" rel="">リンク</a> </span> <span class="list-star-container js-list-star-container"></span> <span class="twitter-click js-short-url-clicks"></span> </p> <div class="entry-comment-menus"> <div class="js-add-star-container add-star-container"></div> <div data-location-id="4702229688091821634" data-user-name="Nobkz" class="is-hidden js-bookmark-downvote-container entry-comment-menu-minusvote"> <input type="checkbox" class="js-bookmark-downvote-checkbox entry-comment-menu-minusvote-checkbox" title="マイナス評価"> </div> <div class="ui-contextMenu entry-comment-menu-more js-bookmark-menu-button" onclick> <div class="ui-contextMenu-btn entry-comment-menu-more-btn" tabindex="0" role="button"><span>その他</span></div> <div class="ui-contextMenu-list entry-comment-menu-more-list"> <ul tabindex="-1"> <li> <button type="button" class="ui-contextMenu-listItem entry-comment-followuser js-entry-comment-followuser">お気に入りに追加</button> <button type="button" class="ui-contextMenu-listItem entry-comment-unfollowuser js-entry-comment-unfollowuser is-hidden">お気に入りを解除</button> </li> <li> <button type="button" class="ui-contextMenu-listItem entry-comment-ignoreuser js-entry-comment-ignoreuser">ユーザーを非表示</button> <button type="button" class="ui-contextMenu-listItem entry-comment-unignoreuser js-entry-comment-unignoreuser is-hidden" data-unignore-msg-hover="ユーザーを表示" data-unignore-msg="非表示に設定済み"><span class="is-hidden">ユーザーを表示</span></button> </li> <li><button type="button" class="ui-contextMenu-listItem entry-comment-reportViolation js-bookmark-report-violation-button">通報する</button></li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="entry-comment-contents js-ignorable-user-content js-bookmark-item js-user-bookmark-comment" data-user-name="furuichi" data-url="https://zenn.dev/ak/articles/c28fa3a9ba7edb"> <div class="entry-comment-contents-main"> <a href="/furuichi/" class="entry-user-icon" data-gtm-label="entry-recent-icon"><img src="https://cdn.profile-image.st-hatena.com/users/furuichi/profile.png"/ alt="furuichi" title="furuichi"></a> <div class="entry-comments-contents-body"> <span class="entry-comment-username"><a href="/furuichi/" data-gtm-label="entry-recent-username">furuichi</a></span> <span class="entry-comment-text js-bookmark-comment">DOMの解説も後ろでしているので、冒頭部分でいきなり"DOM"と書いてある部分は「解説は後段」的な注釈いれてあると、対象読者を考えるともっとわかりやすくなると思います。</span> <ul class="entry-comment-tags"> <li class=""><a href="/furuichi/%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6/" data-gtm-label="entry-recent-tags">ブラウザ</a></li> <li class=""><a href="/furuichi/web/" data-gtm-label="entry-recent-tags">web</a></li> </ul> <div class="entry-comment-contents-foot"> <p class="entry-comment-meta"> <span class="entry-comment-timestamp"><a class="js-bookmark-anchor-path" data-gtm-label="entry-recent-timestamp" href="https://b.hatena.ne.jp/furuichi/20210507#bookmark-4702229688091821634">2021/05/07</a></span> <span class="entry-comment-permalink"> <a data-gtm-label="entry-recent-permalink" href="/entry/4702229688091821634/comment/furuichi" rel="">リンク</a> </span> <span class="list-star-container js-list-star-container"></span> <span class="twitter-click js-short-url-clicks"></span> </p> <div class="entry-comment-menus"> <div class="js-add-star-container add-star-container"></div> <div data-location-id="4702229688091821634" data-user-name="furuichi" class="is-hidden js-bookmark-downvote-container entry-comment-menu-minusvote"> <input type="checkbox" class="js-bookmark-downvote-checkbox entry-comment-menu-minusvote-checkbox" title="マイナス評価"> </div> <div class="ui-contextMenu entry-comment-menu-more js-bookmark-menu-button" onclick> <div class="ui-contextMenu-btn entry-comment-menu-more-btn" tabindex="0" role="button"><span>その他</span></div> <div class="ui-contextMenu-list entry-comment-menu-more-list"> <ul tabindex="-1"> <li> <button type="button" class="ui-contextMenu-listItem entry-comment-followuser js-entry-comment-followuser">お気に入りに追加</button> <button type="button" class="ui-contextMenu-listItem entry-comment-unfollowuser js-entry-comment-unfollowuser is-hidden">お気に入りを解除</button> </li> <li> <button type="button" class="ui-contextMenu-listItem entry-comment-ignoreuser js-entry-comment-ignoreuser">ユーザーを非表示</button> <button type="button" class="ui-contextMenu-listItem entry-comment-unignoreuser js-entry-comment-unignoreuser is-hidden" data-unignore-msg-hover="ユーザーを表示" data-unignore-msg="非表示に設定済み"><span class="is-hidden">ユーザーを表示</span></button> </li> <li><button type="button" class="ui-contextMenu-listItem entry-comment-reportViolation js-bookmark-report-violation-button">通報する</button></li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="entry-comment-contents js-ignorable-user-content js-bookmark-item js-user-bookmark-comment" data-user-name="aquarickn" data-url="https://zenn.dev/ak/articles/c28fa3a9ba7edb"> <div class="entry-comment-contents-main"> <a href="/aquarickn/" class="entry-user-icon" data-gtm-label="entry-recent-icon"><img src="https://cdn.profile-image.st-hatena.com/users/aquarickn/profile.png"/ alt="aquarickn" title="aquarickn"></a> <div class="entry-comments-contents-body"> <span class="entry-comment-username"><a href="/aquarickn/" data-gtm-label="entry-recent-username">aquarickn</a></span> <span class="entry-comment-text js-bookmark-comment">色使いとか最初の説明の順番とか最高やないか</span> <ul class="entry-comment-tags"> </ul> <div class="entry-comment-contents-foot"> <p class="entry-comment-meta"> <span class="entry-comment-timestamp"><a class="js-bookmark-anchor-path" data-gtm-label="entry-recent-timestamp" href="https://b.hatena.ne.jp/aquarickn/20210507#bookmark-4702229688091821634">2021/05/07</a></span> <span class="entry-comment-permalink"> <a data-gtm-label="entry-recent-permalink" href="/entry/4702229688091821634/comment/aquarickn" rel="">リンク</a> </span> <span class="list-star-container js-list-star-container"></span> <span class="twitter-click js-short-url-clicks"></span> </p> <div class="entry-comment-menus"> <div class="js-add-star-container add-star-container"></div> <div data-location-id="4702229688091821634" data-user-name="aquarickn" class="is-hidden js-bookmark-downvote-container entry-comment-menu-minusvote"> <input type="checkbox" class="js-bookmark-downvote-checkbox entry-comment-menu-minusvote-checkbox" title="マイナス評価"> </div> <div class="ui-contextMenu entry-comment-menu-more js-bookmark-menu-button" onclick> <div class="ui-contextMenu-btn entry-comment-menu-more-btn" tabindex="0" role="button"><span>その他</span></div> <div class="ui-contextMenu-list entry-comment-menu-more-list"> <ul tabindex="-1"> <li> <button type="button" class="ui-contextMenu-listItem entry-comment-followuser js-entry-comment-followuser">お気に入りに追加</button> <button type="button" class="ui-contextMenu-listItem entry-comment-unfollowuser js-entry-comment-unfollowuser is-hidden">お気に入りを解除</button> </li> <li> <button type="button" class="ui-contextMenu-listItem entry-comment-ignoreuser js-entry-comment-ignoreuser">ユーザーを非表示</button> <button type="button" class="ui-contextMenu-listItem entry-comment-unignoreuser js-entry-comment-unignoreuser is-hidden" data-unignore-msg-hover="ユーザーを表示" data-unignore-msg="非表示に設定済み"><span class="is-hidden">ユーザーを表示</span></button> </li> <li><button type="button" class="ui-contextMenu-listItem entry-comment-reportViolation js-bookmark-report-violation-button">通報する</button></li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="entry-comment-contents js-ignorable-user-content js-bookmark-item js-user-bookmark-comment" data-user-name="gyochan" data-url="https://zenn.dev/ak/articles/c28fa3a9ba7edb"> <div class="entry-comment-contents-main"> <a href="/gyochan/" class="entry-user-icon" data-gtm-label="entry-recent-icon"><img src="https://cdn.profile-image.st-hatena.com/users/gyochan/profile.png"/ alt="gyochan" title="gyochan"></a> <div class="entry-comments-contents-body"> <span class="entry-comment-username"><a href="/gyochan/" data-gtm-label="entry-recent-username">gyochan</a></span> <span class="entry-comment-text js-bookmark-comment">時間経過とそれがいつ起こるかのタイムライン（WBSちっくなヤツ）があるとありがたいなー（要求）defer属性、async属性、むにゃむにゃ…</span> <ul class="entry-comment-tags"> </ul> <div class="entry-comment-contents-foot"> <p class="entry-comment-meta"> <span class="entry-comment-timestamp"><a class="js-bookmark-anchor-path" data-gtm-label="entry-recent-timestamp" href="https://b.hatena.ne.jp/gyochan/20210507#bookmark-4702229688091821634">2021/05/07</a></span> <span class="entry-comment-permalink"> <a data-gtm-label="entry-recent-permalink" href="/entry/4702229688091821634/comment/gyochan" rel="">リンク</a> </span> <span class="list-star-container js-list-star-container"></span> <span class="twitter-click js-short-url-clicks"></span> </p> <div class="entry-comment-menus"> <div class="js-add-star-container add-star-container"></div> <div data-location-id="4702229688091821634" data-user-name="gyochan" class="is-hidden js-bookmark-downvote-container entry-comment-menu-minusvote"> <input type="checkbox" class="js-bookmark-downvote-checkbox entry-comment-menu-minusvote-checkbox" title="マイナス評価"> </div> <div class="ui-contextMenu entry-comment-menu-more js-bookmark-menu-button" onclick> <div class="ui-contextMenu-btn entry-comment-menu-more-btn" tabindex="0" role="button"><span>その他</span></div> <div class="ui-contextMenu-list entry-comment-menu-more-list"> <ul tabindex="-1"> <li> <button type="button" class="ui-contextMenu-listItem entry-comment-followuser js-entry-comment-followuser">お気に入りに追加</button> <button type="button" class="ui-contextMenu-listItem entry-comment-unfollowuser js-entry-comment-unfollowuser is-hidden">お気に入りを解除</button> </li> <li> <button type="button" class="ui-contextMenu-listItem entry-comment-ignoreuser js-entry-comment-ignoreuser">ユーザーを非表示</button> <button type="button" class="ui-contextMenu-listItem entry-comment-unignoreuser js-entry-comment-unignoreuser is-hidden" data-unignore-msg-hover="ユーザーを表示" data-unignore-msg="非表示に設定済み"><span class="is-hidden">ユーザーを表示</span></button> </li> <li><button type="button" class="ui-contextMenu-listItem entry-comment-reportViolation js-bookmark-report-violation-button">通報する</button></li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="entry-comment-contents js-ignorable-user-content js-bookmark-item js-user-bookmark-comment" data-user-name="yoiIT" data-url="https://zenn.dev/ak/articles/c28fa3a9ba7edb"> <div class="entry-comment-contents-main"> <a href="/yoiIT/" class="entry-user-icon" data-gtm-label="entry-recent-icon"><img src="https://cdn.profile-image.st-hatena.com/users/yoiIT/profile.png"/ alt="yoiIT" title="yoiIT"></a> <div class="entry-comments-contents-body"> <span class="entry-comment-username"><a href="/yoiIT/" data-gtm-label="entry-recent-username">yoiIT</a></span> <span class="entry-comment-text js-bookmark-comment">分かりやすい</span> <ul class="entry-comment-tags"> </ul> <div class="entry-comment-contents-foot"> <p class="entry-comment-meta"> <span class="entry-comment-timestamp"><a class="js-bookmark-anchor-path" data-gtm-label="entry-recent-timestamp" href="https://b.hatena.ne.jp/yoiIT/20210507#bookmark-4702229688091821634">2021/05/07</a></span> <span class="entry-comment-permalink"> <a data-gtm-label="entry-recent-permalink" href="/entry/4702229688091821634/comment/yoiIT" rel="nofollow">リンク</a> </span> <span class="list-star-container js-list-star-container"></span> <span class="twitter-click js-short-url-clicks"></span> </p> <div class="entry-comment-menus"> <div class="js-add-star-container add-star-container"></div> <div data-location-id="4702229688091821634" data-user-name="yoiIT" class="is-hidden js-bookmark-downvote-container entry-comment-menu-minusvote"> <input type="checkbox" class="js-bookmark-downvote-checkbox entry-comment-menu-minusvote-checkbox" title="マイナス評価"> </div> <div class="ui-contextMenu entry-comment-menu-more js-bookmark-menu-button" onclick> <div class="ui-contextMenu-btn entry-comment-menu-more-btn" tabindex="0" role="button"><span>その他</span></div> <div class="ui-contextMenu-list entry-comment-menu-more-list"> <ul tabindex="-1"> <li> <button type="button" class="ui-contextMenu-listItem entry-comment-followuser js-entry-comment-followuser">お気に入りに追加</button> <button type="button" class="ui-contextMenu-listItem entry-comment-unfollowuser js-entry-comment-unfollowuser is-hidden">お気に入りを解除</button> </li> <li> <button type="button" class="ui-contextMenu-listItem entry-comment-ignoreuser js-entry-comment-ignoreuser">ユーザーを非表示</button> <button type="button" class="ui-contextMenu-listItem entry-comment-unignoreuser js-entry-comment-unignoreuser is-hidden" data-unignore-msg-hover="ユーザーを表示" data-unignore-msg="非表示に設定済み"><span class="is-hidden">ユーザーを表示</span></button> </li> <li><button type="button" class="ui-contextMenu-listItem entry-comment-reportViolation js-bookmark-report-violation-button">通報する</button></li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="entry-comment-contents js-ignorable-user-content js-bookmark-item js-user-bookmark-comment" data-user-name="yarumato" data-url="https://zenn.dev/ak/articles/c28fa3a9ba7edb"> <div class="entry-comment-contents-main"> <a href="/yarumato/" class="entry-user-icon" data-gtm-label="entry-recent-icon"><img src="https://cdn.profile-image.st-hatena.com/users/yarumato/profile.png"/ alt="yarumato" title="yarumato"></a> <div class="entry-comments-contents-body"> <span class="entry-comment-username"><a href="/yarumato/" data-gtm-label="entry-recent-username">yarumato</a></span> <span class="entry-comment-text js-bookmark-comment">“HTMLの解析　BytesからCharactersに変換　Tokensに変換　(DOM)Nodesに変換　DOMの構築　CSSの解析　CSSOMの構築”</span> <ul class="entry-comment-tags"> </ul> <div class="entry-comment-contents-foot"> <p class="entry-comment-meta"> <span class="entry-comment-timestamp"><a class="js-bookmark-anchor-path" data-gtm-label="entry-recent-timestamp" href="https://b.hatena.ne.jp/yarumato/20210507#bookmark-4702229688091821634">2021/05/07</a></span> <span class="entry-comment-permalink"> <a data-gtm-label="entry-recent-permalink" href="/entry/4702229688091821634/comment/yarumato" rel="">リンク</a> </span> <span class="list-star-container js-list-star-container"></span> <span class="twitter-click js-short-url-clicks"></span> </p> <div class="entry-comment-menus"> <div class="js-add-star-container add-star-container"></div> <div data-location-id="4702229688091821634" data-user-name="yarumato" class="is-hidden js-bookmark-downvote-container entry-comment-menu-minusvote"> <input type="checkbox" class="js-bookmark-downvote-checkbox entry-comment-menu-minusvote-checkbox" title="マイナス評価"> </div> <div class="ui-contextMenu entry-comment-menu-more js-bookmark-menu-button" onclick> <div class="ui-contextMenu-btn entry-comment-menu-more-btn" tabindex="0" role="button"><span>その他</span></div> <div class="ui-contextMenu-list entry-comment-menu-more-list"> <ul tabindex="-1"> <li> <button type="button" class="ui-contextMenu-listItem entry-comment-followuser js-entry-comment-followuser">お気に入りに追加</button> <button type="button" class="ui-contextMenu-listItem entry-comment-unfollowuser js-entry-comment-unfollowuser is-hidden">お気に入りを解除</button> </li> <li> <button type="button" class="ui-contextMenu-listItem entry-comment-ignoreuser js-entry-comment-ignoreuser">ユーザーを非表示</button> <button type="button" class="ui-contextMenu-listItem entry-comment-unignoreuser js-entry-comment-unignoreuser is-hidden" data-unignore-msg-hover="ユーザーを表示" data-unignore-msg="非表示に設定済み"><span class="is-hidden">ユーザーを表示</span></button> </li> <li><button type="button" class="ui-contextMenu-listItem entry-comment-reportViolation js-bookmark-report-violation-button">通報する</button></li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="entry-comment-contents js-ignorable-user-content js-bookmark-item js-user-bookmark-comment" data-user-name="Shinwiki" data-url="https://zenn.dev/ak/articles/c28fa3a9ba7edb"> <div class="entry-comment-contents-main"> <a href="/Shinwiki/" class="entry-user-icon" data-gtm-label="entry-recent-icon"><img src="https://cdn.profile-image.st-hatena.com/users/Shinwiki/profile.png"/ alt="Shinwiki" title="Shinwiki"></a> <div class="entry-comments-contents-body"> <span class="entry-comment-username"><a href="/Shinwiki/" data-gtm-label="entry-recent-username">Shinwiki</a></span> <span class="entry-comment-text js-bookmark-comment">ぷにるとかLunascapeとかあんドーナツもこうなの？</span> <ul class="entry-comment-tags"> </ul> <div class="entry-comment-contents-foot"> <p class="entry-comment-meta"> <span class="entry-comment-timestamp"><a class="js-bookmark-anchor-path" data-gtm-label="entry-recent-timestamp" href="https://b.hatena.ne.jp/Shinwiki/20210507#bookmark-4702229688091821634">2021/05/07</a></span> <span class="entry-comment-permalink"> <a data-gtm-label="entry-recent-permalink" href="/entry/4702229688091821634/comment/Shinwiki" rel="">リンク</a> </span> <span class="list-star-container js-list-star-container"></span> <span class="twitter-click js-short-url-clicks"></span> </p> <div class="entry-comment-menus"> <div class="js-add-star-container add-star-container"></div> <div data-location-id="4702229688091821634" data-user-name="Shinwiki" class="is-hidden js-bookmark-downvote-container entry-comment-menu-minusvote"> <input type="checkbox" class="js-bookmark-downvote-checkbox entry-comment-menu-minusvote-checkbox" title="マイナス評価"> </div> <div class="ui-contextMenu entry-comment-menu-more js-bookmark-menu-button" onclick> <div class="ui-contextMenu-btn entry-comment-menu-more-btn" tabindex="0" role="button"><span>その他</span></div> <div class="ui-contextMenu-list entry-comment-menu-more-list"> <ul tabindex="-1"> <li> <button type="button" class="ui-contextMenu-listItem entry-comment-followuser js-entry-comment-followuser">お気に入りに追加</button> <button type="button" class="ui-contextMenu-listItem entry-comment-unfollowuser js-entry-comment-unfollowuser is-hidden">お気に入りを解除</button> </li> <li> <button type="button" class="ui-contextMenu-listItem entry-comment-ignoreuser js-entry-comment-ignoreuser">ユーザーを非表示</button> <button type="button" class="ui-contextMenu-listItem entry-comment-unignoreuser js-entry-comment-unignoreuser is-hidden" data-unignore-msg-hover="ユーザーを表示" data-unignore-msg="非表示に設定済み"><span class="is-hidden">ユーザーを表示</span></button> </li> <li><button type="button" class="ui-contextMenu-listItem entry-comment-reportViolation js-bookmark-report-violation-button">通報する</button></li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="entry-comment-contents js-ignorable-user-content js-bookmark-item js-user-bookmark-comment" data-user-name="kiriyoke" data-url="https://zenn.dev/ak/articles/c28fa3a9ba7edb"> <div class="entry-comment-contents-main"> <a href="/kiriyoke/" class="entry-user-icon" data-gtm-label="entry-recent-icon"><img src="https://cdn.profile-image.st-hatena.com/users/kiriyoke/profile.png"/ alt="kiriyoke" title="kiriyoke"></a> <div class="entry-comments-contents-body"> <span class="entry-comment-username"><a href="/kiriyoke/" data-gtm-label="entry-recent-username">kiriyoke</a></span> <span class="entry-comment-text js-bookmark-comment">ブラウザの仕組みは知らなかったのでありがたい記事だった</span> <ul class="entry-comment-tags"> </ul> <div class="entry-comment-contents-foot"> <p class="entry-comment-meta"> <span class="entry-comment-timestamp"><a class="js-bookmark-anchor-path" data-gtm-label="entry-recent-timestamp" href="https://b.hatena.ne.jp/kiriyoke/20210507#bookmark-4702229688091821634">2021/05/07</a></span> <span class="entry-comment-permalink"> <a data-gtm-label="entry-recent-permalink" href="/entry/4702229688091821634/comment/kiriyoke" rel="">リンク</a> </span> <span class="list-star-container js-list-star-container"></span> <span class="twitter-click js-short-url-clicks"></span> </p> <div class="entry-comment-menus"> <div class="js-add-star-container add-star-container"></div> <div data-location-id="4702229688091821634" data-user-name="kiriyoke" class="is-hidden js-bookmark-downvote-container entry-comment-menu-minusvote"> <input type="checkbox" class="js-bookmark-downvote-checkbox entry-comment-menu-minusvote-checkbox" title="マイナス評価"> </div> <div class="ui-contextMenu entry-comment-menu-more js-bookmark-menu-button" onclick> <div class="ui-contextMenu-btn entry-comment-menu-more-btn" tabindex="0" role="button"><span>その他</span></div> <div class="ui-contextMenu-list entry-comment-menu-more-list"> <ul tabindex="-1"> <li> <button type="button" class="ui-contextMenu-listItem entry-comment-followuser js-entry-comment-followuser">お気に入りに追加</button> <button type="button" class="ui-contextMenu-listItem entry-comment-unfollowuser js-entry-comment-unfollowuser is-hidden">お気に入りを解除</button> </li> <li> <button type="button" class="ui-contextMenu-listItem entry-comment-ignoreuser js-entry-comment-ignoreuser">ユーザーを非表示</button> <button type="button" class="ui-contextMenu-listItem entry-comment-unignoreuser js-entry-comment-unignoreuser is-hidden" data-unignore-msg-hover="ユーザーを表示" data-unignore-msg="非表示に設定済み"><span class="is-hidden">ユーザーを表示</span></button> </li> <li><button type="button" class="ui-contextMenu-listItem entry-comment-reportViolation js-bookmark-report-violation-button">通報する</button></li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="entry-comment-contents js-ignorable-user-content js-bookmark-item js-user-bookmark-comment" data-user-name="arebouya" data-url="https://zenn.dev/ak/articles/c28fa3a9ba7edb"> <div class="entry-comment-contents-main"> <a href="/arebouya/" class="entry-user-icon" data-gtm-label="entry-recent-icon"><img src="https://cdn.profile-image.st-hatena.com/users/arebouya/profile.png"/ alt="arebouya" title="arebouya"></a> <div class="entry-comments-contents-body"> <span class="entry-comment-username"><a href="/arebouya/" data-gtm-label="entry-recent-username">arebouya</a></span> <span class="entry-comment-text js-bookmark-comment">エンジニア時代に知りたかった。業務では直接使わない知識だったけど、あれば絶対一読してた。</span> <ul class="entry-comment-tags"> </ul> <div class="entry-comment-contents-foot"> <p class="entry-comment-meta"> <span class="entry-comment-timestamp"><a class="js-bookmark-anchor-path" data-gtm-label="entry-recent-timestamp" href="https://b.hatena.ne.jp/arebouya/20210507#bookmark-4702229688091821634">2021/05/07</a></span> <span class="entry-comment-permalink"> <a data-gtm-label="entry-recent-permalink" href="/entry/4702229688091821634/comment/arebouya" rel="">リンク</a> </span> <span class="list-star-container js-list-star-container"></span> <span class="twitter-click js-short-url-clicks"></span> </p> <div class="entry-comment-menus"> <div class="js-add-star-container add-star-container"></div> <div data-location-id="4702229688091821634" data-user-name="arebouya" class="is-hidden js-bookmark-downvote-container entry-comment-menu-minusvote"> <input type="checkbox" class="js-bookmark-downvote-checkbox entry-comment-menu-minusvote-checkbox" title="マイナス評価"> </div> <div class="ui-contextMenu entry-comment-menu-more js-bookmark-menu-button" onclick> <div class="ui-contextMenu-btn entry-comment-menu-more-btn" tabindex="0" role="button"><span>その他</span></div> <div class="ui-contextMenu-list entry-comment-menu-more-list"> <ul tabindex="-1"> <li> <button type="button" class="ui-contextMenu-listItem entry-comment-followuser js-entry-comment-followuser">お気に入りに追加</button> <button type="button" class="ui-contextMenu-listItem entry-comment-unfollowuser js-entry-comment-unfollowuser is-hidden">お気に入りを解除</button> </li> <li> <button type="button" class="ui-contextMenu-listItem entry-comment-ignoreuser js-entry-comment-ignoreuser">ユーザーを非表示</button> <button type="button" class="ui-contextMenu-listItem entry-comment-unignoreuser js-entry-comment-unignoreuser is-hidden" data-unignore-msg-hover="ユーザーを表示" data-unignore-msg="非表示に設定済み"><span class="is-hidden">ユーザーを表示</span></button> </li> <li><button type="button" class="ui-contextMenu-listItem entry-comment-reportViolation js-bookmark-report-violation-button">通報する</button></li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="entry-comment-contents js-ignorable-user-content js-bookmark-item js-user-bookmark-comment" data-user-name="remix-cafe" data-url="https://zenn.dev/ak/articles/c28fa3a9ba7edb"> <div class="entry-comment-contents-main"> <a href="/remix-cafe/" class="entry-user-icon" data-gtm-label="entry-recent-icon"><img src="https://cdn.profile-image.st-hatena.com/users/remix-cafe/profile.png"/ alt="remix-cafe" title="remix-cafe"></a> <div class="entry-comments-contents-body"> <span class="entry-comment-username"><a href="/remix-cafe/" data-gtm-label="entry-recent-username">remix-cafe</a></span> <span class="entry-comment-text js-bookmark-comment">メモ</span> <ul class="entry-comment-tags"> </ul> <div class="entry-comment-contents-foot"> <p class="entry-comment-meta"> <span class="entry-comment-timestamp"><a class="js-bookmark-anchor-path" data-gtm-label="entry-recent-timestamp" href="https://b.hatena.ne.jp/remix-cafe/20210507#bookmark-4702229688091821634">2021/05/07</a></span> <span class="entry-comment-permalink"> <a data-gtm-label="entry-recent-permalink" href="/entry/4702229688091821634/comment/remix-cafe" rel="nofollow">リンク</a> </span> <span class="list-star-container js-list-star-container"></span> <span class="twitter-click js-short-url-clicks"></span> </p> <div class="entry-comment-menus"> <div class="js-add-star-container add-star-container"></div> <div data-location-id="4702229688091821634" data-user-name="remix-cafe" class="is-hidden js-bookmark-downvote-container entry-comment-menu-minusvote"> <input type="checkbox" class="js-bookmark-downvote-checkbox entry-comment-menu-minusvote-checkbox" title="マイナス評価"> </div> <div class="ui-contextMenu entry-comment-menu-more js-bookmark-menu-button" onclick> <div class="ui-contextMenu-btn entry-comment-menu-more-btn" tabindex="0" role="button"><span>その他</span></div> <div class="ui-contextMenu-list entry-comment-menu-more-list"> <ul tabindex="-1"> <li> <button type="button" class="ui-contextMenu-listItem entry-comment-followuser js-entry-comment-followuser">お気に入りに追加</button> <button type="button" class="ui-contextMenu-listItem entry-comment-unfollowuser js-entry-comment-unfollowuser is-hidden">お気に入りを解除</button> </li> <li> <button type="button" class="ui-contextMenu-listItem entry-comment-ignoreuser js-entry-comment-ignoreuser">ユーザーを非表示</button> <button type="button" class="ui-contextMenu-listItem entry-comment-unignoreuser js-entry-comment-unignoreuser is-hidden" data-unignore-msg-hover="ユーザーを表示" data-unignore-msg="非表示に設定済み"><span class="is-hidden">ユーザーを表示</span></button> </li> <li><button type="button" class="ui-contextMenu-listItem entry-comment-reportViolation js-bookmark-report-violation-button">通報する</button></li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="entry-comment-contents js-ignorable-user-content js-bookmark-item js-user-bookmark-comment" data-user-name="mitsuok-33" data-url="https://zenn.dev/ak/articles/c28fa3a9ba7edb"> <div class="entry-comment-contents-main"> <a href="/mitsuok-33/" class="entry-user-icon" data-gtm-label="entry-recent-icon"><img src="https://cdn.profile-image.st-hatena.com/users/mitsuok-33/profile.png"/ alt="mitsuok-33" title="mitsuok-33"></a> <div class="entry-comments-contents-body"> <span class="entry-comment-username"><a href="/mitsuok-33/" data-gtm-label="entry-recent-username">mitsuok-33</a></span> <span class="entry-comment-text js-bookmark-comment">大学の講義レベルの内容が詰まった良記事。直接仕事に生きることではないんだけどね。</span> <ul class="entry-comment-tags"> </ul> <div class="entry-comment-contents-foot"> <p class="entry-comment-meta"> <span class="entry-comment-timestamp"><a class="js-bookmark-anchor-path" data-gtm-label="entry-recent-timestamp" href="https://b.hatena.ne.jp/mitsuok-33/20210507#bookmark-4702229688091821634">2021/05/07</a></span> <span class="entry-comment-permalink"> <a data-gtm-label="entry-recent-permalink" href="/entry/4702229688091821634/comment/mitsuok-33" rel="">リンク</a> </span> <span class="list-star-container js-list-star-container"></span> <span class="twitter-click js-short-url-clicks"></span> </p> <div class="entry-comment-menus"> <div class="js-add-star-container add-star-container"></div> <div data-location-id="4702229688091821634" data-user-name="mitsuok-33" class="is-hidden js-bookmark-downvote-container entry-comment-menu-minusvote"> <input type="checkbox" class="js-bookmark-downvote-checkbox entry-comment-menu-minusvote-checkbox" title="マイナス評価"> </div> <div class="ui-contextMenu entry-comment-menu-more js-bookmark-menu-button" onclick> <div class="ui-contextMenu-btn entry-comment-menu-more-btn" tabindex="0" role="button"><span>その他</span></div> <div class="ui-contextMenu-list entry-comment-menu-more-list"> <ul tabindex="-1"> <li> <button type="button" class="ui-contextMenu-listItem entry-comment-followuser js-entry-comment-followuser">お気に入りに追加</button> <button type="button" class="ui-contextMenu-listItem entry-comment-unfollowuser js-entry-comment-unfollowuser is-hidden">お気に入りを解除</button> </li> <li> <button type="button" class="ui-contextMenu-listItem entry-comment-ignoreuser js-entry-comment-ignoreuser">ユーザーを非表示</button> <button type="button" class="ui-contextMenu-listItem entry-comment-unignoreuser js-entry-comment-unignoreuser is-hidden" data-unignore-msg-hover="ユーザーを表示" data-unignore-msg="非表示に設定済み"><span class="is-hidden">ユーザーを表示</span></button> </li> <li><button type="button" class="ui-contextMenu-listItem entry-comment-reportViolation js-bookmark-report-violation-button">通報する</button></li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="entry-comment-contents js-ignorable-user-content js-bookmark-item js-user-bookmark-comment" data-user-name="modal_soul" data-url="https://zenn.dev/ak/articles/c28fa3a9ba7edb"> <div class="entry-comment-contents-main"> <a href="/modal_soul/" class="entry-user-icon" data-gtm-label="entry-recent-icon"><img src="https://cdn.profile-image.st-hatena.com/users/modal_soul/profile.png"/ alt="modal_soul" title="modal_soul"></a> <div class="entry-comments-contents-body"> <span class="entry-comment-username"><a href="/modal_soul/" data-gtm-label="entry-recent-username">modal_soul</a></span> <span class="entry-comment-text js-bookmark-comment">ハイパフォーマンスブラウザネットワーキングのブラウザ寄りの話って感じ。リクエストからコンテンツ取得するまでのところも面白いよね</span> <ul class="entry-comment-tags"> </ul> <div class="entry-comment-contents-foot"> <p class="entry-comment-meta"> <span class="entry-comment-timestamp"><a class="js-bookmark-anchor-path" data-gtm-label="entry-recent-timestamp" href="https://b.hatena.ne.jp/modal_soul/20210507#bookmark-4702229688091821634">2021/05/07</a></span> <span class="entry-comment-permalink"> <a data-gtm-label="entry-recent-permalink" href="/entry/4702229688091821634/comment/modal_soul" rel="">リンク</a> </span> <span class="list-star-container js-list-star-container"></span> <span class="twitter-click js-short-url-clicks"></span> </p> <div class="entry-comment-menus"> <div class="js-add-star-container add-star-container"></div> <div data-location-id="4702229688091821634" data-user-name="modal_soul" class="is-hidden js-bookmark-downvote-container entry-comment-menu-minusvote"> <input type="checkbox" class="js-bookmark-downvote-checkbox entry-comment-menu-minusvote-checkbox" title="マイナス評価"> </div> <div class="ui-contextMenu entry-comment-menu-more js-bookmark-menu-button" onclick> <div class="ui-contextMenu-btn entry-comment-menu-more-btn" tabindex="0" role="button"><span>その他</span></div> <div class="ui-contextMenu-list entry-comment-menu-more-list"> <ul tabindex="-1"> <li> <button type="button" class="ui-contextMenu-listItem entry-comment-followuser js-entry-comment-followuser">お気に入りに追加</button> <button type="button" class="ui-contextMenu-listItem entry-comment-unfollowuser js-entry-comment-unfollowuser is-hidden">お気に入りを解除</button> </li> <li> <button type="button" class="ui-contextMenu-listItem entry-comment-ignoreuser js-entry-comment-ignoreuser">ユーザーを非表示</button> <button type="button" class="ui-contextMenu-listItem entry-comment-unignoreuser js-entry-comment-unignoreuser is-hidden" data-unignore-msg-hover="ユーザーを表示" data-unignore-msg="非表示に設定済み"><span class="is-hidden">ユーザーを表示</span></button> </li> <li><button type="button" class="ui-contextMenu-listItem entry-comment-reportViolation js-bookmark-report-violation-button">通報する</button></li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> <div class="comment-list-collaplse-box js-comment-list-collaplse is-hidden"> <div class="comment-list-collaplse"> <button class="js-comment-list-expand-button">コメントの続きを表示</button> </div> </div> <div class="entry-comment-readmore js-read-more"> <button id="new-bookmarks-readmore" class="js-read-more-button entry-comment-readmore-btn"> <span class="js-read-more-label js-read-more-ready">Readmore</span> <span class="js-read-more-label js-read-more-waiting is-hidden">残りのブックマークを読み込んでいます..</span> <span class="js-read-more-label js-read-more-error is-hidden">残りのブックマークを読み込めませんでした</span> </button> </div> </div> </div> <div class="entry-comment-box-guest js-entry-comment-guest is-hidden"> <a href="https://www.hatena.ne.jp/register?location=https%3A%2F%2Fb.hatena.ne.jp%2Fmy%2Fadd.confirm%3Furl%3Dhttps%253A%252F%252Fzenn.dev%252Fak%252Farticles%252Fc28fa3a9ba7edb%26registered_from%3Dentry-comment-user-icon&via=201038" class="entry-comment-user-icon js-register-modal-link" data-gtm-label="entry-comment-user-icon"><img src="https://b.st-hatena.com/94abb00c8e4c54e0574b5d19a77fa5ce4e9a125e/images/v4/public/profile.gif" alt="ゲスト" title="ゲスト"></a> <div class="entry-comment-main"> <a href="https://www.hatena.ne.jp/register?location=https%3A%2F%2Fb.hatena.ne.jp%2Fmy%2Fadd.confirm%3Furl%3Dhttps%253A%252F%252Fzenn.dev%252Fak%252Farticles%252Fc28fa3a9ba7edb%26registered_from%3Dentry-comment-form&via=201038" class="entry-comment-form js-register-modal-link" data-gtm-label="entry-comment-form">コメントするにはログインが必要です</a> <a href="https://www.hatena.ne.jp/register?location=https%3A%2F%2Fb.hatena.ne.jp%2Fmy%2Fadd.confirm%3Furl%3Dhttps%253A%252F%252Fzenn.dev%252Fak%252Farticles%252Fc28fa3a9ba7edb%26registered_from%3Dentry-comment-button&via=201038" class="entry-comment-button js-register-modal-link" data-gtm-label="entry-comment-button"><span>ログインしてコメント</span></a> </div> </div> <div class="entry-comment-box-login js-entry-myBookmark-form-button is-hidden"> <button type="button" class="entry-myBookmark-form-button"><span>コメントを追加</span></button> </div> <div class="entry-comment-note-wrapper"> <p class="entry-comment-note">注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています</p> </div> </div> </div> <div class="entry-subMenu"> <button type="button" class="js-entry-subMenu-embed entry-subMenu-embed" data-gtm-label="entry-subMenu-embed">リンクを埋め込む</button> <div class="entry-embedModal js-entry-embed-modal is-hidden"> <div class="entry-embedModal-window js-entry-embed-modal-window"> <h3 class="entry-embedModal-title">リンクを埋め込む</h3> <p class="entry-embedModal-description">以下のコードをコピーしてサイトに埋め込むことができます</p> <textarea name="" id="" class="entry-embedModal-textarea js-entry-embed-textarea" readonly> <iframe marginwidth="0" marginheight="0" src="https://b.hatena.ne.jp/entry.parts?url=https%3A%2F%2Fzenn.dev%2Fak%2Farticles%2Fc28fa3a9ba7edb" scrolling="no" frameborder="0" height="230" width="500"><div class="hatena-bookmark-detail-info"><a href="https://zenn.dev/ak/articles/c28fa3a9ba7edb">ブラウザレンダリングの仕組み</a><a href="https://b.hatena.ne.jp/entry/s/zenn.dev/ak/articles/c28fa3a9ba7edb">はてなブックマーク - ブラウザレンダリングの仕組み</a></div></iframe> </textarea> <h5 class="entry-embedModal-preview">プレビュー</h5> <div class="js-entry-embed-modal-preview" data-src-url="https://b.hatena.ne.jp/entry.parts?url=https%3A%2F%2Fzenn.dev%2Fak%2Farticles%2Fc28fa3a9ba7edb"> <iframe marginwidth="0" marginheight="0" src="" scrolling="no" frameborder="0" height="230" width="500"><div class="hatena-bookmark-detail-info"><a href="https://zenn.dev/ak/articles/c28fa3a9ba7edb">ブラウザレンダリングの仕組み</a><a href="https://b.hatena.ne.jp/entry/s/zenn.dev/ak/articles/c28fa3a9ba7edb">はてなブックマーク - ブラウザレンダリングの仕組み</a></div></iframe> </div> <div class="entry-embedModal-menu"> <div class="entry-embedModal-others"> <p class="entry-embedModal-item"><a href="/guide/bbutton?url=https%3A%2F%2Fzenn.dev%2Fak%2Farticles%2Fc28fa3a9ba7edb">はてなブックマークボタンを作成して埋め込むこともできます</a></p> </div> </div> <button type="button" class="entry-embedModal-close js-entry-embed-modal-close"><img src="https://b.st-hatena.com/94abb00c8e4c54e0574b5d19a77fa5ce4e9a125e/images/v4/public/entry/overlay-close-gray.svg" alt="閉じる"></button> </div> </div> <div class="js-entry-submenu-only-logged-in is-hidden" data-url="https://zenn.dev/ak/articles/c28fa3a9ba7edb"> <aside id="owner-bookmark-visibility" class="js-entry-owners-data entry-subMenu-owners" data-entry-url="https://zenn.dev/ak/articles/c28fa3a9ba7edb"> <script type="text/x-template" id="owner-bookmark-visibility-template"> <span class="entry-subMenu-owners-help">このページのオーナーなので<br>コメントを非表示にできます</span> <a href="/my/site/https%3A%2F%2Fzenn.dev%2Fak%2Farticles%2Fc28fa3a9ba7edb/visibility">コメント表示の設定</a> </script> </aside> <span class="entry-subMenu-report js-entry-submenu-report" data-gtm-label="entry-subMenu-report"><a href="#">規約違反を報告</a></span> </div> </div> <div class="entry-app-link"> <img class="entry-app-link-image" src="https://b.st-hatena.com/94abb00c8e4c54e0574b5d19a77fa5ce4e9a125e/images/v4/public/entry/app-screenshot.png" alt="アプリのスクリーンショット"> <div class="entry-app-link-description"> <div class="entry-app-link-description-innner"> いまの話題をアプリでチェック！ <ul class="entry-app-link-list"> <li class="entry-app-link-item">バナー広告なし</li> <li class="entry-app-link-item">ミュート機能あり</li> <li class="entry-app-link-item">ダークモード搭載</li> </ul> <a class="entry-app-link-btn styleguide-btn-primary" href="https://hatenabookmark.page.link/app">アプリをダウンロード</a> </div> </div> </div> <div class="entry-ad-pc-rectangle-double"> <div id="entry-double-rectangle-left"></div> <div id="entry-double-rectangle-right"></div> </div> <div class="entry-ad-sp-rectangle"> <div id="entry-ad-sp-below-comments"></div> </div> <section class="entry-relationContents"> <h3 class="entry-relationContents-sectionTitle">関連記事</h3> <ul class="entry-relationContents-list js-entry-relationContents-list" data-entry-url="https://zenn.dev/ak/articles/c28fa3a9ba7edb"> <script type="text/x-template" id="entry-relationContents-template"> <li> <div class="entry-relationContents-text"> <img src="{{ favicon_url }}" alt="" width="16px" height="16px" class="entry-relationContents-favicon"> <h4 class="entry-relationContents-title"><a href="{{ entry_url }}" title="{{ title }}" data-gtm-label="entry-relationContents-title">{{ truncated_title }}</a></h4> <p><span class="entry-relationContents-users"><a href="{{ entry_url }}" data-gtm-label="entry-relationContents-users">{{ total_bookmarks_with_user_postfix }}</a></span><span class="entry-relationContents-domain"><a href="{{ site_search_url }}" data-gtm-label="entry-relationContents-domain">{{ root_title }}</a></span></p> </div> </li> </script> </ul> </section> <div class="entry-notificationModal js-first-bookmark-modal is-hidden" > <div class="entry-notificationModal-window js-modal-content"> <div class="entry-notificationModal-image js-first-bookmark-animation"></div> <h3 class="entry-notificationModal-title"><span class="js-first-bookmark-count"></span>usersに達しました！</h3> <p class="entry-notificationModal-text"><span class="js-first-bookmarker-name"></span>さんが1番目にブックマークした記事「ブラウザレンダリ...」が注目されています。</p> <p class="entry-notificationModal-share-text">気持ちをシェアしよう</p> <a href="" target="_blank" rel="noopener" class="entry-notificationModal-share-button js-entry-notificationModal-share-button" data-gtm-click-label="first-bookmark-share-twitter"> ツイートする </a> <button type="button" class="entry-notificationModal-close js-modal-close-button"> <img class="entry-notificationModal-closeImage-pc" src="https://b.st-hatena.com/94abb00c8e4c54e0574b5d19a77fa5ce4e9a125e/images/v4/public/entry/overlay-close-gray.svg" alt="閉じる"> <img class="entry-notificationModal-closeImage-sp" src="https://b.st-hatena.com/94abb00c8e4c54e0574b5d19a77fa5ce4e9a125e/images/v4/public/entry/overlay-close.svg" alt="閉じる"> </button> </div> </div> </div> <div class="entry-aside"> <div class="entry-ad-pc-rectangle"> <div id="entry-rectangle-top-right"></div> </div> <section class="entry-about js-entry-about"> <h2 class="entry-about-title"><span class="js-entry-title">ブラウザレンダリングの仕組み</span></h2> <a rel="nofollow" href="https://zenn.dev/ak/articles/c28fa3a9ba7edb" class="js-entry-link is-hidden"></a> <p class="entry-about-description js-entry-about-description"> <span class="js-entry-description-short">Webの用語を100秒で解説するチャンネルを作りました！よかったらチェックしてみてください！はじめに ...<button type="button" class="js-entry-about-description-readmore entry-about-description-readmore" data-gtm-label="entry-about-readMore">概要を表示</button></span> <span class="js-entry-description-all is-hidden">Webの用語を100秒で解説するチャンネルを作りました！よかったらチェックしてみてください！はじめに以前書いた記事「Webページがブラウザに表示されるまでに何が起こるのか？」でブラウザレンダリングについて詳細に知りたいという意見をいただいたので、調べてまとめてみました。全体図レンダリングの大まかな流れです。 <a data-gtm-click-label="entry-summary-keyword" href="/q/HTML">HTML</a>のダウンロードサーバから送られてきた<a data-gtm-click-label="entry-summary-keyword" href="/q/HTML">HTML</a>をダウンロードします。 <a data-gtm-click-label="entry-summary-keyword" href="/q/HTML">HTML</a>の解析サーバから送られてきた<a data-gtm-click-label="entry-summary-keyword" href="/q/HTML">HTML</a>ファイルは、「0」と「1」でできたデータになっています。ブラウザは、サーバから受け取ったデータをそのまま<a data-gtm-click-label="entry-summary-keyword" href="/q/HTML">HTML</a>として解釈することはできないので、自分で扱うことができる形、つまりDOMに変換する必要があります。この作業を解析 ( Parse ) と言います。 <a data-gtm-click-label="entry-summary-keyword" href="/q/HTML">HTML</a>をダウンロードしたら、すぐにこの解析作業に入ります。作業は以下のようなステップにな</span> </p> <div class="entry-about-star"> <div class="js-list-star-container"></div> <div class="js-add-star-container add-star-container"></div> </div> <ul class="entry-tags"> <li><a href="/q/%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6" class="entry-tags-contents" data-gtm-label="entry-about-tags">ブラウザ</a></li> <li><a href="/q/%E3%81%82%E3%81%A8%E3%81%A7%E8%AA%AD%E3%82%80" class="entry-tags-contents" data-gtm-label="entry-about-tags">あとで読む</a></li> <li><a href="/q/html" class="entry-tags-contents" data-gtm-label="entry-about-tags">html</a></li> <li><a href="/q/browser" class="entry-tags-contents" data-gtm-label="entry-about-tags">browser</a></li> <li><a href="/q/web" class="entry-tags-contents" data-gtm-label="entry-about-tags">web</a></li> <li><a href="/q/%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0" class="entry-tags-contents" data-gtm-label="entry-about-tags">プログラミング</a></li> <li><a href="/q/DOM" class="entry-tags-contents" data-gtm-label="entry-about-tags">DOM</a></li> <li><a href="/q/%E3%83%95%E3%83%AD%E3%83%B3%E3%83%88%E3%82%A8%E3%83%B3%E3%83%89" class="entry-tags-contents" data-gtm-label="entry-about-tags">フロントエンド</a></li> <li><a href="/q/javascript" class="entry-tags-contents" data-gtm-label="entry-about-tags">javascript</a></li> <li><a href="/q/%E3%82%B3%E3%83%BC%E3%83%89" class="entry-tags-contents" data-gtm-label="entry-about-tags">コード</a></li> </ul> </section> <section class="entry-bookmarkUsers js-bookmarker-icons"> <h3 class="entry-bookmarkUsers-title">ブックマークしたユーザー</h3> <ul class="entry-bookmarkUsers-list js-bookmarkers"> <li role="link" tabIndex="0" class="bookmarker js-bookmarker js-ignorable-user-content" data-gtm-label="entry-bookmarkUsers-icon" data-user-name="fivestech" data-created="20240301" data-location-id="4702229688091821634"> <span class="entry-bookmarkUsers-meta"> <span class="entry-bookmarkUsers-userName">fivestech</span><span class="entry-bookmarkUsers-timestamp">2024/03/01</span> </span> <img src="https://cdn.profile-image.st-hatena.com/users/fivestech/profile.png" alt="fivestech" title="fivestech"/> </li> <li role="link" tabIndex="0" class="bookmarker js-bookmarker js-ignorable-user-content" data-gtm-label="entry-bookmarkUsers-icon" data-user-name="appup" data-created="20230718" data-location-id="4702229688091821634"> <span class="entry-bookmarkUsers-meta"> <span class="entry-bookmarkUsers-userName">appup</span><span class="entry-bookmarkUsers-timestamp">2023/07/18</span> </span> <img src="https://cdn.profile-image.st-hatena.com/users/appup/profile.png" alt="appup" title="appup"/> </li> <li role="link" tabIndex="0" class="bookmarker js-bookmarker js-ignorable-user-content" data-gtm-label="entry-bookmarkUsers-icon" data-user-name="simomm" data-created="20230620" data-location-id="4702229688091821634"> <span class="entry-bookmarkUsers-meta"> <span class="entry-bookmarkUsers-userName">simomm</span><span class="entry-bookmarkUsers-timestamp">2023/06/20</span> </span> <img src="https://cdn.profile-image.st-hatena.com/users/simomm/profile.png" alt="simomm" title="simomm"/> </li> <li role="link" tabIndex="0" class="bookmarker js-bookmarker js-ignorable-user-content" data-gtm-label="entry-bookmarkUsers-icon" data-user-name="tanaka_shi" data-created="20230611" data-location-id="4702229688091821634"> <span class="entry-bookmarkUsers-meta"> <span class="entry-bookmarkUsers-userName">tanaka_shi</span><span class="entry-bookmarkUsers-timestamp">2023/06/11</span> </span> <img src="https://cdn.profile-image.st-hatena.com/users/tanaka_shi/profile.png" alt="tanaka_shi" title="tanaka_shi"/> </li> <li role="link" tabIndex="0" class="bookmarker js-bookmarker js-ignorable-user-content" data-gtm-label="entry-bookmarkUsers-icon" data-user-name="minorusato" data-created="20230611" data-location-id="4702229688091821634"> <span class="entry-bookmarkUsers-meta"> <span class="entry-bookmarkUsers-userName">minorusato</span><span class="entry-bookmarkUsers-timestamp">2023/06/11</span> </span> <img src="https://cdn.profile-image.st-hatena.com/users/minorusato/profile.png" alt="minorusato" title="minorusato"/> </li> <li role="link" tabIndex="0" class="bookmarker js-bookmarker js-ignorable-user-content" data-gtm-label="entry-bookmarkUsers-icon" data-user-name="eleven-soul" data-created="20230610" data-location-id="4737736692089200517"> <span class="entry-bookmarkUsers-meta"> <span class="entry-bookmarkUsers-userName">eleven-soul</span><span class="entry-bookmarkUsers-timestamp">2023/06/10</span> </span> <img src="https://cdn.profile-image.st-hatena.com/users/eleven-soul/profile.png" alt="eleven-soul" title="eleven-soul"/> </li> <li role="link" tabIndex="0" class="bookmarker js-bookmarker js-ignorable-user-content" data-gtm-label="entry-bookmarkUsers-icon" data-user-name="pere_ponta" data-created="20230412" data-location-id="4702229688091821634"> <span class="entry-bookmarkUsers-meta"> <span class="entry-bookmarkUsers-userName">pere_ponta</span><span class="entry-bookmarkUsers-timestamp">2023/04/12</span> </span> <img src="https://cdn.profile-image.st-hatena.com/users/pere_ponta/profile.png" alt="pere_ponta" title="pere_ponta"/> </li> <li role="link" tabIndex="0" class="bookmarker js-bookmarker js-ignorable-user-content" data-gtm-label="entry-bookmarkUsers-icon" data-user-name="montdsichel" data-created="20230323" data-location-id="4702229688091821634"> <span class="entry-bookmarkUsers-meta"> <span class="entry-bookmarkUsers-userName">montdsichel</span><span class="entry-bookmarkUsers-timestamp">2023/03/23</span> </span> <img src="https://cdn.profile-image.st-hatena.com/users/montdsichel/profile.png" alt="montdsichel" title="montdsichel"/> </li> <li role="link" tabIndex="0" class="bookmarker js-bookmarker js-ignorable-user-content" data-gtm-label="entry-bookmarkUsers-icon" data-user-name="bomberkiddy" data-created="20230206" data-location-id="4702229688091821634"> <span class="entry-bookmarkUsers-meta"> <span class="entry-bookmarkUsers-userName">bomberkiddy</span><span class="entry-bookmarkUsers-timestamp">2023/02/06</span> </span> <img src="https://cdn.profile-image.st-hatena.com/users/bomberkiddy/profile.png" alt="bomberkiddy" title="bomberkiddy"/> </li> <li role="link" tabIndex="0" class="bookmarker js-bookmarker js-ignorable-user-content" data-gtm-label="entry-bookmarkUsers-icon" data-user-name="bono_gpgr" data-created="20221125" data-location-id="4702229688091821634"> <span class="entry-bookmarkUsers-meta"> <span class="entry-bookmarkUsers-userName">bono_gpgr</span><span class="entry-bookmarkUsers-timestamp">2022/11/25</span> </span> <img src="https://cdn.profile-image.st-hatena.com/users/bono_gpgr/profile.png" alt="bono_gpgr" title="bono_gpgr"/> </li> <li role="link" tabIndex="0" class="bookmarker js-bookmarker js-ignorable-user-content" data-gtm-label="entry-bookmarkUsers-icon" data-user-name="techtech0521" data-created="20221002" data-location-id="4702229688091821634"> <span class="entry-bookmarkUsers-meta"> <span class="entry-bookmarkUsers-userName">techtech0521</span><span class="entry-bookmarkUsers-timestamp">2022/10/02</span> </span> <img src="https://cdn.profile-image.st-hatena.com/users/techtech0521/profile.png" alt="techtech0521" title="techtech0521"/> </li> <li role="link" tabIndex="0" class="bookmarker js-bookmarker js-ignorable-user-content" data-gtm-label="entry-bookmarkUsers-icon" data-user-name="t433" data-created="20220726" data-location-id="4702229688091821634"> <span class="entry-bookmarkUsers-meta"> <span class="entry-bookmarkUsers-userName">t433</span><span class="entry-bookmarkUsers-timestamp">2022/07/26</span> </span> <img src="https://cdn.profile-image.st-hatena.com/users/t433/profile.png" alt="t433" title="t433"/> </li> <li role="link" tabIndex="0" class="bookmarker js-bookmarker js-ignorable-user-content" data-gtm-label="entry-bookmarkUsers-icon" data-user-name="cartman0" data-created="20220221" data-location-id="4702229688091821634"> <span class="entry-bookmarkUsers-meta"> <span class="entry-bookmarkUsers-userName">cartman0</span><span class="entry-bookmarkUsers-timestamp">2022/02/21</span> </span> <img src="https://cdn.profile-image.st-hatena.com/users/cartman0/profile.png" alt="cartman0" title="cartman0"/> </li> <li role="link" tabIndex="0" class="bookmarker js-bookmarker js-ignorable-user-content" data-gtm-label="entry-bookmarkUsers-icon" data-user-name="hondasatoru" data-created="20220210" data-location-id="4702229688091821634"> <span class="entry-bookmarkUsers-meta"> <span class="entry-bookmarkUsers-userName">hondasatoru</span><span class="entry-bookmarkUsers-timestamp">2022/02/10</span> </span> <img src="https://cdn.profile-image.st-hatena.com/users/hondasatoru/profile.png" alt="hondasatoru" title="hondasatoru"/> </li> <li role="link" tabIndex="0" class="bookmarker js-bookmarker js-ignorable-user-content" data-gtm-label="entry-bookmarkUsers-icon" data-user-name="tsu442000" data-created="20220210" data-location-id="4702229688091821634"> <span class="entry-bookmarkUsers-meta"> <span class="entry-bookmarkUsers-userName">tsu442000</span><span class="entry-bookmarkUsers-timestamp">2022/02/10</span> </span> <img src="https://cdn.profile-image.st-hatena.com/users/tsu442000/profile.png" alt="tsu442000" title="tsu442000"/> </li> <li role="link" tabIndex="0" class="bookmarker js-bookmarker js-ignorable-user-content" data-gtm-label="entry-bookmarkUsers-icon" data-user-name="fshuto" data-created="20211227" data-location-id="4702229688091821634"> <span class="entry-bookmarkUsers-meta"> <span class="entry-bookmarkUsers-userName">fshuto</span><span class="entry-bookmarkUsers-timestamp">2021/12/27</span> </span> <img src="https://cdn.profile-image.st-hatena.com/users/fshuto/profile.png" alt="fshuto" title="fshuto"/> </li> <li role="link" tabIndex="0" class="bookmarker js-bookmarker js-ignorable-user-content" data-gtm-label="entry-bookmarkUsers-icon" data-user-name="matsukaz" data-created="20211223" data-location-id="4702229688091821634"> <span class="entry-bookmarkUsers-meta"> <span class="entry-bookmarkUsers-userName">matsukaz</span><span class="entry-bookmarkUsers-timestamp">2021/12/23</span> </span> <img src="https://cdn.profile-image.st-hatena.com/users/matsukaz/profile.png" alt="matsukaz" title="matsukaz"/> </li> <li role="link" tabIndex="0" class="bookmarker js-bookmarker js-ignorable-user-content" data-gtm-label="entry-bookmarkUsers-icon" data-user-name="nomaharu2013" data-created="20211206" data-location-id="4702229688091821634"> <span class="entry-bookmarkUsers-meta"> <span class="entry-bookmarkUsers-userName">nomaharu2013</span><span class="entry-bookmarkUsers-timestamp">2021/12/06</span> </span> <img src="https://cdn.profile-image.st-hatena.com/users/nomaharu2013/profile.png" alt="nomaharu2013" title="nomaharu2013"/> </li> </ul> <div class="entry-bookmarkUsers-readMore"> <span class="entry-bookmarkUsers-readMore-wrapper"> <button class="entry-bookmarkUsers-readMore-btn js-all-bookmarkers-modal-open" data-gtm-label="entry-bookmarkUsers-readMore">すべてのユーザーを見る</button> <span class="entry-bookmarkUsers-readMore-popup">すべてのユーザーの<br>詳細を表示します</span> </span> </div> <div class="entry-usersModal js-all-bookmarkers-modal is-hidden"> <div class="is-active entry-usersModal-window js-all-bookmarkers-modal-window js-bookmark-autoloader-all" data-sort="all" data-autoload-url="https://zenn.dev/ak/articles/c28fa3a9ba7edb" data-next-cursor="MTYzNTE2MTM4OSwyNzY2ODczOTU2MDIzODI3Mw=="> <button type="button" class="entry-usersModal-close js-all-bookmarkers-modal-close"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="5748.793 -620.207 21.414 21.414"> <defs><style>.cls-1 { fill: none; stroke-width: 2px; }</style></defs> <g> <title>閉じる</title> <desc>モーダルを閉じます</desc> <path id="line1" d="M5769.5-619.5l-20 20"/><path id="line2" d="M5769.5-599.5l-20-20"/> </g> </svg> </button> <h4 class="entry-usersModal-title">ブックマークしたすべてのユーザー</h4> <div class="entry-usersModal-contents js-scrollable"> <div class="js-bookmarks js-bookmarks-all"> </div> <div class="entry-comment-readmore js-read-more"> <button id="all-bookmarks-readmore" class="js-read-more-button entry-comment-readmore-btn"> <span class="js-read-more-label js-read-more-ready">Readmore</span> <span class="js-read-more-label js-read-more-waiting is-hidden">残りのブックマークを読み込んでいます..</span> <span class="js-read-more-label js-read-more-error is-hidden">残りのブックマークを読み込めませんでした</span> </button> </div> </div> </div> </div> </section> <div class="entry-ad-pc-rectangle"> <div id="entry-rectangle-bottom-right"></div> </div> </div> </div> <div class="entry-ad-sp-rectangle"> <div id="entry-touch-a-rectangle"></div> </div> <section class="entry-group"> <h2 class="entry-group-sectionTitle"><a href="/site/zenn.dev/ak?sort=eid" data-gtm-label="entry-entrylistSameDomain-sectionTitle">同じサイトの新着</a></h2> <ul class="entry-group-list"> <li> <div class="entry-group-list-inner"> <div class="entry-group-text"> <h3 class="entry-group-title"><a href="/entry/s/zenn.dev/akiyuu/articles/claude-github-integration-guide" title="【5分で完了】Claude AIにGitHubを操作させる方法" data-gtm-label="entry-entrylistSameDomain-title">【5分で完了】Claude AIにGitHubを操作させる方法</a></h3> <p class="entry-group-meta"><span class="entry-group-users"><a href="/entry/s/zenn.dev/akiyuu/articles/claude-github-integration-guide" data-gtm-label="entry-entrylistSameDomain-users">1 user</a></span><span class="entry-group-domain"><a href="/site/zenn.dev/akiyuu" data-gtm-label="entry-entrylistSameDomain-domain"><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fzenn.dev%2Fakiyuu%2Farticles%2Fclaude-github-integration-guide" alt="">zenn.dev/akiyuu</a></span></p> </div> </div> </li> <li> <div class="entry-group-list-inner"> <div class="entry-group-text"> <h3 class="entry-group-title"><a href="/entry/s/zenn.dev/akfm/articles/react-team-vision" title="Reactチームが見てる世界、Reactユーザーが見てる世界" data-gtm-label="entry-entrylistSameDomain-title">Reactチームが見てる世界、Reactユーザーが見てる世界</a></h3> <p class="entry-group-meta"><span class="entry-group-users"><a href="/entry/s/zenn.dev/akfm/articles/react-team-vision" data-gtm-label="entry-entrylistSameDomain-users">292 users</a></span><span class="entry-group-domain"><a href="/site/zenn.dev/akfm" data-gtm-label="entry-entrylistSameDomain-domain"><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fzenn.dev%2Fakfm%2Farticles%2Freact-team-vision" alt="">zenn.dev/akfm</a></span></p> </div> </div> </li> <li> <div class="entry-group-list-inner"> <div class="entry-group-text"> <h3 class="entry-group-title"><a href="/entry/s/zenn.dev/akabe/articles/probability-distribution-of-purchase" title="購買回数は負の二項分布に従う" data-gtm-label="entry-entrylistSameDomain-title">購買回数は負の二項分布に従う</a></h3> <p class="entry-group-meta"><span class="entry-group-users"><a href="/entry/s/zenn.dev/akabe/articles/probability-distribution-of-purchase" data-gtm-label="entry-entrylistSameDomain-users">1 user</a></span><span class="entry-group-domain"><a href="/site/zenn.dev/akabe" data-gtm-label="entry-entrylistSameDomain-domain"><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fzenn.dev%2Fakabe%2Farticles%2Fprobability-distribution-of-purchase" alt="">zenn.dev/akabe</a></span></p> </div> </div> </li> <li> <div class="entry-group-list-inner"> <div class="entry-group-text"> <h3 class="entry-group-title"><a href="/entry/s/zenn.dev/akasara/articles/e05f95e6cc50f5" title="関数従属、完全関数従属、部分関数従属、推移関数従属の概念と具体例" data-gtm-label="entry-entrylistSameDomain-title">関数従属、完全関数従属、部分関数従属、推移関数従属の概念と具体例</a></h3> <p class="entry-group-meta"><span class="entry-group-users"><a href="/entry/s/zenn.dev/akasara/articles/e05f95e6cc50f5" data-gtm-label="entry-entrylistSameDomain-users">1 user</a></span><span class="entry-group-domain"><a href="/site/zenn.dev/akasara" data-gtm-label="entry-entrylistSameDomain-domain"><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fzenn.dev%2Fakasara%2Farticles%2Fe05f95e6cc50f5" alt="">zenn.dev/akasara</a></span></p> </div> </div> </li> </ul> <p class="entry-group-readmore"> <a href="/site/zenn.dev/ak?sort=eid" data-gtm-label="entry-entrylistSameDomain-readMore">同じサイトの新着をもっと読む</a> </p> </section> <section class="entry-group"> <h2 class="entry-group-sectionTitle"><a href="/hotentry" data-gtm-label="entry-hotentry-sectionTitle">いま人気の記事</a></h2> <ul class="entry-group-list"> <li> <div class="entry-group-list-inner"> <div class="entry-group-text"> <h3 class="entry-group-title"><a href="/entry/s/www.moj.go.jp/psia/aumarchive/index.html" title="トップページ|オウム真理教問題デジタルアーカイブ" data-gtm-label="entry-hotentry-title">トップページ|オウム真理教問題デジタルアーカイブ</a></h3> <p class="entry-group-meta"><span class="entry-group-users"><a href="/entry/s/www.moj.go.jp/psia/aumarchive/index.html" data-gtm-label="entry-hotentry-users">452 users</a></span><span class="entry-group-domain"><a href="/site/www.moj.go.jp/" data-gtm-label="entry-hotentry-domain"><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.moj.go.jp%2Fpsia%2Faumarchive%2Findex.html" alt="">www.moj.go.jp</a></span></p> </div> </div> </li> <li> <div class="entry-group-list-inner"> <div class="entry-group-text"> <h3 class="entry-group-title"><a href="/entry/s/www.cnn.co.jp/usa/35229662.html" title="米内国歳入庁で数千人解雇、怒号や物が飛び交う庁内　確定申告に影響も" data-gtm-label="entry-hotentry-title">米内国歳入庁で数千人解雇、怒号や物が飛び交う庁内　確定申告に影響も</a></h3> <p class="entry-group-meta"><span class="entry-group-users"><a href="/entry/s/www.cnn.co.jp/usa/35229662.html" data-gtm-label="entry-hotentry-users">272 users</a></span><span class="entry-group-domain"><a href="/site/www.cnn.co.jp/" data-gtm-label="entry-hotentry-domain"><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.cnn.co.jp%2Fusa%2F35229662.html" alt="">www.cnn.co.jp</a></span></p> </div> </div> </li> <li> <div class="entry-group-list-inner"> <div class="entry-group-text"> <h3 class="entry-group-title"><a href="/entry/s/anond.hatelabo.jp/20250221154951" title="潰さない飲食店の始め方" data-gtm-label="entry-hotentry-title">潰さない飲食店の始め方</a></h3> <p class="entry-group-meta"><span class="entry-group-users"><a href="/entry/s/anond.hatelabo.jp/20250221154951" data-gtm-label="entry-hotentry-users">303 users</a></span><span class="entry-group-domain"><a href="/site/anond.hatelabo.jp/" data-gtm-label="entry-hotentry-domain"><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fanond.hatelabo.jp%2F20250221154951" alt="">anond.hatelabo.jp</a></span></p> </div> </div> </li> <li> <div class="entry-group-list-inner"> <div class="entry-group-text"> <h3 class="entry-group-title"><a href="/entry/s/forest.watch.impress.co.jp/docs/news/1664692.html" title="人気のMarkdownノートアプリ「Obsidian」が商用でも無償に／今後もアカウントなし、広告なし、トラッキングなし、ロックインの心配なしで利用可能" data-gtm-label="entry-hotentry-title">人気のMarkdownノートアプリ「Obsidian」が商用でも無償に／今後もアカウントなし、広告なし、トラッキングなし、ロックインの心配なしで利用可能</a></h3> <p class="entry-group-meta"><span class="entry-group-users"><a href="/entry/s/forest.watch.impress.co.jp/docs/news/1664692.html" data-gtm-label="entry-hotentry-users">443 users</a></span><span class="entry-group-domain"><a href="/site/forest.watch.impress.co.jp/" data-gtm-label="entry-hotentry-domain"><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fforest.watch.impress.co.jp%2Fdocs%2Fnews%2F1664692.html" alt="">forest.watch.impress.co.jp</a></span></p> </div> </div> </li> </ul> <p class="entry-group-readmore"> <a href="/hotentry" data-gtm-label="entry-hotentry-readMore">いま人気の記事をもっと読む</a> </p> </section> <section class="entry-group"> <h2 class="entry-group-sectionTitle"><a href="/hotentry/it" data-gtm-label="entry-hotentryCategory-sectionTitle">いま人気の記事 - テクノロジー</a></h2> <ul class="entry-group-list js-entry-hotentry-list-category" data-category="it" data-section-type="hotentryCategory"> <li> <div class="entry-group-list-inner"> <div class="entry-group-text"> <h3 class="entry-group-title"><a href="/entry/s/forest.watch.impress.co.jp/docs/news/1664692.html" title="人気のMarkdownノートアプリ「Obsidian」が商用でも無償に／今後もアカウントなし、広告なし、トラッキングなし、ロックインの心配なしで利用可能" data-gtm-label="entry-hotentryCategory-title">人気のMarkdownノートアプリ「Obsidian」が商用でも無償に／今後もアカウントなし、広告なし、トラッキングなし、ロックインの心配なしで利用可能</a></h3> <p class="entry-group-meta"><span class="entry-group-users"><a href="/entry/s/forest.watch.impress.co.jp/docs/news/1664692.html" data-gtm-label="entry-hotentryCategory-users">447 users</a></span><span class="entry-group-domain"><a href="/site/forest.watch.impress.co.jp/" data-gtm-label="entry-hotentryCategory-domain"><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fforest.watch.impress.co.jp%2Fdocs%2Fnews%2F1664692.html" alt="">forest.watch.impress.co.jp</a></span></p> </div> </div> </li> <li> <div class="entry-group-list-inner"> <div class="entry-group-text"> <h3 class="entry-group-title"><a href="/entry/s/wirelesswire.jp/2025/02/88134/" title="やはりSakanaは釣りだった!?Sakana.aiが発表した論文が海外のAI研究者コミュニティで炎上" data-gtm-label="entry-hotentryCategory-title">やはりSakanaは釣りだった!?Sakana.aiが発表した論文が海外のAI研究者コミュニティで炎上</a></h3> <p class="entry-group-meta"><span class="entry-group-users"><a href="/entry/s/wirelesswire.jp/2025/02/88134/" data-gtm-label="entry-hotentryCategory-users">212 users</a></span><span class="entry-group-domain"><a href="/site/wirelesswire.jp/" data-gtm-label="entry-hotentryCategory-domain"><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwirelesswire.jp%2F2025%2F02%2F88134%2F" alt="">wirelesswire.jp</a></span></p> </div> </div> </li> <li> <div class="entry-group-list-inner"> <div class="entry-group-text"> <h3 class="entry-group-title"><a href="/entry/s/posfie.com/@taimport/p/Hv0qNZz" title="DeepResearchで気になったことを調べ、出てきた資料を、全てNotebookLMへ移行する「第二の脳とAIを融合したワークフローの流れ」が参考になる" data-gtm-label="entry-hotentryCategory-title">DeepResearchで気になったことを調べ、出てきた資料を、全てNotebookLMへ移行する「第二の脳とAIを融合したワークフローの流れ」が参考になる</a></h3> <p class="entry-group-meta"><span class="entry-group-users"><a href="/entry/s/posfie.com/@taimport/p/Hv0qNZz" data-gtm-label="entry-hotentryCategory-users">302 users</a></span><span class="entry-group-domain"><a href="/site/posfie.com/" data-gtm-label="entry-hotentryCategory-domain"><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fposfie.com%2F%40taimport%2Fp%2FHv0qNZz" alt="">posfie.com</a></span></p> </div> </div> </li> <li> <div class="entry-group-list-inner"> <div class="entry-group-text"> <h3 class="entry-group-title"><a href="/entry/s/www.bloomberg.co.jp/news/articles/2025-02-21/SS0PNZT1UM0W00" title="日産にテスラが投資する計画策定、菅氏含む日本のグループ－ＦＴ" data-gtm-label="entry-hotentryCategory-title">日産にテスラが投資する計画策定、菅氏含む日本のグループ－ＦＴ</a></h3> <p class="entry-group-meta"><span class="entry-group-users"><a href="/entry/s/www.bloomberg.co.jp/news/articles/2025-02-21/SS0PNZT1UM0W00" data-gtm-label="entry-hotentryCategory-users">120 users</a></span><span class="entry-group-domain"><a href="/site/www.bloomberg.co.jp/" data-gtm-label="entry-hotentryCategory-domain"><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.bloomberg.co.jp%2Fnews%2Farticles%2F2025-02-21%2FSS0PNZT1UM0W00" alt="">www.bloomberg.co.jp</a></span></p> </div> </div> </li> </ul> <p class="entry-group-readmore"> <a href="/hotentry/it" data-gtm-label="entry-hotentryCategory-readMore">いま人気の記事 - テクノロジーをもっと読む</a> </p> </section> <section class="entry-group"> <h2 class="entry-group-sectionTitle"><a href="/entrylist/it" data-gtm-label="entry-entrylistCategory-sectionTitle">新着記事 - テクノロジー</a></h2> <ul class="entry-group-list"> <li> <div class="entry-group-list-inner"> <div class="entry-group-text"> <h3 class="entry-group-title"><a href="/entry/s/www.bbc.com/japanese/articles/ceqjndj9dy4o" title="AIが「スーパー耐性菌」の難題を2日で解明　科学者が10年かけたのと同じ結論に - BBCニュース" data-gtm-label="entry-entrylistCategory-title">AIが「スーパー耐性菌」の難題を2日で解明　科学者が10年かけたのと同じ結論に - BBCニュース</a></h3> <p class="entry-group-meta"><span class="entry-group-users"><a href="/entry/s/www.bbc.com/japanese/articles/ceqjndj9dy4o" data-gtm-label="entry-entrylistCategory-users">10 users</a></span><span class="entry-group-domain"><a href="/site/www.bbc.com/" data-gtm-label="entry-entrylistCategory-domain"><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.bbc.com%2Fjapanese%2Farticles%2Fceqjndj9dy4o" alt="">www.bbc.com</a></span></p> </div> </div> </li> <li> <div class="entry-group-list-inner"> <div class="entry-group-text"> <h3 class="entry-group-title"><a href="/entry/s/www.itmedia.co.jp/news/articles/2502/21/news175.html" title="さくらインターネット、特別賞与を支給　社員1人あたり30万円　業績好調で" data-gtm-label="entry-entrylistCategory-title">さくらインターネット、特別賞与を支給　社員1人あたり30万円　業績好調で</a></h3> <p class="entry-group-meta"><span class="entry-group-users"><a href="/entry/s/www.itmedia.co.jp/news/articles/2502/21/news175.html" data-gtm-label="entry-entrylistCategory-users">20 users</a></span><span class="entry-group-domain"><a href="/site/www.itmedia.co.jp/" data-gtm-label="entry-entrylistCategory-domain"><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.itmedia.co.jp%2Fnews%2Farticles%2F2502%2F21%2Fnews175.html" alt="">www.itmedia.co.jp</a></span></p> </div> </div> </li> <li> <div class="entry-group-list-inner"> <div class="entry-group-text"> <h3 class="entry-group-title"><a href="/entry/s/news.yahoo.co.jp/expert/articles/2b6d02ed2250da3e52f4e13116fc9796b478ec07" title="iPhone 16e　なぜ599ドルが10万円なのか（山口健太） - エキスパート - Yahoo!ニュース" data-gtm-label="entry-entrylistCategory-title">iPhone 16e　なぜ599ドルが10万円なのか（山口健太） - エキスパート - Yahoo!ニュース</a></h3> <p class="entry-group-meta"><span class="entry-group-users"><a href="/entry/s/news.yahoo.co.jp/expert/articles/2b6d02ed2250da3e52f4e13116fc9796b478ec07" data-gtm-label="entry-entrylistCategory-users">21 users</a></span><span class="entry-group-domain"><a href="/site/news.yahoo.co.jp/" data-gtm-label="entry-entrylistCategory-domain"><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fnews.yahoo.co.jp%2Fexpert%2Farticles%2F2b6d02ed2250da3e52f4e13116fc9796b478ec07" alt="">news.yahoo.co.jp</a></span></p> </div> </div> </li> <li> <div class="entry-group-list-inner"> <div class="entry-group-text"> <h3 class="entry-group-title"><a href="/entry/s/togetter.com/li/2514918" title="40年ものの冷蔵庫の調子が悪くなってきたが、父が「電球が切れただけ」「家族なんだよ…！」と涙目になってて、冷蔵庫にメリー号に対するウソップの様になるやついるんだとなった" data-gtm-label="entry-entrylistCategory-title">40年ものの冷蔵庫の調子が悪くなってきたが、父が「電球が切れただけ」「家族なんだよ…！」と涙目になってて、冷蔵庫にメリー号に対するウソップの様になるやついるんだとなった</a></h3> <p class="entry-group-meta"><span class="entry-group-users"><a href="/entry/s/togetter.com/li/2514918" data-gtm-label="entry-entrylistCategory-users">42 users</a></span><span class="entry-group-domain"><a href="/site/togetter.com/" data-gtm-label="entry-entrylistCategory-domain"><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Ftogetter.com%2Fli%2F2514918" alt="">togetter.com</a></span></p> </div> </div> </li> </ul> <p class="entry-group-readmore"> <a href="/entrylist/it" data-gtm-label="entry-entrylistCategory-readMore">新着記事 - テクノロジーをもっと読む</a> </p> </section> <div class="entry-ad-sp-rectangle"> <div id="entry-touch-rectangle"></div> </div> <section class="entry-group"> <div class="entry-pager-container"> <h2 class="entry-group-sectionTitle">同時期にブックマークされた記事</h2> <ul class="entry-group-list"> </ul> </div> </section> </div> </div> <div class="drawer-menu js-drawer-menu"> <button class="drawer-menu-button js-drawer-menu-button" data-gtm-click-label="drawer-open"> <span class="drawer-notify-count js-notify-count"></span> </button> <ul class="drawer-menu-body js-drawer-body-container"> </ul> <script type="text/x-template" id="template-drawer-body"> {{ #is_login_user }} <li class="drawer-loginMenu"> <a href="/{{ user_name }}/bookmark" class="drawer-loginMenu-username" data-gtm-click-label="drawer-header-username"><img src="{{ profile_image }}" alt="{{ user_name }}" /><span>{{ user_name }}</span></a> <button type="button" class="drawer-loginMenu-button js-notify-list-button notify" data-gtm-click-label="drawer-header-notify"> <span class="drawer-notify-count js-notify-count"></span> <span class="hide-text">通知</span> </button> <span role="link" class="drawer-loginMenu-button config"> <a href="/{{ user_name }}/config" data-gtm-click-label="drawer-header-config"><span class="hide-text">設定</span></a> </span> </li> {{ /is_login_user }} {{ #is_guest_user }} <li class="drawer-menu-item"> <a href="{{ login_url }}" rel="nofollow" data-gtm-click-label="drawer-guest-login"><span>ログイン</span></a> </li> <li class="drawer-menu-item"> <a href="/guide" rel="nofollow" data-gtm-click-label="drawer-guest-guide"> <span>はてなブックマークとは</span> </a> </li> {{ /is_guest_user }} <li class="drawer-notify-list js-drawer-notify-list is-loading"> <img src="https://b.st-hatena.com/94abb00c8e4c54e0574b5d19a77fa5ce4e9a125e/images/v4/public/common/loading@2x.gif" class="notify-list-loading-image" alt="読み込み中" /> <iframe class="notify-list js-notify-list"></iframe> </li> <li class="drawer-menu-item"> <a href="/hotentry" data-gtm-click-label="drawer-menu-hotentry">人気エントリー</a> </li> <li class="drawer-menu-item"> <a href="/entrylist" data-gtm-click-label="drawer-menu-entrylist">新着エントリー</a> </li> {{ #is_login_user }} <li class="drawer-menu-item"> <a href="/add" data-gtm-click-label="drawer-menu-bookmarkadd">ブックマークを追加</a> </li> <li class="drawer-toggleMenu js-drawer-submenu is-open"> <button type="button" class="drawer-toggleMenu-label js-drawer-submenu-label">マイページ</button> <ul class="service-submenu"> <li class="service-submenu-item"> <a href="/{{ user_name }}/bookmark" data-gtm-click-label="drawer-mypage-mybookmark">マイブックマーク</a> </li> <li class="service-submenu-item"> <a href="/{{ user_name}}/unread_bookmark" data-gtm-click-label="drawer-mypage-unread">あとで読む</a> </li> <li class="service-submenu-item"> <a href="/{{ user_name }}/hotentry" data-gtm-click-label="drawer-mypage-myhotentry">マイホットエントリー</a> </li> <li class="service-submenu-item"> <a href="/{{ user_name }}/interest" data-gtm-click-label="drawer-mypage-interest">関心ワード</a> </li> <li class="service-submenu-item"> <a href="/{{ user_name }}/favorite" data-gtm-click-label="drawer-mypage-favorite">お気に入り</a> </li> </ul> </li> {{ /is_login_user }} <li class="drawer-toggleMenu js-drawer-submenu is-open"> <button type="button" class="drawer-toggleMenu-label js-drawer-submenu-label">カテゴリー</button> <ul class="service-submenu"> <li class="service-submenu-item"> <a href="/hotentry/general" data-gtm-click-label="drawer-category-general">一般</a> <a href="/hotentry/social" data-gtm-click-label="drawer-category-social">世の中</a> <a href="/hotentry/economics" data-gtm-click-label="drawer-category-economics">政治と経済</a> <a href="/hotentry/life" data-gtm-click-label="drawer-category-life">暮らし</a> <a href="/hotentry/knowledge" data-gtm-click-label="drawer-category-knowledge">学び</a> <a href="/hotentry/it" data-gtm-click-label="drawer-category-it">テクノロジー</a> <a href="/hotentry/fun" data-gtm-click-label="drawer-category-fun">おもしろ</a> <a href="/hotentry/entertainment" data-gtm-click-label="drawer-category-entertainment">エンタメ</a> <a href="/hotentry/game" data-gtm-click-label="drawer-category-game">アニメとゲーム</a> </li> </ul> </li> {{ #is_app_target }} <li class="drawer-toggleMenu js-drawer-submenu is-open"> <button type="button" class="drawer-toggleMenu-label js-drawer-submenu-label">アプリをダウンロード</button> <ul class="service-submenu"> {{ #is_ios }} <li class="service-submenu-item device-ios app-bookmark"> <a href="https://apps.apple.com/jp/app/hatenabukkumaku/id354976659?mt=8" data-gtm-click-label="drawer-app-ios">はてなブックマーク</a> </li> {{ /is_ios }} {{ #is_android }} <li class="service-submenu-item device-android app-bookmark"> <a href="https://play.google.com/store/apps/details?id=com.hatena.android.bookmark&referrer=utm_source%3Dbookmark_sp%26utm_campaign%3Dbookmark_sp_drawer&hl=ja" data-gtm-click-label="drawer-app-android">はてなブックマーク</a> </li> {{ /is_android }} </ul> </li> {{ /is_app_target }} </script> </div> <script id="valve-dmp" data-service="bookmark" src="//cdn.pool.st-hatena.com/valve/dmp.js" async></script> <div class="message-modal js-message-modal is-hidden auto-hide"> <div class="message-modal-message"> <p class="message-modal-message-text js-message-modal-message-text"></p> <button class="message-modal-btn js-message-modal-close-button">閉じる</button> </div> </div> <div class="footer"> <div class="footer-inner"> <div class="footer-inner-group footer-bookmark"> <h2 class="footer-title"><a href="/" data-gtm-label="footer-btop">はてなブックマーク</a></h2> <div class="footer-list-wrapper"> <ul class="footer-list footer-list--pc"> <li class="footer-list-item js-keyboard-selectable-item"><a href="/hotentry/all" class="hotentry js-keyboard-openable" data-gtm-label="footerCategories-hotentry">総合</a></li> <li class="footer-list-item js-keyboard-selectable-item"><a href="/hotentry/general" class="general js-keyboard-openable" data-gtm-label="footerCategories-general">一般</a></li> <li class="footer-list-item js-keyboard-selectable-item"><a href="/hotentry/social" class="cat-social js-keyboard-openable" data-gtm-label="footerCategories-social">世の中</a></li> <li class="footer-list-item js-keyboard-selectable-item"><a href="/hotentry/economics" class="cat-economics js-keyboard-openable" data-gtm-label="footerCategories-economics">政治と経済</a></li> <li class="footer-list-item js-keyboard-selectable-item"><a href="/hotentry/life" class="cat-life js-keyboard-openable" data-gtm-label="footerCategories-life">暮らし</a></li> <li class="footer-list-item js-keyboard-selectable-item"><a href="/hotentry/knowledge" class="cat-knowledge js-keyboard-openable" data-gtm-label="footerCategories-knowledge">学び</a></li> </ul> <ul class="footer-list footer-list--pc"> <li class="footer-list-item js-keyboard-selectable-item"><a href="/hotentry/it" class="cat-it js-keyboard-openable" data-gtm-label="footerCategories-it">テクノロジー</a></li> <li class="footer-list-item js-keyboard-selectable-item"><a href="/hotentry/entertainment" class="cat-entertainment js-keyboard-openable" data-gtm-label="footerCategories-entertainment">エンタメ</a></li> <li class="footer-list-item js-keyboard-selectable-item"><a href="/hotentry/game" class="cat-game js-keyboard-openable" data-gtm-label="footerCategories-game">アニメとゲーム</a></li> <li class="footer-list-item js-keyboard-selectable-item"><a href="/hotentry/fun" class="cat-fun js-keyboard-openable" data-gtm-label="footerCategories-fun">おもしろ</a></li> </ul> <ul class="footer-list"> <li class="footer-list-item"><a href="/guide/tools">アプリ・拡張機能</a></li> <li class="footer-list-item"><a href="https://bookmark.hatenastaff.com/">開発ブログ</a></li> <li class="footer-list-item"><a href="/help/">ヘルプ</a></li> <li class="footer-list-item"><a href="https://hatena.zendesk.com/hc/ja/categories/900000153166">お問い合わせ</a></li> <li class="footer-list-item footer-list-item--sp"><a href="/guide/guideline">ガイドライン</a></li> <li class="footer-list-item footer-list-item--sp"><a href="https://policies.hatena.ne.jp/rule">利用規約</a></li> <li class="footer-list-item footer-list-item--sp"><a href="https://policies.hatena.ne.jp/privacypolicy-ja">プライバシーポリシー</a></li> <li class="footer-list-item footer-list-item--sp"><a href="https://policies.hatena.ne.jp/cookie-policy">利用者情報の外部送信について</a></li> </ul> <ul class="footer-list footer-list--pc"> <li class="footer-list-item footer-list-item--pc"><a href="/guide/guideline">ガイドライン</a></li> <li class="footer-list-item footer-list-item--pc"><a href="https://policies.hatena.ne.jp/rule">利用規約</a></li> <li class="footer-list-item footer-list-item--pc"><a href="https://policies.hatena.ne.jp/privacypolicy-ja">プライバシーポリシー</a></li> <li class="footer-list-item footer-list-item--pc"><a href="https://policies.hatena.ne.jp/cookie-policy">利用者情報の外部送信について</a></li> </ul> </div> </div> <div class="footer-inner-group footer-bookmark-sns"> <h2 class="footer-title">公式Twitter</h2> <div class="footer-bookmark-list"> <ul class="footer-list"> <li class="footer-list-item"><a href="https://twitter.com/HatenaBookmark" target="_blank" rel="noopener" data-gtm-click-label="footer-officialTwitter-name">公式アカウント</a></li> <li class="footer-list-item"><a href="https://twitter.com/hatebu" target="_blank" rel="noopener" data-gtm-click-label="footer-hotentryTwitter-name">ホットエントリー</a></li> </ul> </div> </div> <div class="footer-inner-group footer-hatena"> <h2 class="footer-title">はてなのサービス</h2> <ul class="footer-list"> <li class="footer-list-item"><a href="https://hatenablog.com/" data-gtm-label="footerServices-blog">はてなブログ</a></li> <li class="footer-list-item"><a href="https://hatenablog.com/guide/pro?plus_via=hatenabookmark_footer&utm_source=hatenabookmark&utm_medium=referral&utm_campaign=hatenabookmark_to_hatenablog_pro&utm_content=hatenabookmark_footer" data-gtm-label="footerServices-blog-pro">はてなブログPro</a></li> <li class="footer-list-item"><a href="https://q.hatena.ne.jp/" data-gtm-label="footerServices-question">人力検索はてな</a></li> <li class="footer-list-item"><a href="http://d.hatena.ne.jp/" data-gtm-label="footerServices-keyword">はてなブログタグ</a></li> <li class="footer-list-item"><a href="http://hatenanews.com/" data-gtm-label="footerServices-hatenanews">はてなニュース</a></li> <li class="footer-list-item"><a href="https://soredoko.jp/" data-gtm-label="footerServices-soredoko">ソレドコ</a></li> </ul> </div> </div> <div class="footer-bottom"> <div class="footer-app"> <ul> <li class="footer-list-item"><a href="https://apps.apple.com/jp/app/hatenabukkumaku/id354976659?mt=8" target="_blank" rel="noopener" data-gtm-click-label="footer-app-ios"><img src="https://b.st-hatena.com/94abb00c8e4c54e0574b5d19a77fa5ce4e9a125e/images/v4/public/common/dl-button/appstore@2x.png" alt="App Storeからダウンロード"></a></li> <li class="footer-list-item"><a href="https://play.google.com/store/apps/details?id=com.hatena.android.bookmark&referrer=utm_source%3Dbookmark_sp%26utm_campaign%3Dbookmark_sp_user&hl=ja" target="_blank" rel="noopener" data-gtm-click-label="footer-app-android"><img src="https://b.st-hatena.com/94abb00c8e4c54e0574b5d19a77fa5ce4e9a125e/images/v4/public/common/dl-button/googleplay@2x.png" alt="Google Playで手に入れよう"></a></li> </ul> </div> <div class="copyright">Copyright © 2005-2025 <a href="http://www.hatena.ne.jp/">Hatena</a>. All Rights Reserved.</div> </div> </div> <div id="touch-footer-ad"></div> <div id="touch-footer-ad-placeholder"></div> <div class="modal-overlay"></div> <script type="text/javascript" src="https://b.st-hatena.com/94abb00c8e4c54e0574b5d19a77fa5ce4e9a125e/js/v4/bookmark.star.js" async></script> <div class="js-head-notify is-hidden">設定を変更しました<span class="js-head-notify-close-button">x</span></div> </body> </html>

CINXE.COM

[B! ブラウザ] ブラウザレンダリングの仕組み