CINXE.COM
[B! HTML] ボタンをaタグで作るな高校校歌 - 弁護士ドットコム株式会社 Creators’ blog
<!DOCTYPE html> <html lang="ja" data-page-scope="Entry" data-stable-request-url="https://b.hatena.ne.jp/entry?url=https%3A%2F%2Fcreators.bengo4.com%2Fentry%2F2024%2F10%2F02%2F100000" data-device-type="PC" data-sentry-environment="production" data-sentry-sample-rate="0.1" data-alert-admin-names="" data-bookmark-count="200" data-category-name="it" data-entry-created="2024-10-02T02:26:38Z" data-entry-eid="4759985655004990976" data-entry-url="https://creators.bengo4.com/entry/2024/10/02/100000" data-page-subtype="entry" data-page-type="entry" > <head> <!-- Google Tag Manager --> <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> <!-- End Google Tag Manager --> <meta charset="UTF-8"> <title>[B! HTML] ボタンをaタグで作るな高校校歌 - 弁護士ドットコム株式会社 Creators’ blog</title> <script src="https://b.st-hatena.com/77d2ee6f79ddaf78eb2d198936bae315b6721993/js/v4/bookmark.js" async></script> <link type="text/css" rel="stylesheet" href="https://b.st-hatena.com/77d2ee6f79ddaf78eb2d198936bae315b6721993/css/v4/bookmark.css" /> <link type="text/css" rel="stylesheet" href="https://b.st-hatena.com/77d2ee6f79ddaf78eb2d198936bae315b6721993/css/v4/bookmark.star.css" /> <link rel="canonical" href="https://b.hatena.ne.jp/entry/s/creators.bengo4.com/entry/2024/10/02/100000" /> <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/77d2ee6f79ddaf78eb2d198936bae315b6721993/images/v4/public/apple-touch-icon-precomposed.png" /> <link rel="mask-icon" href="https://b.st-hatena.com/77d2ee6f79ddaf78eb2d198936bae315b6721993/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/77d2ee6f79ddaf78eb2d198936bae315b6721993/images/v4/public/icons/bookmark.ico" /> <meta name="msapplication-task" content="name=マイブックマーク; action-uri=/my; icon-uri=https://b.st-hatena.com/77d2ee6f79ddaf78eb2d198936bae315b6721993/images/v4/public/icons/my-bookmark.ico" /> <meta name="msapplication-task" content="name=お気に入りのブックマーク; action-uri=/my/favorite; icon-uri=https://b.st-hatena.com/77d2ee6f79ddaf78eb2d198936bae315b6721993/images/v4/public/icons/favorite-bookmark.ico" /> <meta name="msapplication-task" content="name=人気エントリー; action-uri=/hotentry; icon-uri=https://b.st-hatena.com/77d2ee6f79ddaf78eb2d198936bae315b6721993/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/creators.bengo4.com/entry/2024/10/02/100000" /> <meta property="og:title" content="『ボタンをaタグで作るな高校校歌 - 弁護士ドットコム株式会社 Creators’ blog』へのコメント"> <meta property="og:type" content="article"> <meta property="og:url" content="https://b.hatena.ne.jp/entry/s/creators.bengo4.com/entry/2024/10/02/100000"> <meta property="og:description" content="この記事に対して41件のコメントがあります。注目されているコメントは「逆に「リンクはa要素で作れ」と言いたい。onclickとかで作るな。ブラウザの「新しいタブで開く」とかができなくなるので。」、「歌ってみたら、音域が広くて、校歌として全員で歌う難易度は高そうだった」、「ボタンにaが使われがちなのはbutton要素にデフォルトでダサいアピアランスが乗ってるのも原因のひとつと思う。リセットしてあればいいんだけれども」、「弁護士ドットコムにも技術ブログあるんだwそして曲の解説のほうが充実してそうな勢いww」などです。"> <meta property="og:site_name" content="はてなブックマーク" /> <meta property="og:image" content="https://cdn.image.st-hatena.com/image/scale/17d3b0827ca2a0adb0d8fee3a9b133980beecc6f/backend=imagemagick;height=1300;version=1;width=1300/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fb%2Fbengo4%2F20241002%2F20241002100934.png"> <meta name="twitter:card" content="summary"> <meta name="twitter:site" content="@HatenaBookmark"> <meta name="twitter:title" content="『ボタンをaタグで作るな高校校歌 - 弁護士ドットコム株式会社 Creators’ blog』へのコメント"> <meta name="twitter:description" content="ata00000, ”逆に「リンクはa要素で作れ」と言いたい。onclickとかで作るな。ブラウザの「新しいタブで開く」とかができなくなるので。” / hitode909, ”歌ってみたら、音域が広くて、校歌として全員で歌う難易度は高そうだった”"> <meta name="twitter:image" content="https://cdn.image.st-hatena.com/image/scale/17d3b0827ca2a0adb0d8fee3a9b133980beecc6f/backend=imagemagick;height=1300;version=1;width=1300/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fb%2Fbengo4%2F20241002%2F20241002100934.png"> <link rel="alternate" type="application/rss+xml" href="/entry/rss/https://creators.bengo4.com/entry/2024/10/02/100000" /> <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"> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5TDHQX" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (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%252Fcreators.bengo4.com%252Fentry%252F2024%252F10%252F02%252F100000" 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/77d2ee6f79ddaf78eb2d198936bae315b6721993/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/77d2ee6f79ddaf78eb2d198936bae315b6721993/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/77d2ee6f79ddaf78eb2d198936bae315b6721993/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/77d2ee6f79ddaf78eb2d198936bae315b6721993/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 = false; 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: "ng" }, 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://creators.bengo4.com/entry/2024/10/02/100000"> <div class="breadcrumb-wrapper"> <ul class="breadcrumb"> <li><a href="/" data-gtm-label="entry-breadcrumb-home"><img src="https://b.st-hatena.com/77d2ee6f79ddaf78eb2d198936bae315b6721993/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">ボタンをaタグで作るな高校校歌 - 弁護士ドットコム株式会社 Creators’ blog</li> </ul> <ul class="breadcrumb-share"> <li><a href="https://twitter.com/share?text=%E3%83%9C%E3%82%BF%E3%83%B3%E3%82%92a%E3%82%BF%E3%82%B0%E3%81%A7%E4%BD%9C%E3%82%8B%E3%81%AA%E9%AB%98%E6%A0%A1%E6%A0%A1%E6%AD%8C+-+%E5%BC%81%E8%AD%B7%E5%A3%AB%E3%83%89%E3%83%83%E3%83%88%E3%82%B3%E3%83%A0%E6%A0%AA%E5%BC%8F%E4%BC%9A%E7%A4%BE+Creators%E2%80%99+blog&url=https%3A%2F%2Fb.hatena.ne.jp%2Fentry%2Fs%2Fcreators.bengo4.com%2Fentry%2F2024%2F10%2F02%2F100000" target="_blank" rel="noopener" title="Twitterでシェア" data-gtm-label="entry-share-twitter"><img src="https://b.st-hatena.com/77d2ee6f79ddaf78eb2d198936bae315b6721993/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%2Fcreators.bengo4.com%2Fentry%2F2024%2F10%2F02%2F100000" target="_blank" rel="noopener" title="Facebookでシェア" data-gtm-label="entry-share-facebook"><img src="https://b.st-hatena.com/77d2ee6f79ddaf78eb2d198936bae315b6721993/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-inner"> <h1 class="entry-info-title js-entry-info-title"> <a href="https://creators.bengo4.com/entry/2024/10/02/100000" class="js-entry-info-title-text" data-gtm-label="entry-info-title" data-entry-id="4759985655004990976" data-entry-category="テクノロジー" title="ボタンをaタグで作るな高校校歌 - 弁護士ドットコム株式会社 Creators’ blog" target="_blank" rel="noopener">ボタンをaタグで作るな高校校歌 - 弁護士ドットコム株式会社 Creators’ blog</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%2Fcreators.bengo4.com%2Fentry%2F2024%2F10%2F02%2F100000&entry.1114420074=%E3%83%9C%E3%82%BF%E3%83%B3%E3%82%92a%E3%82%BF%E3%82%B0%E3%81%A7%E4%BD%9C%E3%82%8B%E3%81%AA%E9%AB%98%E6%A0%A1%E6%A0%A1%E6%AD%8C%20-%20%E5%BC%81%E8%AD%B7%E5%A3%AB%E3%83%89%E3%83%83%E3%83%88%E3%82%B3%E3%83%A0%E6%A0%AA%E5%BC%8F%E4%BC%9A%E7%A4%BE%20Creators%E2%80%99%20blog&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/creators.bengo4.com/" data-gtm-label="entry-info-domain"><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcreators.bengo4.com%2Fentry%2F2024%2F10%2F02%2F100000" alt="" width="16px" height="16px">creators.bengo4.com</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/77d2ee6f79ddaf78eb2d198936bae315b6721993/images/v4/public/entry/edit.svg" alt="編集"> </button> </div> <div class="entry-editModal is-hidden js-entry-edit-modal" data-url="https://creators.bengo4.com/entry/2024/10/02/100000"> <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/77d2ee6f79ddaf78eb2d198936bae315b6721993/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="ボタンをaタグで作るな高校校歌 - 弁護士ドットコム株式会社 Creators’ blog" 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%2Fcreators.bengo4.com%2Fentry%2F2024%2F10%2F02%2F100000/visibility">コメント表示の設定</a> </div> </div> <button type="button" class="entry-editModal-close js-entry-edit-modal-close-button"><img src="https://b.st-hatena.com/77d2ee6f79ddaf78eb2d198936bae315b6721993/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/77d2ee6f79ddaf78eb2d198936bae315b6721993/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://creators.bengo4.com/entry/2024/10/02/100000" 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>200</span> users</a><span class="text">がブックマーク</span></span> <span class="entry-info-comment"><img src="https://b.st-hatena.com/77d2ee6f79ddaf78eb2d198936bae315b6721993/images/v4/public/entry/ic-comment.svg" alt="コメント"><span>41</span></span> </div> <div class="following-bookmarks-container js-following-bookmarks-container" data-entry-url="https://creators.bengo4.com/entry/2024/10/02/100000"> <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/77d2ee6f79ddaf78eb2d198936bae315b6721993/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%252Fcreators.bengo4.com%252Fentry%252F2024%252F10%252F02%252F100000%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/77d2ee6f79ddaf78eb2d198936bae315b6721993/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%252Fcreators.bengo4.com%252Fentry%252F2024%252F10%252F02%252F100000%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%252Fcreators.bengo4.com%252Fentry%252F2024%252F10%252F02%252F100000%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%252Fcreators.bengo4.com%252Fentry%252F2024%252F10%252F02%252F100000%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://creators.bengo4.com/entry/2024/10/02/100000" /> <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"> ボタンをaタグで作るな高校校歌 - 弁護士ドットコム株式会社 Creators’ blog </h2> <div class="entry-info-meta"> <span class="entry-users">200 users</span> <span class="entry-info-domain"> <img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcreators.bengo4.com%2Fentry%2F2024%2F10%2F02%2F100000" alt="" width="16px" height="16px" class="bookmark-modal-favicon"><a href="/site/creators.bengo4.com/">creators.bengo4.com</a> </span> </div> </div> <form method="post" action="/my/bookmark" class="js-add-form bookmark-modal-form"> <input type="hidden" name="url" value="https://creators.bengo4.com/entry/2024/10/02/100000" /> <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%252Fcreators.bengo4.com%252Fentry%252F2024%252F10%252F02%252F100000" 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>41</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/77d2ee6f79ddaf78eb2d198936bae315b6721993/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="ata00000" data-url="https://creators.bengo4.com/entry/2024/10/02/100000"> <div class="entry-comment-contents-main"> <a href="/ata00000/" class="entry-user-icon" data-gtm-label="entry-popular-icon"><img src="https://cdn.profile-image.st-hatena.com/users/ata00000/profile.png"/ alt="ata00000" title="ata00000"></a> <div class="entry-comments-contents-body"> <span class="entry-comment-username"><a href="/ata00000/" data-gtm-label="entry-popular-username">ata00000</a></span> <span class="entry-comment-text js-bookmark-comment">逆に「リンクはa要素で作れ」と言いたい。onclickとかで作るな。ブラウザの「新しいタブで開く」とかができなくなるので。</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/ata00000/20241002#bookmark-4759985655004990976">2024/10/02</a></span> <span class="entry-comment-permalink"> <a data-gtm-label="entry-popular-permalink" href="/entry/4759985655004990976/comment/ata00000" 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="4759985655004990976" data-user-name="ata00000" 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="hitode909" data-url="https://creators.bengo4.com/entry/2024/10/02/100000"> <div class="entry-comment-contents-main"> <a href="/hitode909/" class="entry-user-icon" data-gtm-label="entry-popular-icon"><img src="https://cdn.profile-image.st-hatena.com/users/hitode909/profile.png"/ alt="hitode909" title="hitode909"></a> <div class="entry-comments-contents-body"> <span class="entry-comment-username"><a href="/hitode909/" data-gtm-label="entry-popular-username">hitode909</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/hitode909/20241002#bookmark-4759985655004990976">2024/10/02</a></span> <span class="entry-comment-permalink"> <a data-gtm-label="entry-popular-permalink" href="/entry/4759985655004990976/comment/hitode909" 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="4759985655004990976" data-user-name="hitode909" 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="rogertroutman" data-url="https://creators.bengo4.com/entry/2024/10/02/100000"> <div class="entry-comment-contents-main"> <a href="/rogertroutman/" class="entry-user-icon" data-gtm-label="entry-popular-icon"><img src="https://cdn.profile-image.st-hatena.com/users/rogertroutman/profile.png"/ alt="rogertroutman" title="rogertroutman"></a> <div class="entry-comments-contents-body"> <span class="entry-comment-username"><a href="/rogertroutman/" data-gtm-label="entry-popular-username">rogertroutman</a></span> <span class="entry-comment-text js-bookmark-comment">ボタンにaが使われがちなのはbutton要素にデフォルトでダサいアピアランスが乗ってるのも原因のひとつと思う。リセットしてあればいいんだけれども</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/rogertroutman/20241002#bookmark-4759985655004990976">2024/10/02</a></span> <span class="entry-comment-permalink"> <a data-gtm-label="entry-popular-permalink" href="/entry/4759985655004990976/comment/rogertroutman" 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="4759985655004990976" data-user-name="rogertroutman" 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="gpx-monya" data-url="https://creators.bengo4.com/entry/2024/10/02/100000"> <div class="entry-comment-contents-main"> <a href="/gpx-monya/" class="entry-user-icon" data-gtm-label="entry-popular-icon"><img src="https://cdn.profile-image.st-hatena.com/users/gpx-monya/profile.png"/ alt="gpx-monya" title="gpx-monya"></a> <div class="entry-comments-contents-body"> <span class="entry-comment-username"><a href="/gpx-monya/" data-gtm-label="entry-popular-username">gpx-monya</a></span> <span class="entry-comment-text js-bookmark-comment">弁護士ドットコムにも技術ブログあるんだwそして曲の解説のほうが充実してそうな勢いww</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/gpx-monya/20241002#bookmark-4759985655004990976">2024/10/02</a></span> <span class="entry-comment-permalink"> <a data-gtm-label="entry-popular-permalink" href="/entry/4759985655004990976/comment/gpx-monya" 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="4759985655004990976" data-user-name="gpx-monya" 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="casm" data-url="https://creators.bengo4.com/entry/2024/10/02/100000"> <div class="entry-comment-contents-main"> <a href="/casm/" class="entry-user-icon" data-gtm-label="entry-popular-icon"><img src="https://cdn.profile-image.st-hatena.com/users/casm/profile.png"/ alt="casm" title="casm"></a> <div class="entry-comments-contents-body"> <span class="entry-comment-username"><a href="/casm/" data-gtm-label="entry-popular-username">casm</a></span> <span class="entry-comment-text js-bookmark-comment">この説明の流れだと「aタグで作ったボタンは借用和音」と言われてしまうので、校歌はダイアトニックコードだけで構成すべきだったのでは。</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/casm/20241002#bookmark-4759985655004990976">2024/10/02</a></span> <span class="entry-comment-permalink"> <a data-gtm-label="entry-popular-permalink" href="/entry/4759985655004990976/comment/casm" 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="4759985655004990976" data-user-name="casm" 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="forestk" data-url="https://creators.bengo4.com/entry/2024/10/02/100000"> <div class="entry-comment-contents-main"> <a href="/forestk/" class="entry-user-icon" data-gtm-label="entry-popular-icon"><img src="https://cdn.profile-image.st-hatena.com/users/forestk/profile.png"/ alt="forestk" title="forestk"></a> <div class="entry-comments-contents-body"> <span class="entry-comment-username"><a href="/forestk/" data-gtm-label="entry-popular-username">forestk</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/forestk/20241002#bookmark-4759985655004990976">2024/10/02</a></span> <span class="entry-comment-permalink"> <a data-gtm-label="entry-popular-permalink" href="/entry/4759985655004990976/comment/forestk" 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="4759985655004990976" data-user-name="forestk" 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="bengo4" data-url="https://creators.bengo4.com/entry/2024/10/02/100000"> <div class="entry-comment-contents-main"> <a href="/bengo4/" class="entry-user-icon" data-gtm-label="entry-popular-icon"><img src="https://cdn.profile-image.st-hatena.com/users/bengo4/profile.png"/ alt="bengo4" title="bengo4"></a> <div class="entry-comments-contents-body"> <span class="entry-comment-username"><a href="/bengo4/" data-gtm-label="entry-popular-username">bengo4</a></span> <span class="entry-comment-text js-bookmark-comment">動画はYoutubeからも視聴できます <a href="https://youtu.be/4PmWcA-5st0?feature=shared" target="_blank" rel="noopener nofollow">https://youtu.be/4PmWcA-5st0?feature=shared</a></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/bengo4/20241002#bookmark-4759985655004990976">2024/10/02</a></span> <span class="entry-comment-permalink"> <a data-gtm-label="entry-popular-permalink" href="/entry/4759985655004990976/comment/bengo4" 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="4759985655004990976" data-user-name="bengo4" 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="ShionAmasato" data-url="https://creators.bengo4.com/entry/2024/10/02/100000"> <div class="entry-comment-contents-main"> <a href="/ShionAmasato/" class="entry-user-icon" data-gtm-label="entry-popular-icon"><img src="https://cdn.profile-image.st-hatena.com/users/ShionAmasato/profile.png"/ alt="ShionAmasato" title="ShionAmasato"></a> <div class="entry-comments-contents-body"> <span class="entry-comment-username"><a href="/ShionAmasato/" data-gtm-label="entry-popular-username">ShionAmasato</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/ShionAmasato/20241002#bookmark-4759985655004990976">2024/10/02</a></span> <span class="entry-comment-permalink"> <a data-gtm-label="entry-popular-permalink" href="/entry/4759985655004990976/comment/ShionAmasato" 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="4759985655004990976" data-user-name="ShionAmasato" 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="otchy210" data-url="https://creators.bengo4.com/entry/2024/10/02/100000"> <div class="entry-comment-contents-main"> <a href="/otchy210/" class="entry-user-icon" data-gtm-label="entry-popular-icon"><img src="https://cdn.profile-image.st-hatena.com/users/otchy210/profile.png"/ alt="otchy210" title="otchy210"></a> <div class="entry-comments-contents-body"> <span class="entry-comment-username"><a href="/otchy210/" data-gtm-label="entry-popular-username">otchy210</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/otchy210/20241002#bookmark-4759985655004990976">2024/10/02</a></span> <span class="entry-comment-permalink"> <a data-gtm-label="entry-popular-permalink" href="/entry/4759985655004990976/comment/otchy210" 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="4759985655004990976" data-user-name="otchy210" 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="izumiya1948" data-url="https://creators.bengo4.com/entry/2024/10/02/100000"> <div class="entry-comment-contents-main"> <a href="/izumiya1948/" class="entry-user-icon" data-gtm-label="entry-popular-icon"><img src="https://cdn.profile-image.st-hatena.com/users/izumiya1948/profile.png"/ alt="izumiya1948" title="izumiya1948"></a> <div class="entry-comments-contents-body"> <span class="entry-comment-username"><a href="/izumiya1948/" data-gtm-label="entry-popular-username">izumiya1948</a></span> <span class="entry-comment-text js-bookmark-comment">【「校歌」は、アンチパターンやベストプラクティスを伝えるネットスラング、もしくはネットミームです。主張をそのまま学校名にし、それらしい歌詞を SNS に投稿します。】知らんわw</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/izumiya1948/20241002#bookmark-4759985655004990976">2024/10/02</a></span> <span class="entry-comment-permalink"> <a data-gtm-label="entry-popular-permalink" href="/entry/4759985655004990976/comment/izumiya1948" 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="4759985655004990976" data-user-name="izumiya1948" 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://creators.bengo4.com/entry/2024/10/02/100000" data-next-cursor="MTcyNzg0MDQ2NiwyNzY2ODE4Mzg5NzgyNjc1Mw=="> <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="nicht-sein" data-url="https://creators.bengo4.com/entry/2024/10/02/100000"> <div class="entry-comment-contents-main"> <a href="/nicht-sein/" class="entry-user-icon" data-gtm-label="entry-recent-icon"><img src="https://cdn.profile-image.st-hatena.com/users/nicht-sein/profile.png"/ alt="nicht-sein" title="nicht-sein"></a> <div class="entry-comments-contents-body"> <span class="entry-comment-username"><a href="/nicht-sein/" data-gtm-label="entry-recent-username">nicht-sein</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/nicht-sein/20241004#bookmark-4759985655004990976">2024/10/04</a></span> <span class="entry-comment-permalink"> <a data-gtm-label="entry-recent-permalink" href="/entry/4759985655004990976/comment/nicht-sein" 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="4759985655004990976" data-user-name="nicht-sein" 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="mohri" data-url="https://creators.bengo4.com/entry/2024/10/02/100000"> <div class="entry-comment-contents-main"> <a href="/mohri/" class="entry-user-icon" data-gtm-label="entry-recent-icon"><img src="https://cdn.profile-image.st-hatena.com/users/mohri/profile.png"/ alt="mohri" title="mohri"></a> <div class="entry-comments-contents-body"> <span class="entry-comment-username"><a href="/mohri/" data-gtm-label="entry-recent-username">mohri</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/mohri/20241003#bookmark-4759985655004990976">2024/10/03</a></span> <span class="entry-comment-permalink"> <a data-gtm-label="entry-recent-permalink" href="/entry/4759985655004990976/comment/mohri" 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="4759985655004990976" data-user-name="mohri" 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="north_korea" data-url="https://creators.bengo4.com/entry/2024/10/02/100000"> <div class="entry-comment-contents-main"> <a href="/north_korea/" class="entry-user-icon" data-gtm-label="entry-recent-icon"><img src="https://cdn.profile-image.st-hatena.com/users/north_korea/profile.png"/ alt="north_korea" title="north_korea"></a> <div class="entry-comments-contents-body"> <span class="entry-comment-username"><a href="/north_korea/" data-gtm-label="entry-recent-username">north_korea</a></span> <span class="entry-comment-text js-bookmark-comment">無限スクロール作るな高校と無意味にSPAにするな高校は通っています。どちらもブラウザバックしたした際にキャッシュが使われずリセットされるからです。</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/north_korea/20241003#bookmark-4759985655004990976">2024/10/03</a></span> <span class="entry-comment-permalink"> <a data-gtm-label="entry-recent-permalink" href="/entry/4759985655004990976/comment/north_korea" 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="4759985655004990976" data-user-name="north_korea" 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="NAPORIN" data-url="https://creators.bengo4.com/entry/2024/10/02/100000"> <div class="entry-comment-contents-main"> <a href="/NAPORIN/" class="entry-user-icon" data-gtm-label="entry-recent-icon"><img src="https://cdn.profile-image.st-hatena.com/users/NAPORIN/profile.png"/ alt="NAPORIN" title="NAPORIN"></a> <div class="entry-comments-contents-body"> <span class="entry-comment-username"><a href="/NAPORIN/" data-gtm-label="entry-recent-username">NAPORIN</a></span> <span class="entry-comment-text js-bookmark-comment">“credentialをSlackに書くな高校校歌”</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/NAPORIN/20241003#bookmark-4759985655004990976">2024/10/03</a></span> <span class="entry-comment-permalink"> <a data-gtm-label="entry-recent-permalink" href="/entry/4759985655004990976/comment/NAPORIN" 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="4759985655004990976" data-user-name="NAPORIN" 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="mayumayu_nimolove" data-url="https://creators.bengo4.com/entry/2024/10/02/100000"> <div class="entry-comment-contents-main"> <a href="/mayumayu_nimolove/" class="entry-user-icon" data-gtm-label="entry-recent-icon"><img src="https://cdn.profile-image.st-hatena.com/users/mayumayu_nimolove/profile.png"/ alt="mayumayu_nimolove" title="mayumayu_nimolove"></a> <div class="entry-comments-contents-body"> <span class="entry-comment-username"><a href="/mayumayu_nimolove/" data-gtm-label="entry-recent-username">mayumayu_nimolove</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/mayumayu_nimolove/20241003#bookmark-4759985655004990976">2024/10/03</a></span> <span class="entry-comment-permalink"> <a data-gtm-label="entry-recent-permalink" href="/entry/4759985655004990976/comment/mayumayu_nimolove" 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="4759985655004990976" data-user-name="mayumayu_nimolove" 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="MarvinParnroid" data-url="https://creators.bengo4.com/entry/2024/10/02/100000"> <div class="entry-comment-contents-main"> <a href="/MarvinParnroid/" class="entry-user-icon" data-gtm-label="entry-recent-icon"><img src="https://cdn.profile-image.st-hatena.com/users/MarvinParnroid/profile.png"/ alt="MarvinParnroid" title="MarvinParnroid"></a> <div class="entry-comments-contents-body"> <span class="entry-comment-username"><a href="/MarvinParnroid/" data-gtm-label="entry-recent-username">MarvinParnroid</a></span> <span class="entry-comment-text js-bookmark-comment">残念ながらこういう派手な布教行為は一切無駄なんだわ。具体的にどういう「問題・障害」が起きるか提示出来てないし、概ねこれで上手く行くからね。そういう自由奔放な所が好まれてHTMLが生き残りXHTML(strict)は廃れた。</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/MarvinParnroid/20241002#bookmark-4759985655004990976">2024/10/02</a></span> <span class="entry-comment-permalink"> <a data-gtm-label="entry-recent-permalink" href="/entry/4759985655004990976/comment/MarvinParnroid" 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="4759985655004990976" data-user-name="MarvinParnroid" 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="kvx" data-url="https://creators.bengo4.com/entry/2024/10/02/100000"> <div class="entry-comment-contents-main"> <a href="/kvx/" class="entry-user-icon" data-gtm-label="entry-recent-icon"><img src="https://cdn.profile-image.st-hatena.com/users/kvx/profile.png"/ alt="kvx" title="kvx"></a> <div class="entry-comments-contents-body"> <span class="entry-comment-username"><a href="/kvx/" data-gtm-label="entry-recent-username">kvx</a></span> <span class="entry-comment-text js-bookmark-comment">buttonの中にdiv入れたいんですが</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/kvx/20241002#bookmark-4759985655004990976">2024/10/02</a></span> <span class="entry-comment-permalink"> <a data-gtm-label="entry-recent-permalink" href="/entry/4759985655004990976/comment/kvx" 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="4759985655004990976" data-user-name="kvx" 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="anonruru" data-url="https://creators.bengo4.com/entry/2024/10/02/100000"> <div class="entry-comment-contents-main"> <a href="/anonruru/" class="entry-user-icon" data-gtm-label="entry-recent-icon"><img src="https://cdn.profile-image.st-hatena.com/users/anonruru/profile.png"/ alt="anonruru" title="anonruru"></a> <div class="entry-comments-contents-body"> <span class="entry-comment-username"><a href="/anonruru/" data-gtm-label="entry-recent-username">anonruru</a></span> <span class="entry-comment-text js-bookmark-comment">リンクがボタンやonclick (「新しいタブで開く」ができない) & 無限スクロール式ページング(リロードしたりすると最初のページに戻される) の組み合わせは最凶。どの商品ページを見るかめちゃくちゃ慎重に選ぶことに。</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/anonruru/20241002#bookmark-4759985655004990976">2024/10/02</a></span> <span class="entry-comment-permalink"> <a data-gtm-label="entry-recent-permalink" href="/entry/4759985655004990976/comment/anonruru" 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="4759985655004990976" data-user-name="anonruru" 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="and_hyphen" data-url="https://creators.bengo4.com/entry/2024/10/02/100000"> <div class="entry-comment-contents-main"> <a href="/and_hyphen/" class="entry-user-icon" data-gtm-label="entry-recent-icon"><img src="https://cdn.profile-image.st-hatena.com/users/and_hyphen/profile.png"/ alt="and_hyphen" title="and_hyphen"></a> <div class="entry-comments-contents-body"> <span class="entry-comment-username"><a href="/and_hyphen/" data-gtm-label="entry-recent-username">and_hyphen</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/and_hyphen/20241002#bookmark-4759985655004990976">2024/10/02</a></span> <span class="entry-comment-permalink"> <a data-gtm-label="entry-recent-permalink" href="/entry/4759985655004990976/comment/and_hyphen" 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="4759985655004990976" data-user-name="and_hyphen" 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="ShionAmasato" data-url="https://creators.bengo4.com/entry/2024/10/02/100000"> <div class="entry-comment-contents-main"> <a href="/ShionAmasato/" class="entry-user-icon" data-gtm-label="entry-recent-icon"><img src="https://cdn.profile-image.st-hatena.com/users/ShionAmasato/profile.png"/ alt="ShionAmasato" title="ShionAmasato"></a> <div class="entry-comments-contents-body"> <span class="entry-comment-username"><a href="/ShionAmasato/" data-gtm-label="entry-recent-username">ShionAmasato</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/ShionAmasato/20241002#bookmark-4759985655004990976">2024/10/02</a></span> <span class="entry-comment-permalink"> <a data-gtm-label="entry-recent-permalink" href="/entry/4759985655004990976/comment/ShionAmasato" 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="4759985655004990976" data-user-name="ShionAmasato" 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="munieru_jp" data-url="https://creators.bengo4.com/entry/2024/10/02/100000"> <div class="entry-comment-contents-main"> <a href="/munieru_jp/" class="entry-user-icon" data-gtm-label="entry-recent-icon"><img src="https://cdn.profile-image.st-hatena.com/users/munieru_jp/profile.png"/ alt="munieru_jp" title="munieru_jp"></a> <div class="entry-comments-contents-body"> <span class="entry-comment-username"><a href="/munieru_jp/" data-gtm-label="entry-recent-username">munieru_jp</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/munieru_jp/20241002#bookmark-4759985655004990976">2024/10/02</a></span> <span class="entry-comment-permalink"> <a data-gtm-label="entry-recent-permalink" href="/entry/4759985655004990976/comment/munieru_jp" 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="4759985655004990976" data-user-name="munieru_jp" 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="sinnra0" data-url="https://creators.bengo4.com/entry/2024/10/02/100000"> <div class="entry-comment-contents-main"> <a href="/sinnra0/" class="entry-user-icon" data-gtm-label="entry-recent-icon"><img src="https://cdn.profile-image.st-hatena.com/users/sinnra0/profile.png"/ alt="sinnra0" title="sinnra0"></a> <div class="entry-comments-contents-body"> <span class="entry-comment-username"><a href="/sinnra0/" data-gtm-label="entry-recent-username">sinnra0</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/sinnra0/20241002#bookmark-4759985655004990976">2024/10/02</a></span> <span class="entry-comment-permalink"> <a data-gtm-label="entry-recent-permalink" href="/entry/4759985655004990976/comment/sinnra0" 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="4759985655004990976" data-user-name="sinnra0" 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="forestk" data-url="https://creators.bengo4.com/entry/2024/10/02/100000"> <div class="entry-comment-contents-main"> <a href="/forestk/" class="entry-user-icon" data-gtm-label="entry-recent-icon"><img src="https://cdn.profile-image.st-hatena.com/users/forestk/profile.png"/ alt="forestk" title="forestk"></a> <div class="entry-comments-contents-body"> <span class="entry-comment-username"><a href="/forestk/" data-gtm-label="entry-recent-username">forestk</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-recent-timestamp" href="https://b.hatena.ne.jp/forestk/20241002#bookmark-4759985655004990976">2024/10/02</a></span> <span class="entry-comment-permalink"> <a data-gtm-label="entry-recent-permalink" href="/entry/4759985655004990976/comment/forestk" 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="4759985655004990976" data-user-name="forestk" 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="hitode909" data-url="https://creators.bengo4.com/entry/2024/10/02/100000"> <div class="entry-comment-contents-main"> <a href="/hitode909/" class="entry-user-icon" data-gtm-label="entry-recent-icon"><img src="https://cdn.profile-image.st-hatena.com/users/hitode909/profile.png"/ alt="hitode909" title="hitode909"></a> <div class="entry-comments-contents-body"> <span class="entry-comment-username"><a href="/hitode909/" data-gtm-label="entry-recent-username">hitode909</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/hitode909/20241002#bookmark-4759985655004990976">2024/10/02</a></span> <span class="entry-comment-permalink"> <a data-gtm-label="entry-recent-permalink" href="/entry/4759985655004990976/comment/hitode909" 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="4759985655004990976" data-user-name="hitode909" 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="otchy210" data-url="https://creators.bengo4.com/entry/2024/10/02/100000"> <div class="entry-comment-contents-main"> <a href="/otchy210/" class="entry-user-icon" data-gtm-label="entry-recent-icon"><img src="https://cdn.profile-image.st-hatena.com/users/otchy210/profile.png"/ alt="otchy210" title="otchy210"></a> <div class="entry-comments-contents-body"> <span class="entry-comment-username"><a href="/otchy210/" data-gtm-label="entry-recent-username">otchy210</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/otchy210/20241002#bookmark-4759985655004990976">2024/10/02</a></span> <span class="entry-comment-permalink"> <a data-gtm-label="entry-recent-permalink" href="/entry/4759985655004990976/comment/otchy210" 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="4759985655004990976" data-user-name="otchy210" 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="silossowski" data-url="https://creators.bengo4.com/entry/2024/10/02/100000"> <div class="entry-comment-contents-main"> <a href="/silossowski/" class="entry-user-icon" data-gtm-label="entry-recent-icon"><img src="https://cdn.profile-image.st-hatena.com/users/silossowski/profile.png"/ alt="silossowski" title="silossowski"></a> <div class="entry-comments-contents-body"> <span class="entry-comment-username"><a href="/silossowski/" data-gtm-label="entry-recent-username">silossowski</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/silossowski/20241002#bookmark-4759985655004990976">2024/10/02</a></span> <span class="entry-comment-permalink"> <a data-gtm-label="entry-recent-permalink" href="/entry/4759985655004990976/comment/silossowski" 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="4759985655004990976" data-user-name="silossowski" 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="sucelie" data-url="https://creators.bengo4.com/entry/2024/10/02/100000"> <div class="entry-comment-contents-main"> <a href="/sucelie/" class="entry-user-icon" data-gtm-label="entry-recent-icon"><img src="https://cdn.profile-image.st-hatena.com/users/sucelie/profile.png"/ alt="sucelie" title="sucelie"></a> <div class="entry-comments-contents-body"> <span class="entry-comment-username"><a href="/sucelie/" data-gtm-label="entry-recent-username">sucelie</a></span> <span class="entry-comment-text js-bookmark-comment">role="button" してるんで、あとは知ったこっちゃない。</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/sucelie/20241002#bookmark-4759985655004990976">2024/10/02</a></span> <span class="entry-comment-permalink"> <a data-gtm-label="entry-recent-permalink" href="/entry/4759985655004990976/comment/sucelie" 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="4759985655004990976" data-user-name="sucelie" 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="suzuki107" data-url="https://creators.bengo4.com/entry/2024/10/02/100000"> <div class="entry-comment-contents-main"> <a href="/suzuki107/" class="entry-user-icon" data-gtm-label="entry-recent-icon"><img src="https://cdn.profile-image.st-hatena.com/users/suzuki107/profile.png"/ alt="suzuki107" title="suzuki107"></a> <div class="entry-comments-contents-body"> <span class="entry-comment-username"><a href="/suzuki107/" data-gtm-label="entry-recent-username">suzuki107</a></span> <span class="entry-comment-text js-bookmark-comment">ちゃんと曲にしててすごいw</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/suzuki107/20241002#bookmark-4759985655004990976">2024/10/02</a></span> <span class="entry-comment-permalink"> <a data-gtm-label="entry-recent-permalink" href="/entry/4759985655004990976/comment/suzuki107" 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="4759985655004990976" data-user-name="suzuki107" 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="deep_one" data-url="https://creators.bengo4.com/entry/2024/10/02/100000"> <div class="entry-comment-contents-main"> <a href="/deep_one/" class="entry-user-icon" data-gtm-label="entry-recent-icon"><img src="https://cdn.profile-image.st-hatena.com/users/deep_one/profile.png"/ alt="deep_one" title="deep_one"></a> <div class="entry-comments-contents-body"> <span class="entry-comment-username"><a href="/deep_one/" data-gtm-label="entry-recent-username">deep_one</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/deep_one/20241002#bookmark-4759985655004990976">2024/10/02</a></span> <span class="entry-comment-permalink"> <a data-gtm-label="entry-recent-permalink" href="/entry/4759985655004990976/comment/deep_one" 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="4759985655004990976" data-user-name="deep_one" 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="neet_modi_ki" data-url="https://creators.bengo4.com/entry/2024/10/02/100000"> <div class="entry-comment-contents-main"> <a href="/neet_modi_ki/" class="entry-user-icon" data-gtm-label="entry-recent-icon"><img src="https://cdn.profile-image.st-hatena.com/users/neet_modi_ki/profile.png"/ alt="neet_modi_ki" title="neet_modi_ki"></a> <div class="entry-comments-contents-body"> <span class="entry-comment-username"><a href="/neet_modi_ki/" data-gtm-label="entry-recent-username">neet_modi_ki</a></span> <span class="entry-comment-text js-bookmark-comment">UIとしてはリンクとボタンを同一に扱いたいというケースが多い。Reactはじめコンポーネント指向UIライブラリを使えば、見た目は同一のボタンにしつつ、内部的にaタグとbuttonタグを出し分ける、みたいなのがやりやすい。</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/neet_modi_ki/20241002#bookmark-4759985655004990976">2024/10/02</a></span> <span class="entry-comment-permalink"> <a data-gtm-label="entry-recent-permalink" href="/entry/4759985655004990976/comment/neet_modi_ki" 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="4759985655004990976" data-user-name="neet_modi_ki" 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="kougeneki255" data-url="https://creators.bengo4.com/entry/2024/10/02/100000"> <div class="entry-comment-contents-main"> <a href="/kougeneki255/" class="entry-user-icon" data-gtm-label="entry-recent-icon"><img src="https://cdn.profile-image.st-hatena.com/users/kougeneki255/profile.png"/ alt="kougeneki255" title="kougeneki255"></a> <div class="entry-comments-contents-body"> <span class="entry-comment-username"><a href="/kougeneki255/" data-gtm-label="entry-recent-username">kougeneki255</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/kougeneki255/20241002#bookmark-4759985655004990976">2024/10/02</a></span> <span class="entry-comment-permalink"> <a data-gtm-label="entry-recent-permalink" href="/entry/4759985655004990976/comment/kougeneki255" 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="4759985655004990976" data-user-name="kougeneki255" 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="grankoyan2" data-url="https://creators.bengo4.com/entry/2024/10/02/100000"> <div class="entry-comment-contents-main"> <a href="/grankoyan2/" class="entry-user-icon" data-gtm-label="entry-recent-icon"><img src="https://cdn.profile-image.st-hatena.com/users/grankoyan2/profile.png"/ alt="grankoyan2" title="grankoyan2"></a> <div class="entry-comments-contents-body"> <span class="entry-comment-username"><a href="/grankoyan2/" data-gtm-label="entry-recent-username">grankoyan2</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/grankoyan2/20241002#bookmark-4759985655004990976">2024/10/02</a></span> <span class="entry-comment-permalink"> <a data-gtm-label="entry-recent-permalink" href="/entry/4759985655004990976/comment/grankoyan2" 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="4759985655004990976" data-user-name="grankoyan2" 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="trace22" data-url="https://creators.bengo4.com/entry/2024/10/02/100000"> <div class="entry-comment-contents-main"> <a href="/trace22/" class="entry-user-icon" data-gtm-label="entry-recent-icon"><img src="https://cdn.profile-image.st-hatena.com/users/trace22/profile.png"/ alt="trace22" title="trace22"></a> <div class="entry-comments-contents-body"> <span class="entry-comment-username"><a href="/trace22/" data-gtm-label="entry-recent-username">trace22</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/trace22/20241002#bookmark-4759985655004990976">2024/10/02</a></span> <span class="entry-comment-permalink"> <a data-gtm-label="entry-recent-permalink" href="/entry/4759985655004990976/comment/trace22" 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="4759985655004990976" data-user-name="trace22" 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="kkobayashi" data-url="https://creators.bengo4.com/entry/2024/10/02/100000"> <div class="entry-comment-contents-main"> <a href="/kkobayashi/" class="entry-user-icon" data-gtm-label="entry-recent-icon"><img src="https://cdn.profile-image.st-hatena.com/users/kkobayashi/profile.png"/ alt="kkobayashi" title="kkobayashi"></a> <div class="entry-comments-contents-body"> <span class="entry-comment-username"><a href="/kkobayashi/" data-gtm-label="entry-recent-username">kkobayashi</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/kkobayashi/20241002#bookmark-4759985655004990976">2024/10/02</a></span> <span class="entry-comment-permalink"> <a data-gtm-label="entry-recent-permalink" href="/entry/4759985655004990976/comment/kkobayashi" 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="4759985655004990976" data-user-name="kkobayashi" 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="gpx-monya" data-url="https://creators.bengo4.com/entry/2024/10/02/100000"> <div class="entry-comment-contents-main"> <a href="/gpx-monya/" class="entry-user-icon" data-gtm-label="entry-recent-icon"><img src="https://cdn.profile-image.st-hatena.com/users/gpx-monya/profile.png"/ alt="gpx-monya" title="gpx-monya"></a> <div class="entry-comments-contents-body"> <span class="entry-comment-username"><a href="/gpx-monya/" data-gtm-label="entry-recent-username">gpx-monya</a></span> <span class="entry-comment-text js-bookmark-comment">弁護士ドットコムにも技術ブログあるんだwそして曲の解説のほうが充実してそうな勢いww</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/gpx-monya/20241002#bookmark-4759985655004990976">2024/10/02</a></span> <span class="entry-comment-permalink"> <a data-gtm-label="entry-recent-permalink" href="/entry/4759985655004990976/comment/gpx-monya" 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="4759985655004990976" data-user-name="gpx-monya" 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="Shiori115" data-url="https://creators.bengo4.com/entry/2024/10/02/100000"> <div class="entry-comment-contents-main"> <a href="/Shiori115/" class="entry-user-icon" data-gtm-label="entry-recent-icon"><img src="https://cdn.profile-image.st-hatena.com/users/Shiori115/profile.png"/ alt="Shiori115" title="Shiori115"></a> <div class="entry-comments-contents-body"> <span class="entry-comment-username"><a href="/Shiori115/" data-gtm-label="entry-recent-username">Shiori115</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/Shiori115/20241002#bookmark-4759985655004990976">2024/10/02</a></span> <span class="entry-comment-permalink"> <a data-gtm-label="entry-recent-permalink" href="/entry/4759985655004990976/comment/Shiori115" 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="4759985655004990976" data-user-name="Shiori115" 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="casm" data-url="https://creators.bengo4.com/entry/2024/10/02/100000"> <div class="entry-comment-contents-main"> <a href="/casm/" class="entry-user-icon" data-gtm-label="entry-recent-icon"><img src="https://cdn.profile-image.st-hatena.com/users/casm/profile.png"/ alt="casm" title="casm"></a> <div class="entry-comments-contents-body"> <span class="entry-comment-username"><a href="/casm/" data-gtm-label="entry-recent-username">casm</a></span> <span class="entry-comment-text js-bookmark-comment">この説明の流れだと「aタグで作ったボタンは借用和音」と言われてしまうので、校歌はダイアトニックコードだけで構成すべきだったのでは。</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/casm/20241002#bookmark-4759985655004990976">2024/10/02</a></span> <span class="entry-comment-permalink"> <a data-gtm-label="entry-recent-permalink" href="/entry/4759985655004990976/comment/casm" 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="4759985655004990976" data-user-name="casm" 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="nakamura-kenichi" data-url="https://creators.bengo4.com/entry/2024/10/02/100000"> <div class="entry-comment-contents-main"> <a href="/nakamura-kenichi/" class="entry-user-icon" data-gtm-label="entry-recent-icon"><img src="https://cdn.profile-image.st-hatena.com/users/nakamura-kenichi/profile.png"/ alt="nakamura-kenichi" title="nakamura-kenichi"></a> <div class="entry-comments-contents-body"> <span class="entry-comment-username"><a href="/nakamura-kenichi/" data-gtm-label="entry-recent-username">nakamura-kenichi</a></span> <span class="entry-comment-text js-bookmark-comment">cssライブラリとかcssフレームワークに言うた方が話早いんよなあw。</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/nakamura-kenichi/20241002#bookmark-4759985655004990976">2024/10/02</a></span> <span class="entry-comment-permalink"> <a data-gtm-label="entry-recent-permalink" href="/entry/4759985655004990976/comment/nakamura-kenichi" 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="4759985655004990976" data-user-name="nakamura-kenichi" 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://creators.bengo4.com/entry/2024/10/02/100000"> <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">「意図しない動作や、アクセシビリティ上の問題が発生します」を「こっちがこないだ決まった(決まってない)Web標準だもん!やーい!お前のかーちゃん独自実装ー!」で殴りつけてた時代を知らない世代のジョークかな</span> <ul class="entry-comment-tags"> <li class=""><a href="/kibitaki/web%E5%88%B6%E4%BD%9C/" 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/kibitaki/20241002#bookmark-4759985655004990976">2024/10/02</a></span> <span class="entry-comment-permalink"> <a data-gtm-label="entry-recent-permalink" href="/entry/4759985655004990976/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="4759985655004990976" 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="izumiya1948" data-url="https://creators.bengo4.com/entry/2024/10/02/100000"> <div class="entry-comment-contents-main"> <a href="/izumiya1948/" class="entry-user-icon" data-gtm-label="entry-recent-icon"><img src="https://cdn.profile-image.st-hatena.com/users/izumiya1948/profile.png"/ alt="izumiya1948" title="izumiya1948"></a> <div class="entry-comments-contents-body"> <span class="entry-comment-username"><a href="/izumiya1948/" data-gtm-label="entry-recent-username">izumiya1948</a></span> <span class="entry-comment-text js-bookmark-comment">【「校歌」は、アンチパターンやベストプラクティスを伝えるネットスラング、もしくはネットミームです。主張をそのまま学校名にし、それらしい歌詞を SNS に投稿します。】知らんわw</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/izumiya1948/20241002#bookmark-4759985655004990976">2024/10/02</a></span> <span class="entry-comment-permalink"> <a data-gtm-label="entry-recent-permalink" href="/entry/4759985655004990976/comment/izumiya1948" 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="4759985655004990976" data-user-name="izumiya1948" 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%252Fcreators.bengo4.com%252Fentry%252F2024%252F10%252F02%252F100000%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/77d2ee6f79ddaf78eb2d198936bae315b6721993/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%252Fcreators.bengo4.com%252Fentry%252F2024%252F10%252F02%252F100000%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%252Fcreators.bengo4.com%252Fentry%252F2024%252F10%252F02%252F100000%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%2Fcreators.bengo4.com%2Fentry%2F2024%2F10%2F02%2F100000" scrolling="no" frameborder="0" height="230" width="500"><div class="hatena-bookmark-detail-info"><a href="https://creators.bengo4.com/entry/2024/10/02/100000">ボタンをaタグで作るな高校校歌 - 弁護士ドットコム株式会社 Creators’ blog</a><a href="https://b.hatena.ne.jp/entry/s/creators.bengo4.com/entry/2024/10/02/100000">はてなブックマーク - ボタンをaタグで作るな高校校歌 - 弁護士ドットコム株式会社 Creators’ blog</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%2Fcreators.bengo4.com%2Fentry%2F2024%2F10%2F02%2F100000"> <iframe marginwidth="0" marginheight="0" src="" scrolling="no" frameborder="0" height="230" width="500"><div class="hatena-bookmark-detail-info"><a href="https://creators.bengo4.com/entry/2024/10/02/100000">ボタンをaタグで作るな高校校歌 - 弁護士ドットコム株式会社 Creators’ blog</a><a href="https://b.hatena.ne.jp/entry/s/creators.bengo4.com/entry/2024/10/02/100000">はてなブックマーク - ボタンをaタグで作るな高校校歌 - 弁護士ドットコム株式会社 Creators’ blog</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%2Fcreators.bengo4.com%2Fentry%2F2024%2F10%2F02%2F100000">はてなブックマークボタンを作成して埋め込むこともできます</a></p> </div> </div> <button type="button" class="entry-embedModal-close js-entry-embed-modal-close"><img src="https://b.st-hatena.com/77d2ee6f79ddaf78eb2d198936bae315b6721993/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://creators.bengo4.com/entry/2024/10/02/100000"> <aside id="owner-bookmark-visibility" class="js-entry-owners-data entry-subMenu-owners" data-entry-url="https://creators.bengo4.com/entry/2024/10/02/100000"> <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%2Fcreators.bengo4.com%2Fentry%2F2024%2F10%2F02%2F100000/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/77d2ee6f79ddaf78eb2d198936bae315b6721993/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://creators.bengo4.com/entry/2024/10/02/100000"> <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番目にブックマークした記事「ボタンをaタグで作...」が注目されています。</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/77d2ee6f79ddaf78eb2d198936bae315b6721993/images/v4/public/entry/overlay-close-gray.svg" alt="閉じる"> <img class="entry-notificationModal-closeImage-sp" src="https://b.st-hatena.com/77d2ee6f79ddaf78eb2d198936bae315b6721993/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">ボタンをaタグで作るな高校校歌 - 弁護士ドットコム株式会社 Creators’ blog</span></h2> <a rel="nofollow" href="https://creators.bengo4.com/entry/2024/10/02/100000" class="js-entry-link is-hidden"></a> <p class="entry-about-description js-entry-about-description"> <span class="js-entry-description-short">まずはこちらをお聞きください。 <a data-gtm-click-label="entry-summary-keyword" href="/q/%E6%8A%80%E8%A1%93">技術</a>的解説: ボタンを a 要素で作るな a 要素は URL などへのリンクを...<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">まずはこちらをお聞きください。 <a data-gtm-click-label="entry-summary-keyword" href="/q/%E6%8A%80%E8%A1%93">技術</a>的解説: ボタンを a 要素で作るな a 要素は URL などへのリンクをつくるためのもので、button 要素はなんらかの処理を起動するボタンをつくるためのものです。 配置されるものがリンクなら a 要素で実装し、ボタンなら button 要素で実装すべきです。 これに違反すると、意図しない動作や、アクセシビリティ上の問題が発生します。 これは MDN でも詳しく説明されています。 onclick イベント -- \<a>: アンカー要素 - <a data-gtm-click-label="entry-summary-keyword" href="/q/HTML">HTML</a>: ハイパーテキストマークアップ言語 | MDN よく見られる誤った使い方として、擬似的なボタンを作成するためにアンカー要素を使用し、href を # または <a data-gtm-click-label="entry-summary-keyword" href="/q/Javascript">javascript</a>:void(0) に設定してページの再読み込みを防ぎ、click を待ち受けするようにするというものがあります。 これらの偽の</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/HTML" class="entry-tags-contents" data-gtm-label="entry-about-tags">HTML</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/accessibility" class="entry-tags-contents" data-gtm-label="entry-about-tags">accessibility</a></li> <li><a href="/q/web%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3" class="entry-tags-contents" data-gtm-label="entry-about-tags">webデザイン</a></li> <li><a href="/q/ui" class="entry-tags-contents" data-gtm-label="entry-about-tags">ui</a></li> <li><a href="/q/web%E5%88%B6%E4%BD%9C" class="entry-tags-contents" data-gtm-label="entry-about-tags">web制作</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> <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/web%E3%82%B5%E3%83%BC%E3%83%93%E3%82%B9" class="entry-tags-contents" data-gtm-label="entry-about-tags">webサービス</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="k_oshima" data-created="20241112" data-location-id="4759985655004990976"> <span class="entry-bookmarkUsers-meta"> <span class="entry-bookmarkUsers-userName">k_oshima</span><span class="entry-bookmarkUsers-timestamp">2024/11/12</span> </span> <img src="https://cdn.profile-image.st-hatena.com/users/k_oshima/profile.png" alt="k_oshima" title="k_oshima"/> </li> <li role="link" tabIndex="0" class="bookmarker js-bookmarker js-ignorable-user-content" data-gtm-label="entry-bookmarkUsers-icon" data-user-name="kyo_ago" data-created="20241111" data-location-id="4759985655004990976"> <span class="entry-bookmarkUsers-meta"> <span class="entry-bookmarkUsers-userName">kyo_ago</span><span class="entry-bookmarkUsers-timestamp">2024/11/11</span> </span> <img src="https://cdn.profile-image.st-hatena.com/users/kyo_ago/profile.png" alt="kyo_ago" title="kyo_ago"/> </li> <li role="link" tabIndex="0" class="bookmarker js-bookmarker js-ignorable-user-content" data-gtm-label="entry-bookmarkUsers-icon" data-user-name="michimani210" data-created="20241008" data-location-id="4759985655004990976"> <span class="entry-bookmarkUsers-meta"> <span class="entry-bookmarkUsers-userName">michimani210</span><span class="entry-bookmarkUsers-timestamp">2024/10/08</span> </span> <img src="https://cdn.profile-image.st-hatena.com/users/michimani210/profile.png" alt="michimani210" title="michimani210"/> </li> <li role="link" tabIndex="0" class="bookmarker js-bookmarker js-ignorable-user-content" data-gtm-label="entry-bookmarkUsers-icon" data-user-name="sawarabi0130" data-created="20241006" data-location-id="4759985655004990976"> <span class="entry-bookmarkUsers-meta"> <span class="entry-bookmarkUsers-userName">sawarabi0130</span><span class="entry-bookmarkUsers-timestamp">2024/10/06</span> </span> <img src="https://cdn.profile-image.st-hatena.com/users/sawarabi0130/profile.png" alt="sawarabi0130" title="sawarabi0130"/> </li> <li role="link" tabIndex="0" class="bookmarker js-bookmarker js-ignorable-user-content" data-gtm-label="entry-bookmarkUsers-icon" data-user-name="nicht-sein" data-created="20241004" data-location-id="4759985655004990976"> <span class="entry-bookmarkUsers-meta"> <span class="entry-bookmarkUsers-userName">nicht-sein</span><span class="entry-bookmarkUsers-timestamp">2024/10/04</span> </span> <img src="https://cdn.profile-image.st-hatena.com/users/nicht-sein/profile.png" alt="nicht-sein" title="nicht-sein"/> </li> <li role="link" tabIndex="0" class="bookmarker js-bookmarker js-ignorable-user-content" data-gtm-label="entry-bookmarkUsers-icon" data-user-name="yug1224" data-created="20241003" data-location-id="4759985655004990976"> <span class="entry-bookmarkUsers-meta"> <span class="entry-bookmarkUsers-userName">yug1224</span><span class="entry-bookmarkUsers-timestamp">2024/10/03</span> </span> <img src="https://cdn.profile-image.st-hatena.com/users/yug1224/profile.png" alt="yug1224" title="yug1224"/> </li> <li role="link" tabIndex="0" class="bookmarker js-bookmarker js-ignorable-user-content" data-gtm-label="entry-bookmarkUsers-icon" data-user-name="manabou" data-created="20241003" data-location-id="4759985655004990976"> <span class="entry-bookmarkUsers-meta"> <span class="entry-bookmarkUsers-userName">manabou</span><span class="entry-bookmarkUsers-timestamp">2024/10/03</span> </span> <img src="https://cdn.profile-image.st-hatena.com/users/manabou/profile.png" alt="manabou" title="manabou"/> </li> <li role="link" tabIndex="0" class="bookmarker js-bookmarker js-ignorable-user-content" data-gtm-label="entry-bookmarkUsers-icon" data-user-name="solunaris149" data-created="20241003" data-location-id="4759985655004990976"> <span class="entry-bookmarkUsers-meta"> <span class="entry-bookmarkUsers-userName">solunaris149</span><span class="entry-bookmarkUsers-timestamp">2024/10/03</span> </span> <img src="https://cdn.profile-image.st-hatena.com/users/solunaris149/profile.png" alt="solunaris149" title="solunaris149"/> </li> <li role="link" tabIndex="0" class="bookmarker js-bookmarker js-ignorable-user-content" data-gtm-label="entry-bookmarkUsers-icon" data-user-name="kinushu" data-created="20241003" data-location-id="4759985655004990976"> <span class="entry-bookmarkUsers-meta"> <span class="entry-bookmarkUsers-userName">kinushu</span><span class="entry-bookmarkUsers-timestamp">2024/10/03</span> </span> <img src="https://cdn.profile-image.st-hatena.com/users/kinushu/profile.png" alt="kinushu" title="kinushu"/> </li> <li role="link" tabIndex="0" class="bookmarker js-bookmarker js-ignorable-user-content" data-gtm-label="entry-bookmarkUsers-icon" data-user-name="oshida_bengo4" data-created="20241003" data-location-id="4759985655004990976"> <span class="entry-bookmarkUsers-meta"> <span class="entry-bookmarkUsers-userName">oshida_bengo4</span><span class="entry-bookmarkUsers-timestamp">2024/10/03</span> </span> <img src="https://cdn.profile-image.st-hatena.com/users/oshida_bengo4/profile.png" alt="oshida_bengo4" title="oshida_bengo4"/> </li> <li role="link" tabIndex="0" class="bookmarker js-bookmarker js-ignorable-user-content" data-gtm-label="entry-bookmarkUsers-icon" data-user-name="aaaikaaa" data-created="20241003" data-location-id="4759985655004990976"> <span class="entry-bookmarkUsers-meta"> <span class="entry-bookmarkUsers-userName">aaaikaaa</span><span class="entry-bookmarkUsers-timestamp">2024/10/03</span> </span> <img src="https://cdn.profile-image.st-hatena.com/users/aaaikaaa/profile.png" alt="aaaikaaa" title="aaaikaaa"/> </li> <li role="link" tabIndex="0" class="bookmarker js-bookmarker js-ignorable-user-content" data-gtm-label="entry-bookmarkUsers-icon" data-user-name="iwanofsky" data-created="20241003" data-location-id="4759985655004990976"> <span class="entry-bookmarkUsers-meta"> <span class="entry-bookmarkUsers-userName">iwanofsky</span><span class="entry-bookmarkUsers-timestamp">2024/10/03</span> </span> <img src="https://cdn.profile-image.st-hatena.com/users/iwanofsky/profile.png" alt="iwanofsky" title="iwanofsky"/> </li> <li role="link" tabIndex="0" class="bookmarker js-bookmarker js-ignorable-user-content" data-gtm-label="entry-bookmarkUsers-icon" data-user-name="aravow" data-created="20241003" data-location-id="4759985655004990976"> <span class="entry-bookmarkUsers-meta"> <span class="entry-bookmarkUsers-userName">aravow</span><span class="entry-bookmarkUsers-timestamp">2024/10/03</span> </span> <img src="https://cdn.profile-image.st-hatena.com/users/aravow/profile.png" alt="aravow" title="aravow"/> </li> <li role="link" tabIndex="0" class="bookmarker js-bookmarker js-ignorable-user-content" data-gtm-label="entry-bookmarkUsers-icon" data-user-name="honeybe" data-created="20241003" data-location-id="4759985655004990976"> <span class="entry-bookmarkUsers-meta"> <span class="entry-bookmarkUsers-userName">honeybe</span><span class="entry-bookmarkUsers-timestamp">2024/10/03</span> </span> <img src="https://cdn.profile-image.st-hatena.com/users/honeybe/profile.png" alt="honeybe" title="honeybe"/> </li> <li role="link" tabIndex="0" class="bookmarker js-bookmarker js-ignorable-user-content" data-gtm-label="entry-bookmarkUsers-icon" data-user-name="yuiseki" data-created="20241003" data-location-id="4759985655004990976"> <span class="entry-bookmarkUsers-meta"> <span class="entry-bookmarkUsers-userName">yuiseki</span><span class="entry-bookmarkUsers-timestamp">2024/10/03</span> </span> <img src="https://cdn.profile-image.st-hatena.com/users/yuiseki/profile.png" alt="yuiseki" title="yuiseki"/> </li> <li role="link" tabIndex="0" class="bookmarker js-bookmarker js-ignorable-user-content" data-gtm-label="entry-bookmarkUsers-icon" data-user-name="mohri" data-created="20241003" data-location-id="4759985655004990976"> <span class="entry-bookmarkUsers-meta"> <span class="entry-bookmarkUsers-userName">mohri</span><span class="entry-bookmarkUsers-timestamp">2024/10/03</span> </span> <img src="https://cdn.profile-image.st-hatena.com/users/mohri/profile.png" alt="mohri" title="mohri"/> </li> <li role="link" tabIndex="0" class="bookmarker js-bookmarker js-ignorable-user-content" data-gtm-label="entry-bookmarkUsers-icon" data-user-name="tybalt" data-created="20241003" data-location-id="4759985655004990976"> <span class="entry-bookmarkUsers-meta"> <span class="entry-bookmarkUsers-userName">tybalt</span><span class="entry-bookmarkUsers-timestamp">2024/10/03</span> </span> <img src="https://cdn.profile-image.st-hatena.com/users/tybalt/profile.png" alt="tybalt" title="tybalt"/> </li> <li role="link" tabIndex="0" class="bookmarker js-bookmarker js-ignorable-user-content" data-gtm-label="entry-bookmarkUsers-icon" data-user-name="pmakino" data-created="20241003" data-location-id="4759985655004990976"> <span class="entry-bookmarkUsers-meta"> <span class="entry-bookmarkUsers-userName">pmakino</span><span class="entry-bookmarkUsers-timestamp">2024/10/03</span> </span> <img src="https://cdn.profile-image.st-hatena.com/users/pmakino/profile.png" alt="pmakino" title="pmakino"/> </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://creators.bengo4.com/entry/2024/10/02/100000" data-next-cursor="MTcyNzg4NTUzOCwyNzY2ODc3MzM4OTQ5Mjg5Nw=="> <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/creators.bengo4.com/?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/creators.bengo4.com/entry/2024/11/05/080000" title="イベント開催レポート:「出張!俺の電子契約」〜クラウドサインをアクセシビリティチェック〜 - 弁護士ドットコム株式会社 Creators’ blog" data-gtm-label="entry-entrylistSameDomain-title">イベント開催レポート:「出張!俺の電子契約」〜クラウドサインをアクセシビリティチェック〜 - 弁護士ドットコム株式会社 Creators’ blog</a></h3> <p class="entry-group-meta"><span class="entry-group-users"><a href="/entry/s/creators.bengo4.com/entry/2024/11/05/080000" data-gtm-label="entry-entrylistSameDomain-users">2 users</a></span><span class="entry-group-domain"><a href="/site/creators.bengo4.com/" data-gtm-label="entry-entrylistSameDomain-domain"><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcreators.bengo4.com%2Fentry%2F2024%2F11%2F05%2F080000" alt="">creators.bengo4.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/creators.bengo4.com/entry/2024/10/22/073000" title="ゼロダウンタイムで Amazon EC2 で稼働している nginx を AWS Fargate に移行した - 弁護士ドットコム株式会社 Creators’ blog" data-gtm-label="entry-entrylistSameDomain-title">ゼロダウンタイムで Amazon EC2 で稼働している nginx を AWS Fargate に移行した - 弁護士ドットコム株式会社 Creators’ blog</a></h3> <p class="entry-group-meta"><span class="entry-group-users"><a href="/entry/s/creators.bengo4.com/entry/2024/10/22/073000" data-gtm-label="entry-entrylistSameDomain-users">1 user</a></span><span class="entry-group-domain"><a href="/site/creators.bengo4.com/" data-gtm-label="entry-entrylistSameDomain-domain"><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcreators.bengo4.com%2Fentry%2F2024%2F10%2F22%2F073000" alt="">creators.bengo4.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/creators.bengo4.com/entry/2024/10/19/060000" title="弁護士ドットコムはVue Fes Japan 2024にスポンサー&登壇します! - 弁護士ドットコム株式会社 Creators’ blog" data-gtm-label="entry-entrylistSameDomain-title">弁護士ドットコムはVue Fes Japan 2024にスポンサー&登壇します! - 弁護士ドットコム株式会社 Creators’ blog</a></h3> <p class="entry-group-meta"><span class="entry-group-users"><a href="/entry/s/creators.bengo4.com/entry/2024/10/19/060000" data-gtm-label="entry-entrylistSameDomain-users">1 user</a></span><span class="entry-group-domain"><a href="/site/creators.bengo4.com/" data-gtm-label="entry-entrylistSameDomain-domain"><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcreators.bengo4.com%2Fentry%2F2024%2F10%2F19%2F060000" alt="">creators.bengo4.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/creators.bengo4.com/entry/2024/10/10/083000" title="MockServiceWorker(MSW) を使った高速開発のための運用事例 - 弁護士ドットコム株式会社 Creators’ blog" data-gtm-label="entry-entrylistSameDomain-title">MockServiceWorker(MSW) を使った高速開発のための運用事例 - 弁護士ドットコム株式会社 Creators’ blog</a></h3> <p class="entry-group-meta"><span class="entry-group-users"><a href="/entry/s/creators.bengo4.com/entry/2024/10/10/083000" data-gtm-label="entry-entrylistSameDomain-users">2 users</a></span><span class="entry-group-domain"><a href="/site/creators.bengo4.com/" data-gtm-label="entry-entrylistSameDomain-domain"><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcreators.bengo4.com%2Fentry%2F2024%2F10%2F10%2F083000" alt="">creators.bengo4.com</a></span></p> </div> </div> </li> </ul> <p class="entry-group-readmore"> <a href="/site/creators.bengo4.com/?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/anond.hatelabo.jp/20241124202026" 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/20241124202026" data-gtm-label="entry-hotentry-users">565 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%2F20241124202026" 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/note.com/yonekubo/n/n4fe61173fe15" title="具体と抽象を行き来するということ|yonekubo" data-gtm-label="entry-hotentry-title">具体と抽象を行き来するということ|yonekubo</a></h3> <p class="entry-group-meta"><span class="entry-group-users"><a href="/entry/s/note.com/yonekubo/n/n4fe61173fe15" data-gtm-label="entry-hotentry-users">200 users</a></span><span class="entry-group-domain"><a href="/site/note.com/yonekubo" data-gtm-label="entry-hotentry-domain"><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fnote.com%2Fyonekubo%2Fn%2Fn4fe61173fe15" alt="">note.com/yonekubo</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/naresome.net/yoppi-talk-about-marriage/" title="【ヨッピー】破天荒ライターは何故、結婚したのか?「結婚は雑に。育児は運転と捉えよ」 | ナレソメノート" data-gtm-label="entry-hotentry-title">【ヨッピー】破天荒ライターは何故、結婚したのか?「結婚は雑に。育児は運転と捉えよ」 | ナレソメノート</a></h3> <p class="entry-group-meta"><span class="entry-group-users"><a href="/entry/s/naresome.net/yoppi-talk-about-marriage/" data-gtm-label="entry-hotentry-users">300 users</a></span><span class="entry-group-domain"><a href="/site/naresome.net/" data-gtm-label="entry-hotentry-domain"><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fnaresome.net%2Fyoppi-talk-about-marriage%2F" alt="">naresome.net</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/shonenjumpplus.com/episode/17106567261201092262" title="[第65話]正反対な君と僕 - 阿賀沢紅茶 | 少年ジャンプ+" data-gtm-label="entry-hotentry-title">[第65話]正反対な君と僕 - 阿賀沢紅茶 | 少年ジャンプ+</a></h3> <p class="entry-group-meta"><span class="entry-group-users"><a href="/entry/s/shonenjumpplus.com/episode/17106567261201092262" data-gtm-label="entry-hotentry-users">171 users</a></span><span class="entry-group-domain"><a href="/site/shonenjumpplus.com/" data-gtm-label="entry-hotentry-domain"><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fshonenjumpplus.com%2Fepisode%2F17106567261201092262" alt="">shonenjumpplus.com</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/anond.hatelabo.jp/20241124154722" title="悲報:ニュース探す場所がない" data-gtm-label="entry-hotentryCategory-title">悲報:ニュース探す場所がない</a></h3> <p class="entry-group-meta"><span class="entry-group-users"><a href="/entry/s/anond.hatelabo.jp/20241124154722" data-gtm-label="entry-hotentryCategory-users">432 users</a></span><span class="entry-group-domain"><a href="/site/anond.hatelabo.jp/" data-gtm-label="entry-hotentryCategory-domain"><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fanond.hatelabo.jp%2F20241124154722" 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/togetter.com/li/2469967" title="『スーパーのカートを借りるのに100円(返却アリ)』→従業員や利用客「このシステムを導入したい状況理解できる」" data-gtm-label="entry-hotentryCategory-title">『スーパーのカートを借りるのに100円(返却アリ)』→従業員や利用客「このシステムを導入したい状況理解できる」</a></h3> <p class="entry-group-meta"><span class="entry-group-users"><a href="/entry/s/togetter.com/li/2469967" data-gtm-label="entry-hotentryCategory-users">198 users</a></span><span class="entry-group-domain"><a href="/site/togetter.com/" data-gtm-label="entry-hotentryCategory-domain"><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Ftogetter.com%2Fli%2F2469967" alt="">togetter.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.socym.co.jp/book/post-19000" title="エンジニアが一生困らないドキュメント作成の基本(仲田 尚央) | 書籍 | ソシム" data-gtm-label="entry-hotentryCategory-title">エンジニアが一生困らないドキュメント作成の基本(仲田 尚央) | 書籍 | ソシム</a></h3> <p class="entry-group-meta"><span class="entry-group-users"><a href="/entry/s/www.socym.co.jp/book/post-19000" data-gtm-label="entry-hotentryCategory-users">286 users</a></span><span class="entry-group-domain"><a href="/site/www.socym.co.jp/" data-gtm-label="entry-hotentryCategory-domain"><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.socym.co.jp%2Fbook%2Fpost-19000" alt="">www.socym.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/tech.nri-net.com/entry/value_of_it_engineers_in_the_age_of_ai" title="AI時代のITエンジニアの付加価値について - NRIネットコムBlog" data-gtm-label="entry-hotentryCategory-title">AI時代のITエンジニアの付加価値について - NRIネットコムBlog</a></h3> <p class="entry-group-meta"><span class="entry-group-users"><a href="/entry/s/tech.nri-net.com/entry/value_of_it_engineers_in_the_age_of_ai" data-gtm-label="entry-hotentryCategory-users">126 users</a></span><span class="entry-group-domain"><a href="/site/tech.nri-net.com/" data-gtm-label="entry-hotentryCategory-domain"><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Ftech.nri-net.com%2Fentry%2Fvalue_of_it_engineers_in_the_age_of_ai" alt="">tech.nri-net.com</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/tech.findy.co.jp/entry/2024/11/25/070000" title="【エンジニアの日常】エンジニア達の人生を変えた一冊 Part3 - Findy Tech Blog" data-gtm-label="entry-entrylistCategory-title">【エンジニアの日常】エンジニア達の人生を変えた一冊 Part3 - Findy Tech Blog</a></h3> <p class="entry-group-meta"><span class="entry-group-users"><a href="/entry/s/tech.findy.co.jp/entry/2024/11/25/070000" data-gtm-label="entry-entrylistCategory-users">4 users</a></span><span class="entry-group-domain"><a href="/site/tech.findy.co.jp/" data-gtm-label="entry-entrylistCategory-domain"><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Ftech.findy.co.jp%2Fentry%2F2024%2F11%2F25%2F070000" alt="">tech.findy.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/20241125004718" title="外付けHDDにふれるとほのかにあったかく、ふるえている" data-gtm-label="entry-entrylistCategory-title">外付けHDDにふれるとほのかにあったかく、ふるえている</a></h3> <p class="entry-group-meta"><span class="entry-group-users"><a href="/entry/s/anond.hatelabo.jp/20241125004718" data-gtm-label="entry-entrylistCategory-users">9 users</a></span><span class="entry-group-domain"><a href="/site/anond.hatelabo.jp/" data-gtm-label="entry-entrylistCategory-domain"><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fanond.hatelabo.jp%2F20241125004718" 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/www.asahi.com/articles/ASSCR3G9SSCRUTIL007M.html" title="保育園の口コミ、無断転用 スクレイピングしAIで改変 渋谷の会社:朝日新聞デジタル" data-gtm-label="entry-entrylistCategory-title">保育園の口コミ、無断転用 スクレイピングしAIで改変 渋谷の会社:朝日新聞デジタル</a></h3> <p class="entry-group-meta"><span class="entry-group-users"><a href="/entry/s/www.asahi.com/articles/ASSCR3G9SSCRUTIL007M.html" data-gtm-label="entry-entrylistCategory-users">24 users</a></span><span class="entry-group-domain"><a href="/site/www.asahi.com/" data-gtm-label="entry-entrylistCategory-domain"><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.asahi.com%2Farticles%2FASSCR3G9SSCRUTIL007M.html" alt="">www.asahi.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/gigazine.net/news/20241124-github-copilot-improve-code-quality/" title="GitHub Copilotでコードの品質は改善されるのか?" data-gtm-label="entry-entrylistCategory-title">GitHub Copilotでコードの品質は改善されるのか?</a></h3> <p class="entry-group-meta"><span class="entry-group-users"><a href="/entry/s/gigazine.net/news/20241124-github-copilot-improve-code-quality/" data-gtm-label="entry-entrylistCategory-users">3 users</a></span><span class="entry-group-domain"><a href="/site/gigazine.net/" data-gtm-label="entry-entrylistCategory-domain"><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fgigazine.net%2Fnews%2F20241124-github-copilot-improve-code-quality%2F" alt="">gigazine.net</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/77d2ee6f79ddaf78eb2d198936bae315b6721993/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/77d2ee6f79ddaf78eb2d198936bae315b6721993/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/77d2ee6f79ddaf78eb2d198936bae315b6721993/images/v4/public/common/dl-button/googleplay@2x.png" alt="Google Playで手に入れよう"></a></li> </ul> </div> <div class="copyright">Copyright © 2005-2024 <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/77d2ee6f79ddaf78eb2d198936bae315b6721993/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>