speakerdeck.com[B!]新着記事・評価 - はてなブックマーク

<!DOCTYPE html> <html lang="ja" data-page-scope="EntryList" data-stable-request-url="https://b.hatena.ne.jp/site/speakerdeck.com/spindle" data-device-type="PC" data-sentry-environment="production" data-sentry-sample-rate="0.1" data-category-name="all" data-issue-name="" data-page-subtype="recententry" data-page-type="entrylist" > <head>  <script> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-5TDHQX'); </script>  <meta charset="UTF-8"> <title>speakerdeck.com[B!]新着記事・評価 - はてなブックマーク</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/site/speakerdeck.com/spindle" /> <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" type="application/rss+xml" href="/site/speakerdeck.com/spindle?sort=hot&threshold=3&mode=rss" /> <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=" fixed-header">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5TDHQX" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div class="link-app-banner js-dynamic-link-app-banner is-hidden"> <button class="link-app-banner-btn-close js-dynamic-link-app-banner-close-button"><span>close</span></button> <a class="link-app-banner-btn" href="https://hatenabookmark.page.link/app"> <div class="link-app-banner-btn-detail"> <div class="link-app-banner-icon"><img src="/images/v4/public/app/ic-ios.svg" alt="はてなブックマークアプリ"></div> <p class="link-app-banner-text">サクサク読めて、<br class="link-app-banner-text-newline">アプリ限定の機能も多数！</p> </div> <div class="link-app-banner-btn-open">アプリで開く</div> </a> </div> <header id="global-header" data-portal-static-origin="//cdn.www.st-hatena.com"> <div id="header" class="global-header-inner js-global-header-inner"> <h2 id="gh-logo"><a href="/" data-gtm-label="gh-blogo"><span>はてなブックマーク</span></a></h2> <div class="is-guest js-guest is-hidden"> <input id="gh-search-icon-check" type="checkbox" checked="checked" /> <label class="gh-search-icon" for="gh-search-icon-check" aria-label="検索を閉じる"><span>閉じる</span></label> <form class="gh-searchbox" method="get" action="/search_dwim" role="search"> <input value="" name="q" type="search" class="gh-inputtext" placeholder="キーワード・URLを検索" size="40" /> <input value="" type="submit" class="gh-search-button" /> </form> <ul class="gh-service-menu"> <li><a href="/guide" data-gtm-label="gh-guest-guide">はてなブックマークって？</a></li> <li><a href="/guide/tools" data-gtm-label="gh-guest-tools">アプリ・拡張の紹介</a></li> <li><a href="https://www.hatena.ne.jp/register?location=https%3A%2F%2Fb.hatena.ne.jp%2F%3Fregistered_from%3Dglobal-header&via=201037" class="gh-guest-register" data-gtm-label="gh-guest-register">ユーザー登録</a></li> <li><a href="https://www.hatena.ne.jp/login?location=https%3A%2F%2Fb.hatena.ne.jp%2Fsite%2Fspeakerdeck.com%2Fspindle" 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"> (function() { var layout = "tile"; if (!isMobile()) { try { layout = window.localStorage.getItem("bstn.entrylist.layout") || "tile"; // default } catch (ignore) { layout = "tile" } if (layout === "list") { document.body.classList.add("style-list") } if (layout === "headline") { document.body.classList.add("style-headline") } (dataLayer = window.dataLayer || []).push({ event: 'boston:entrylist:layout', boston: { entrylist: { layout: layout, } } }); } document.body.setAttribute("data-entrylist-layout", layout) })() </script> <ul class="is-hidden"> </ul> <div class="is-hidden"> <div class="river-placement entrylist-image-entry" data-river-placement="url_search_1"></div> </div> <script type="text/javascript" src="https://b.st-hatena.com/77d2ee6f79ddaf78eb2d198936bae315b6721993/js/v4/bookmark.river.js" async></script> <script type="text/x-template" id="template-ad-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> <script> (function() { function hideAndRegister(configuration, callback) { var styleElement = document.createElement('style'); var selector = configuration.selector; var ads = configuration.ads; var css = ''; for (var i = 0; i < ads.length; i++) { var row = ads[i].row; css += selector + '.is-nativeads-loading > li:nth-child(' + row + ') > .entrylist-contents > * { display: none; }\n'; } styleElement.textContent = css; document.head.appendChild(styleElement); (nativeAds = window.nativeAds || []).push(function(nativeAds) { nativeAds.register(configuration).then(callback || function(){}); }); } if (isMobile()) { } else { var waitContentLoaded = function(callback) { if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', callback); } else { callback(); } }; (nativeAds = window.nativeAds || []).push(function(nativeAds) { nativeAds.register( { selector: ".js-right-top-native-ad", ads: [ { placement: 'url_search_1', row: 1 } ], options: { insert: true, group: true } } ).catch(function() { waitContentLoaded(function() { var layout = document.body.getAttribute('data-entrylist-layout'); if (layout === 'tile') { var nativeAdContainer = document.querySelector('.js-right-top-native-ad'); if (nativeAdContainer) { nativeAdContainer.classList.add('is-hidden'); } var adContainer = document.querySelector('#entrylist-ad-right-top'); if (adContainer) { adContainer.classList.remove('is-hidden'); } var valve = window.valve || []; valve.push(function(v) { v.displayDFPSlot("entrylist-ad-right-top"); }); } else if (layout === 'list' || layout === 'headline') { var container = document.querySelector('.js-right-top-native-ad'); if (container) { container.classList.add('is-hidden'); } } }); }); }); } })(); </script> <script type="text/javascript"> // ---------------- dfp section ---------------- function showAdRightTopDFPSlot() { var nativeAdContainer = document.querySelector('.js-right-top-native-ad'); if (nativeAdContainer) { nativeAdContainer.classList.add('is-hidden'); } var adContainer = document.querySelector('#entrylist-ad-right-top'); if (adContainer) { adContainer.classList.remove('is-hidden'); } }; var valve = valve || []; if (isMobile()) { valve.push(function(v) { v.defineDFPSlot({ unit: '/4374287/bookmark_overlay_sp', sizes: [[320,80],[320,70],[320,50]], slotId: 'touch-footer-ad' }); v.defineDFPSlot({ unit: '/4374287/bookmark_entrylist_middle_rectangle_sp', sizes: [[300,250]], slotId: 'entrylist-ad-rectangle-middle' }); v.defineDFPSlot({ unit: '/4374287/bookmark_entrylist_bottom_rectangle_sp', sizes: [[300,250]], slotId: 'entrylist-ad-rectangle-bottom' }); v.sealDFPSlots(); }); } else { var layout = document.body.getAttribute('data-entrylist-layout'); if (layout === 'tile') { valve.push(function(v) { v.defineDFPSlot({ unit: '/4374287/bookmark_entrylist_middle_super_pc', sizes: [[728,90]], slotId: 'entrylist-ad-banner-middle' }); v.defineDFPSlot({ unit: '/4374287/bookmark_entrylist_bottom_super_pc', sizes: [[728,90]], slotId: 'entrylist-ad-banner-bottom' }); v.defineDFPSlot({ unit: '/4374287/bookmark_entrylist_top_right_rectangle_pc', sizes: [[300,250]], slotId: 'entrylist-ad-right-top', lazy: true }); v.sealDFPSlots(); }); } else if (layout === 'list' || layout === 'headline') { valve.push(function(v) { v.defineDFPSlot({ unit: '/4374287/bookmark_entrylist_sidebar_top_pc', sizes: [[300,250]], slotId: 'entrylist-ad-sidebar-top' }); v.defineDFPSlot({ unit: '/4374287/bookmark_entrylist_sidebar_bottom_pc', sizes: [[300,250]], slotId: 'entrylist-ad-sidebar-bottom' }); v.sealDFPSlots(); }); } } </script> <script> var valve = window.valve || []; valve.push(function(v) { var pageKeyValues = {}; if (document.cookie.split(';').some(function(item) { return item.indexOf('202011_guest_status=register_incomplete') >= 0})) { pageKeyValues.bookmark_status = 'register_incomplete'; } v.config({ pageKeyValues: pageKeyValues, textSelector: ".entrylist-wrapper", content: { result: "ng" }, service: 'bookmark' }); }); </script> <script src="https://cdn.pool.st-hatena.com/valve/valve.js" async></script> <div id="container"> <div class="branding js-branding" class="__FIXME__"> <div class="branding-header"> <h1 class="branding-title"> <a href="/"><span>はてなブックマーク</span></a> </h1> <p class="gototop"><a href="/" data-gtm-click-label="branding-left-top-blogo">トップへ戻る</a></p> </div> <form class="branding-searchbox" method="get" action="/search_dwim"> <input value="https://speakerdeck.com/spindle" name="q" type="text" class="inputtext" id="searchtext" placeholder="キーワード・URLを検索" size="40" aria-label="キーワード・URLを検索" /> <input value="" type="submit" class="search-button" /> </form> <div class="navi-layout js-entrylist-layout-switcher"> <button type="button" class="navi-layout-tile js-entrylist-layout-switcher-item" data-layout="tile" aria-label="表示レイアウトをタイル形式に変更"></button> <button type="button" class="navi-layout-list js-entrylist-layout-switcher-item" data-layout="list" aria-label="表示レイアウトをリスト形式に変更"></button> <button type="button" class="navi-layout-headline js-entrylist-layout-switcher-item" data-layout="headline" aria-label="表示レイアウトをヘッドライン形式に変更"></button> </div> </div> <div class="navi-wrapper js-navi-category-wrapper is-unscrolled noscript"> <ul class="navi-body js-navi-category"> <li class="js-navi-category-item cat-all" data-category-name="cat-all"> <div class="navi-link js-navi-link"> <a href="/hotentry/all" class="navi-link-text cat-all" data-gtm-click-label="global-navi-all"><span>総合</span></a> <span class="gnavi-button js-gnavi-button" data-category-name="cat-all" data-gtm-click-label="global-navi-button-all"></span> </div> <div class="navi-item-detail js-navi-item-detail is-hidden"> <div class="navi-item-detail-inner js-navi-item-detail-inner"> <ul class="navi-item-list"> <li class="navi_hotentry"><a href="/hotentry/all" data-gtm-click-label="global-navi-hotentry">人気</a></li> <li class="navi_entrylist"><a href="/entrylist/all" data-gtm-click-label="global-navi-recententry">新着</a></li> </ul> <ul class="navi-item-issue"> <li class="navi-item-unit" data-gtm-click-label="global-navi-issue-item"> <span class="thumbnail"> <a href="/entrylist/all/IT" style="background-image: url(https://cdn-ak-scissors.b.st-hatena.com/image/square/b35c9913cc59b1c75c6de32136dabfa0a8d6ddb0/height=288;version=1;width=512/https%3A%2F%2Fapplech2.com%2Fwp-content%2Fuploads%2F2024%2F11%2FSnippetsLab-for-mac-now-free-features-1.jpg);"></a> </span> <span class="issue"> <a href="/entrylist/all/IT">IT</a> </span> </li> <li class="navi-item-unit" data-gtm-click-label="global-navi-issue-item"> <span class="thumbnail"> <a href="/entrylist/all/%E6%9C%80%E6%96%B0%E3%82%AC%E3%82%B8%E3%82%A7%E3%83%83%E3%83%88" style="background-image: url(https://cdn-ak-scissors.b.st-hatena.com/image/square/bf58e1362371d6d71374123537fac63858a23f58/height=288;version=1;width=512/https%3A%2F%2Fpc.watch.impress.co.jp%2Fimg%2Fpcw%2Flist%2F1643%2F106%2F1.jpg);"></a> </span> <span class="issue"> <a href="/entrylist/all/%E6%9C%80%E6%96%B0%E3%82%AC%E3%82%B8%E3%82%A7%E3%83%83%E3%83%88">最新ガジェット</a> </span> </li> <li class="navi-item-unit" data-gtm-click-label="global-navi-issue-item"> <span class="thumbnail"> <a href="/entrylist/all/%E8%87%AA%E7%84%B6%E7%A7%91%E5%AD%A6" style="background-image: url(https://cdn-ak-scissors.b.st-hatena.com/image/square/93d8c3552064394e06b4ab64ff4d845ba4f14214/height=288;version=1;width=512/https%3A%2F%2Fimage.itmedia.co.jp%2Fnews%2Farticles%2F2411%2F28%2Fcover_news059.jpg);"></a> </span> <span class="issue"> <a href="/entrylist/all/%E8%87%AA%E7%84%B6%E7%A7%91%E5%AD%A6">自然科学</a> </span> </li> <li class="navi-item-unit" data-gtm-click-label="global-navi-issue-item"> <span class="thumbnail"> <a href="/entrylist/all/%E7%B5%8C%E6%B8%88%E3%83%BB%E9%87%91%E8%9E%8D" style="background-image: url(https://cdn-ak-scissors.b.st-hatena.com/image/square/5a695fdd53e99f7993dfa4138feef6ff9a5d6626/height=288;version=1;width=512/https%3A%2F%2Fwww3.nhk.or.jp%2Fnews%2Fhtml%2F20241128%2FK10014652141_2411281145_1128122311_01_03.jpg);"></a> </span> <span class="issue"> <a href="/entrylist/all/%E7%B5%8C%E6%B8%88%E3%83%BB%E9%87%91%E8%9E%8D">経済・金融</a> </span> </li> <li class="navi-item-unit" data-gtm-click-label="global-navi-issue-item"> <span class="thumbnail"> <a href="/entrylist/all/%E3%81%8A%E3%82%82%E3%81%97%E3%82%8D" style="background-image: url(https://cdn-ak-scissors.b.st-hatena.com/image/square/b1638cdb5807a4788e4ba3c1109a984166e095fc/height=288;version=1;width=512/https%3A%2F%2Fanond.hatelabo.jp%2Fimages%2Fog-image-1500.gif);"></a> </span> <span class="issue"> <a href="/entrylist/all/%E3%81%8A%E3%82%82%E3%81%97%E3%82%8D">おもしろ</a> </span> </li> <li class="navi-item-unit" data-gtm-click-label="global-navi-issue-item"> <span class="thumbnail"> <a href="/entrylist/all/%E3%83%9E%E3%83%B3%E3%82%AC" style="background-image: url(https://cdn-ak-scissors.b.st-hatena.com/image/square/9117a71cf253b66979d732e2099fd91c2a7a6d32/height=288;version=1;width=512/https%3A%2F%2Fs.tgstc.com%2Fogp3%2Fe6ec1452850614e76a40e9aefae497ac-1200x630.jpeg);"></a> </span> <span class="issue"> <a href="/entrylist/all/%E3%83%9E%E3%83%B3%E3%82%AC">マンガ</a> </span> </li> <li class="navi-item-unit" data-gtm-click-label="global-navi-issue-item"> <span class="thumbnail"> <a href="/entrylist/all/%E3%82%B2%E3%83%BC%E3%83%A0" style="background-image: url(https://cdn-ak-scissors.b.st-hatena.com/image/square/08a2c165998831e9a3932d90c8ddafaa848c2197/height=288;version=1;width=512/https%3A%2F%2Fautomaton-media.com%2Fwp-content%2Fuploads%2F2024%2F11%2Frryuugagotoku-20241127-319679-header.jpg);"></a> </span> <span class="issue"> <a href="/entrylist/all/%E3%82%B2%E3%83%BC%E3%83%A0">ゲーム</a> </span> </li> <li class="navi-item-unit" data-gtm-click-label="global-navi-issue-item"> <span class="thumbnail"> <a href="/entrylist/all/%E3%81%AF%E3%81%A6%E3%81%AA%E3%83%96%E3%83%AD%E3%82%B0%EF%BC%88%E7%B7%8F%E5%90%88%EF%BC%89" style="background-image: url(https://cdn-ak-scissors.b.st-hatena.com/image/square/8c52b9283f04c67635ddf7dc42f2848bfc6291e7/height=288;version=1;width=512/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2Fbc57d61d8770c2d46460a00d3922fb9042a0c46c%2Fbackend%3Dimagemagick%3Bheight%3D1300%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fk%252Fkinniku39%252F20241118%252F20241118145938.jpg);"></a> </span> <span class="issue"> <a href="/entrylist/all/%E3%81%AF%E3%81%A6%E3%81%AA%E3%83%96%E3%83%AD%E3%82%B0%EF%BC%88%E7%B7%8F%E5%90%88%EF%BC%89">はてなブログ（総合）</a> </span> </li> </ul> </div> </div> </li> <li class="js-navi-category-item cat-general" data-category-name="cat-general"> <div class="navi-link js-navi-link"> <a href="/hotentry/general" class="navi-link-text cat-general" data-gtm-click-label="global-navi-general"><span>一般</span></a> <span class="gnavi-button js-gnavi-button" data-category-name="cat-general" data-gtm-click-label="global-navi-button-general"></span> </div> <div class="navi-item-detail js-navi-item-detail is-hidden"> <div class="navi-item-detail-inner js-navi-item-detail-inner"> <ul class="navi-item-list"> <li class="navi_hotentry"><a href="/hotentry/general" data-gtm-click-label="global-navi-hotentry">人気</a></li> <li class="navi_entrylist"><a href="/entrylist/general" data-gtm-click-label="global-navi-recententry">新着</a></li> </ul> <ul class="navi-item-issue"> <li class="navi-item-unit" data-gtm-click-label="global-navi-issue-item"> <span class="thumbnail"> <a href="/entrylist/general/%E7%A4%BE%E4%BC%9A%E3%83%8B%E3%83%A5%E3%83%BC%E3%82%B9" style="background-image: url(https://cdn-ak-scissors.b.st-hatena.com/image/square/71bbf143dc38988ca2d7ca1be9f170bfdbf44ae0/height=288;version=1;width=512/https%3A%2F%2Fimage.itmedia.co.jp%2Fnews%2Farticles%2F2411%2F28%2Fcover_news129.jpg);"></a> </span> <span class="issue"> <a href="/entrylist/general/%E7%A4%BE%E4%BC%9A%E3%83%8B%E3%83%A5%E3%83%BC%E3%82%B9">社会ニュース</a> </span> </li> <li class="navi-item-unit" data-gtm-click-label="global-navi-issue-item"> <span class="thumbnail"> <a href="/entrylist/general/%E5%9C%B0%E5%9F%9F" style="background-image: url(https://cdn-ak-scissors.b.st-hatena.com/image/square/b38521fbaffae05c3e31938c3c54de654986a395/height=288;version=1;width=512/https%3A%2F%2Fs.tgstc.com%2Fogp3%2Fd5286a68a657fcae83aa61eb084b1fec-1200x630.jpeg);"></a> </span> <span class="issue"> <a href="/entrylist/general/%E5%9C%B0%E5%9F%9F">地域</a> </span> </li> <li class="navi-item-unit" data-gtm-click-label="global-navi-issue-item"> <span class="thumbnail"> <a href="/entrylist/general/%E5%9B%BD%E9%9A%9B" style="background-image: url(https://cdn-ak-scissors.b.st-hatena.com/image/square/99afbcc4cb9180aa0b510ba530b1c647c310b44d/height=288;version=1;width=512/https%3A%2F%2Fjbpress.ismcdn.jp%2Fmwimgs%2Fd%2F2%2F1200mw%2Fimg_d20f9c40e61c2734bdc67208cdeac3008795470.jpg);"></a> </span> <span class="issue"> <a href="/entrylist/general/%E5%9B%BD%E9%9A%9B">国際</a> </span> </li> <li class="navi-item-unit" data-gtm-click-label="global-navi-issue-item"> <span class="thumbnail"> <a href="/entrylist/general/%E5%A4%A9%E6%B0%97" style="background-image: url(https://cdn-ak-scissors.b.st-hatena.com/image/square/7358e0b77f8bbf862ad1acade77c28aaac5bed4d/height=288;version=1;width=512/https%3A%2F%2Fstatic.tokyo-np.co.jp%2Fimage%2Farticle%2Fsize1%2Ff%2F6%2Fc%2F7%2Ff6c729bab5578a52866ba61f4591d21a_3.jpg);"></a> </span> <span class="issue"> <a href="/entrylist/general/%E5%A4%A9%E6%B0%97">天気</a> </span> </li> <li class="navi-item-unit" data-gtm-click-label="global-navi-issue-item"> <span class="thumbnail"> <a href="/entrylist/general/%E3%82%B0%E3%83%AB%E3%83%A1" style="background-image: url(https://cdn-ak-scissors.b.st-hatena.com/image/square/237d4aebcbc1493e32362eafd16f3eb450768731/height=288;version=1;width=512/https%3A%2F%2Fdailyportalz.jp%2Fapplication%2Ffiles%2F4617%2F3270%2F7274%2F005.jpg);"></a> </span> <span class="issue"> <a href="/entrylist/general/%E3%82%B0%E3%83%AB%E3%83%A1">グルメ</a> </span> </li> <li class="navi-item-unit" data-gtm-click-label="global-navi-issue-item"> <span class="thumbnail"> <a href="/entrylist/general/%E6%98%A0%E7%94%BB%E3%83%BB%E9%9F%B3%E6%A5%BD" style="background-image: url(https://cdn-ak-scissors.b.st-hatena.com/image/square/b1638cdb5807a4788e4ba3c1109a984166e095fc/height=288;version=1;width=512/https%3A%2F%2Fanond.hatelabo.jp%2Fimages%2Fog-image-1500.gif);"></a> </span> <span class="issue"> <a href="/entrylist/general/%E6%98%A0%E7%94%BB%E3%83%BB%E9%9F%B3%E6%A5%BD">映画・音楽</a> </span> </li> <li class="navi-item-unit" data-gtm-click-label="global-navi-issue-item"> <span class="thumbnail"> <a href="/entrylist/general/%E3%82%B9%E3%83%9D%E3%83%BC%E3%83%84" style="background-image: url(https://cdn-ak-scissors.b.st-hatena.com/image/square/bc226092dbe96184789ca1eae8e62a7acbe03eec/height=288;version=1;width=512/https%3A%2F%2Fs.tgstc.com%2Fogp3%2F1eb0aefba2812e562eac9045e0b5572b-1200x630.jpeg);"></a> </span> <span class="issue"> <a href="/entrylist/general/%E3%82%B9%E3%83%9D%E3%83%BC%E3%83%84">スポーツ</a> </span> </li> <li class="navi-item-unit" data-gtm-click-label="global-navi-issue-item"> <span class="thumbnail"> <a href="/entrylist/general/%E3%81%AF%E3%81%A6%E3%81%AA%E5%8C%BF%E5%90%8D%E3%83%80%E3%82%A4%E3%82%A2%E3%83%AA%E3%83%BC" style="background-image: url(https://cdn-ak-scissors.b.st-hatena.com/image/square/b1638cdb5807a4788e4ba3c1109a984166e095fc/height=288;version=1;width=512/https%3A%2F%2Fanond.hatelabo.jp%2Fimages%2Fog-image-1500.gif);"></a> </span> <span class="issue"> <a href="/entrylist/general/%E3%81%AF%E3%81%A6%E3%81%AA%E5%8C%BF%E5%90%8D%E3%83%80%E3%82%A4%E3%82%A2%E3%83%AA%E3%83%BC">はてな匿名ダイアリー</a> </span> </li> </ul> </div> </div> </li> <li class="js-navi-category-item cat-social" data-category-name="cat-social"> <div class="navi-link js-navi-link"> <a href="/hotentry/social" class="navi-link-text cat-social" data-gtm-click-label="global-navi-social"><span>世の中</span></a> <span class="gnavi-button js-gnavi-button" data-category-name="cat-social" data-gtm-click-label="global-navi-button-social"></span> </div> <div class="navi-item-detail js-navi-item-detail is-hidden"> <div class="navi-item-detail-inner js-navi-item-detail-inner"> <ul class="navi-item-list"> <li class="navi_hotentry"><a href="/hotentry/social" data-gtm-click-label="global-navi-hotentry">人気</a></li> <li class="navi_entrylist"><a href="/entrylist/social" data-gtm-click-label="global-navi-recententry">新着</a></li> </ul> <ul class="navi-item-issue"> <li class="navi-item-unit" data-gtm-click-label="global-navi-issue-item"> <span class="thumbnail"> <a href="/entrylist/social/%E6%96%B0%E5%9E%8B%E3%82%B3%E3%83%AD%E3%83%8A%E3%82%A6%E3%82%A4%E3%83%AB%E3%82%B9" style="background-image: url(https://cdn-ak-scissors.b.st-hatena.com/image/square/d631bf510b0995350a21c325f9203a9117cc11d9/height=288;version=1;width=512/https%3A%2F%2Fi.gzn.jp%2Fimg%2F2024%2F11%2F27%2Fcovid-caused-cancer-tumours-shrink%2F00.jpg);"></a> </span> <span class="issue"> <a href="/entrylist/social/%E6%96%B0%E5%9E%8B%E3%82%B3%E3%83%AD%E3%83%8A%E3%82%A6%E3%82%A4%E3%83%AB%E3%82%B9">新型コロナウイルス</a> </span> </li> <li class="navi-item-unit" data-gtm-click-label="global-navi-issue-item"> <span class="thumbnail"> <a href="/entrylist/social/%E5%83%8D%E3%81%8D%E6%96%B9" style="background-image: url(https://cdn-ak-scissors.b.st-hatena.com/image/square/99afbcc4cb9180aa0b510ba530b1c647c310b44d/height=288;version=1;width=512/https%3A%2F%2Fjbpress.ismcdn.jp%2Fmwimgs%2Fd%2F2%2F1200mw%2Fimg_d20f9c40e61c2734bdc67208cdeac3008795470.jpg);"></a> </span> <span class="issue"> <a href="/entrylist/social/%E5%83%8D%E3%81%8D%E6%96%B9">働き方</a> </span> </li> <li class="navi-item-unit" data-gtm-click-label="global-navi-issue-item"> <span class="thumbnail"> <a href="/entrylist/social/%E7%94%9F%E3%81%8D%E6%96%B9" style="background-image: url(https://cdn-ak-scissors.b.st-hatena.com/image/square/b38521fbaffae05c3e31938c3c54de654986a395/height=288;version=1;width=512/https%3A%2F%2Fs.tgstc.com%2Fogp3%2Fd5286a68a657fcae83aa61eb084b1fec-1200x630.jpeg);"></a> </span> <span class="issue"> <a href="/entrylist/social/%E7%94%9F%E3%81%8D%E6%96%B9">生き方</a> </span> </li> <li class="navi-item-unit" data-gtm-click-label="global-navi-issue-item"> <span class="thumbnail"> <a href="/entrylist/social/%E5%9C%B0%E5%9F%9F" style="background-image: url(https://cdn-ak-scissors.b.st-hatena.com/image/square/b38521fbaffae05c3e31938c3c54de654986a395/height=288;version=1;width=512/https%3A%2F%2Fs.tgstc.com%2Fogp3%2Fd5286a68a657fcae83aa61eb084b1fec-1200x630.jpeg);"></a> </span> <span class="issue"> <a href="/entrylist/social/%E5%9C%B0%E5%9F%9F">地域</a> </span> </li> <li class="navi-item-unit" data-gtm-click-label="global-navi-issue-item"> <span class="thumbnail"> <a href="/entrylist/social/%E5%8C%BB%E7%99%82%E3%83%BB%E3%83%98%E3%83%AB%E3%82%B9" style="background-image: url(https://cdn-ak-scissors.b.st-hatena.com/image/square/93d8c3552064394e06b4ab64ff4d845ba4f14214/height=288;version=1;width=512/https%3A%2F%2Fimage.itmedia.co.jp%2Fnews%2Farticles%2F2411%2F28%2Fcover_news059.jpg);"></a> </span> <span class="issue"> <a href="/entrylist/social/%E5%8C%BB%E7%99%82%E3%83%BB%E3%83%98%E3%83%AB%E3%82%B9">医療・ヘルス</a> </span> </li> <li class="navi-item-unit" data-gtm-click-label="global-navi-issue-item"> <span class="thumbnail"> <a href="/entrylist/social/%E6%95%99%E8%82%B2" style="background-image: url(https://cdn-ak-scissors.b.st-hatena.com/image/square/67cd4c8cc1ad182b45e98e1bdee02e3e8de7ca9d/height=288;version=1;width=512/https%3A%2F%2Fs.tgstc.com%2Fogp3%2F54aa521c0853a3dc4c61f8ea3710c9ce-1200x630.jpeg);"></a> </span> <span class="issue"> <a href="/entrylist/social/%E6%95%99%E8%82%B2">教育</a> </span> </li> <li class="navi-item-unit" data-gtm-click-label="global-navi-issue-item"> <span class="thumbnail"> <a href="/entrylist/social/%E3%81%AF%E3%81%A6%E3%81%AA%E5%8C%BF%E5%90%8D%E3%83%80%E3%82%A4%E3%82%A2%E3%83%AA%E3%83%BC" style="background-image: url(https://cdn-ak-scissors.b.st-hatena.com/image/square/b1638cdb5807a4788e4ba3c1109a984166e095fc/height=288;version=1;width=512/https%3A%2F%2Fanond.hatelabo.jp%2Fimages%2Fog-image-1500.gif);"></a> </span> <span class="issue"> <a href="/entrylist/social/%E3%81%AF%E3%81%A6%E3%81%AA%E5%8C%BF%E5%90%8D%E3%83%80%E3%82%A4%E3%82%A2%E3%83%AA%E3%83%BC">はてな匿名ダイアリー</a> </span> </li> </ul> </div> </div> </li> <li class="js-navi-category-item cat-economics" data-category-name="cat-economics"> <div class="navi-link js-navi-link"> <a href="/hotentry/economics" class="navi-link-text cat-economics" data-gtm-click-label="global-navi-economics"><span>政治と経済</span></a> <span class="gnavi-button js-gnavi-button" data-category-name="cat-economics" data-gtm-click-label="global-navi-button-economics"></span> </div> <div class="navi-item-detail js-navi-item-detail is-hidden"> <div class="navi-item-detail-inner js-navi-item-detail-inner"> <ul class="navi-item-list"> <li class="navi_hotentry"><a href="/hotentry/economics" data-gtm-click-label="global-navi-hotentry">人気</a></li> <li class="navi_entrylist"><a href="/entrylist/economics" data-gtm-click-label="global-navi-recententry">新着</a></li> </ul> <ul class="navi-item-issue"> <li class="navi-item-unit" data-gtm-click-label="global-navi-issue-item"> <span class="thumbnail"> <a href="/entrylist/economics/%E6%94%BF%E6%B2%BB" style="background-image: url(https://cdn-ak-scissors.b.st-hatena.com/image/square/1446e8cb32bd44f33b7ae9123364d985667965c1/height=288;version=1;width=512/https%3A%2F%2Fshuon.ismcdn.jp%2Fmwimgs%2F7%2F0%2F1200xm%2Fimg_70442c0218b4950ef9bb012489f9667b70608.jpg);"></a> </span> <span class="issue"> <a href="/entrylist/economics/%E6%94%BF%E6%B2%BB">政治</a> </span> </li> <li class="navi-item-unit" data-gtm-click-label="global-navi-issue-item"> <span class="thumbnail"> <a href="/entrylist/economics/%E7%B5%8C%E6%B8%88%E3%83%BB%E9%87%91%E8%9E%8D" style="background-image: url(https://cdn-ak-scissors.b.st-hatena.com/image/square/5a695fdd53e99f7993dfa4138feef6ff9a5d6626/height=288;version=1;width=512/https%3A%2F%2Fwww3.nhk.or.jp%2Fnews%2Fhtml%2F20241128%2FK10014652141_2411281145_1128122311_01_03.jpg);"></a> </span> <span class="issue"> <a href="/entrylist/economics/%E7%B5%8C%E6%B8%88%E3%83%BB%E9%87%91%E8%9E%8D">経済・金融</a> </span> </li> <li class="navi-item-unit" data-gtm-click-label="global-navi-issue-item"> <span class="thumbnail"> <a href="/entrylist/economics/%E4%BC%81%E6%A5%AD" style="background-image: url(https://cdn-ak-scissors.b.st-hatena.com/image/square/cc1a5bcdd6ddd948a82f3c1ff686cdfef1fb45a4/height=288;version=1;width=512/https%3A%2F%2Finternet.watch.impress.co.jp%2Fimg%2Fiw%2Flist%2F1643%2F174%2F01.JPG);"></a> </span> <span class="issue"> <a href="/entrylist/economics/%E4%BC%81%E6%A5%AD">企業</a> </span> </li> <li class="navi-item-unit" data-gtm-click-label="global-navi-issue-item"> <span class="thumbnail"> <a href="/entrylist/economics/%E4%BB%95%E4%BA%8B%E3%83%BB%E5%B0%B1%E8%81%B7" style="background-image: url(https://cdn-ak-scissors.b.st-hatena.com/image/square/88ee1edfab78d5884d88150513ec03c47ef5e52d/height=288;version=1;width=512/https%3A%2F%2Farticle-image-ix.nikkei.com%2Fhttps%253A%252F%252Fimgix-proxy.n8s.jp%252FDSXZQO5677636027112024000000-3.jpg%3Fbg%3DFFFFFF%26fill%3Dblur%26fit%3Dfill%26h%3D630%26upscale%3Dfalse%26w%3D1200%26s%3D975c346d05cf7b1b25ee0f50895cce44);"></a> </span> <span class="issue"> <a href="/entrylist/economics/%E4%BB%95%E4%BA%8B%E3%83%BB%E5%B0%B1%E8%81%B7">仕事・就職</a> </span> </li> <li class="navi-item-unit" data-gtm-click-label="global-navi-issue-item"> <span class="thumbnail"> <a href="/entrylist/economics/%E3%83%9E%E3%83%BC%E3%82%B1%E3%83%83%E3%83%88" style="background-image: url(https://cdn-ak-scissors.b.st-hatena.com/image/square/71bbf143dc38988ca2d7ca1be9f170bfdbf44ae0/height=288;version=1;width=512/https%3A%2F%2Fimage.itmedia.co.jp%2Fnews%2Farticles%2F2411%2F28%2Fcover_news129.jpg);"></a> </span> <span class="issue"> <a href="/entrylist/economics/%E3%83%9E%E3%83%BC%E3%82%B1%E3%83%83%E3%83%88">マーケット</a> </span> </li> <li class="navi-item-unit" data-gtm-click-label="global-navi-issue-item"> <span class="thumbnail"> <a href="/entrylist/economics/%E5%9B%BD%E9%9A%9B" style="background-image: url(https://cdn-ak-scissors.b.st-hatena.com/image/square/99afbcc4cb9180aa0b510ba530b1c647c310b44d/height=288;version=1;width=512/https%3A%2F%2Fjbpress.ismcdn.jp%2Fmwimgs%2Fd%2F2%2F1200mw%2Fimg_d20f9c40e61c2734bdc67208cdeac3008795470.jpg);"></a> </span> <span class="issue"> <a href="/entrylist/economics/%E5%9B%BD%E9%9A%9B">国際</a> </span> </li> <li class="navi-item-unit" data-gtm-click-label="global-navi-issue-item"> <span class="thumbnail"> <a href="/entrylist/economics/%E3%81%AF%E3%81%A6%E3%81%AA%E3%83%96%E3%83%AD%E3%82%B0%EF%BC%88%E6%94%BF%E6%B2%BB%E3%81%A8%E7%B5%8C%E6%B8%88%EF%BC%89" style="background-image: url(https://cdn-ak-scissors.b.st-hatena.com/image/square/43ef74445e9538d8c68cd2e70b673766ca363285/height=288;version=1;width=512/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2Fd50de094e97c132b51726b4521385be52ce84dd6%2Fbackend%3Dimagemagick%3Bheight%3D1300%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252FD%252FDelete_All%252F20241127%252F20241127214432.jpg);"></a> </span> <span class="issue"> <a href="/entrylist/economics/%E3%81%AF%E3%81%A6%E3%81%AA%E3%83%96%E3%83%AD%E3%82%B0%EF%BC%88%E6%94%BF%E6%B2%BB%E3%81%A8%E7%B5%8C%E6%B8%88%EF%BC%89">はてなブログ（政治と経済）</a> </span> </li> </ul> </div> </div> </li> <li class="js-navi-category-item cat-life" data-category-name="cat-life"> <div class="navi-link js-navi-link"> <a href="/hotentry/life" class="navi-link-text cat-life" data-gtm-click-label="global-navi-life"><span>暮らし</span></a> <span class="gnavi-button js-gnavi-button" data-category-name="cat-life" data-gtm-click-label="global-navi-button-life"></span> </div> <div class="navi-item-detail js-navi-item-detail is-hidden"> <div class="navi-item-detail-inner js-navi-item-detail-inner"> <ul class="navi-item-list"> <li class="navi_hotentry"><a href="/hotentry/life" data-gtm-click-label="global-navi-hotentry">人気</a></li> <li class="navi_entrylist"><a href="/entrylist/life" data-gtm-click-label="global-navi-recententry">新着</a></li> </ul> <ul class="navi-item-issue"> <li class="navi-item-unit" data-gtm-click-label="global-navi-issue-item"> <span class="thumbnail"> <a href="/entrylist/life/%E3%82%AB%E3%83%AB%E3%83%81%E3%83%A3%E3%83%BC%E3%83%BB%E3%83%A9%E3%82%A4%E3%83%95%E3%82%B9%E3%82%BF%E3%82%A4%E3%83%AB" style="background-image: url(https://cdn-ak-scissors.b.st-hatena.com/image/square/9da6ec90f553135f390cdc43ae4a28ba6eb24054/height=288;version=1;width=512/https%3A%2F%2Fdailyportalz.jp%2Fapplication%2Ffiles%2F9717%2F3145%2F3121%2Ftop.jpg);"></a> </span> <span class="issue"> <a href="/entrylist/life/%E3%82%AB%E3%83%AB%E3%83%81%E3%83%A3%E3%83%BC%E3%83%BB%E3%83%A9%E3%82%A4%E3%83%95%E3%82%B9%E3%82%BF%E3%82%A4%E3%83%AB">カルチャー・ライフスタイル</a> </span> </li> <li class="navi-item-unit" data-gtm-click-label="global-navi-issue-item"> <span class="thumbnail"> <a href="/entrylist/life/%E3%83%95%E3%82%A1%E3%83%83%E3%82%B7%E3%83%A7%E3%83%B3" style="background-image: url(https://cdn-ak-scissors.b.st-hatena.com/image/square/17ff2abf1de6a47a1b4ebc9b58fe85a8b800ab54/height=288;version=1;width=512/https%3A%2F%2Fichef.bbci.co.uk%2Fnews%2F1024%2Fbranded_japanese%2F7ee7%2Flive%2F530ebde0-ac9e-11ef-8ab9-9192db313061.jpg);"></a> </span> <span class="issue"> <a href="/entrylist/life/%E3%83%95%E3%82%A1%E3%83%83%E3%82%B7%E3%83%A7%E3%83%B3">ファッション</a> </span> </li> <li class="navi-item-unit" data-gtm-click-label="global-navi-issue-item"> <span class="thumbnail"> <a href="/entrylist/life/%E9%81%8B%E5%8B%95%E3%83%BB%E3%82%A8%E3%82%AF%E3%82%B5%E3%82%B5%E3%82%A4%E3%82%BA" style="background-image: url(https://cdn-ak-scissors.b.st-hatena.com/image/square/f26cecefae8eab54c124238b2a211b640f6caaae/height=288;version=1;width=512/https%3A%2F%2Fs.tgstc.com%2Fogp3%2Fdd13d628e86d774790a76fd57cb4b291-1200x630.jpeg);"></a> </span> <span class="issue"> <a href="/entrylist/life/%E9%81%8B%E5%8B%95%E3%83%BB%E3%82%A8%E3%82%AF%E3%82%B5%E3%82%B5%E3%82%A4%E3%82%BA">運動・エクササイズ</a> </span> </li> <li class="navi-item-unit" data-gtm-click-label="global-navi-issue-item"> <span class="thumbnail"> <a href="/entrylist/life/%E7%B5%90%E5%A9%9A%E3%83%BB%E5%AD%90%E8%82%B2%E3%81%A6" style="background-image: url(https://cdn-ak-scissors.b.st-hatena.com/image/square/99afbcc4cb9180aa0b510ba530b1c647c310b44d/height=288;version=1;width=512/https%3A%2F%2Fjbpress.ismcdn.jp%2Fmwimgs%2Fd%2F2%2F1200mw%2Fimg_d20f9c40e61c2734bdc67208cdeac3008795470.jpg);"></a> </span> <span class="issue"> <a href="/entrylist/life/%E7%B5%90%E5%A9%9A%E3%83%BB%E5%AD%90%E8%82%B2%E3%81%A6">結婚・子育て</a> </span> </li> <li class="navi-item-unit" data-gtm-click-label="global-navi-issue-item"> <span class="thumbnail"> <a href="/entrylist/life/%E4%BD%8F%E3%81%BE%E3%81%84" style="background-image: url(https://cdn-ak-scissors.b.st-hatena.com/image/square/5544c59c3f3bc16eceda95617ed9b7556cfc5a72/height=288;version=1;width=512/https%3A%2F%2Fassets.bwbx.io%2Fimages%2Fusers%2FiqjWHBFdfxIU%2Fi7kNN5oLAmcQ%2Fv1%2F1200x800.jpg);"></a> </span> <span class="issue"> <a href="/entrylist/life/%E4%BD%8F%E3%81%BE%E3%81%84">住まい</a> </span> </li> <li class="navi-item-unit" data-gtm-click-label="global-navi-issue-item"> <span class="thumbnail"> <a href="/entrylist/life/%E3%82%B0%E3%83%AB%E3%83%A1" style="background-image: url(https://cdn-ak-scissors.b.st-hatena.com/image/square/237d4aebcbc1493e32362eafd16f3eb450768731/height=288;version=1;width=512/https%3A%2F%2Fdailyportalz.jp%2Fapplication%2Ffiles%2F4617%2F3270%2F7274%2F005.jpg);"></a> </span> <span class="issue"> <a href="/entrylist/life/%E3%82%B0%E3%83%AB%E3%83%A1">グルメ</a> </span> </li> <li class="navi-item-unit" data-gtm-click-label="global-navi-issue-item"> <span class="thumbnail"> <a href="/entrylist/life/%E7%9B%B8%E7%B6%9A" style="background-image: url(https://cdn-ak-scissors.b.st-hatena.com/image/square/71bbf143dc38988ca2d7ca1be9f170bfdbf44ae0/height=288;version=1;width=512/https%3A%2F%2Fimage.itmedia.co.jp%2Fnews%2Farticles%2F2411%2F28%2Fcover_news129.jpg);"></a> </span> <span class="issue"> <a href="/entrylist/life/%E7%9B%B8%E7%B6%9A">相続</a> </span> </li> <li class="navi-item-unit" data-gtm-click-label="global-navi-issue-item"> <span class="thumbnail"> <a href="/entrylist/life/%E3%81%AF%E3%81%A6%E3%81%AA%E3%83%96%E3%83%AD%E3%82%B0%EF%BC%88%E6%9A%AE%E3%82%89%E3%81%97%EF%BC%89" style="background-image: url(https://cdn-ak-scissors.b.st-hatena.com/image/square/8c52b9283f04c67635ddf7dc42f2848bfc6291e7/height=288;version=1;width=512/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2Fbc57d61d8770c2d46460a00d3922fb9042a0c46c%2Fbackend%3Dimagemagick%3Bheight%3D1300%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fk%252Fkinniku39%252F20241118%252F20241118145938.jpg);"></a> </span> <span class="issue"> <a href="/entrylist/life/%E3%81%AF%E3%81%A6%E3%81%AA%E3%83%96%E3%83%AD%E3%82%B0%EF%BC%88%E6%9A%AE%E3%82%89%E3%81%97%EF%BC%89">はてなブログ（暮らし）</a> </span> </li> <li class="navi-item-unit" data-gtm-click-label="global-navi-issue-item"> <span class="thumbnail"> <a href="/entrylist/life/%E6%8E%83%E9%99%A4%E3%83%BB%E6%95%B4%E7%90%86%E6%95%B4%E9%A0%93" style="background-image: url(https://cdn-ak-scissors.b.st-hatena.com/image/square/b1638cdb5807a4788e4ba3c1109a984166e095fc/height=288;version=1;width=512/https%3A%2F%2Fanond.hatelabo.jp%2Fimages%2Fog-image-1500.gif);"></a> </span> <span class="issue"> <a href="/entrylist/life/%E6%8E%83%E9%99%A4%E3%83%BB%E6%95%B4%E7%90%86%E6%95%B4%E9%A0%93">掃除・整理整頓</a> </span> </li> <li class="navi-item-unit" data-gtm-click-label="global-navi-issue-item"> <span class="thumbnail"> <a href="/entrylist/life/%E9%9B%91%E8%B2%A8" style="background-image: url(https://cdn-ak-scissors.b.st-hatena.com/image/square/7f99e1443b362f77ab0d6c4b05074cf81ff819f1/height=288;version=1;width=512/https%3A%2F%2Fi.gzn.jp%2Fimg%2F2024%2F11%2F26%2Fswitchbot-wallet-finder-card%2F00.jpg);"></a> </span> <span class="issue"> <a href="/entrylist/life/%E9%9B%91%E8%B2%A8">雑貨</a> </span> </li> <li class="navi-item-unit" data-gtm-click-label="global-navi-issue-item"> <span class="thumbnail"> <a href="/entrylist/life/%E8%B2%B7%E3%81%A3%E3%81%A6%E3%82%88%E3%81%8B%E3%81%A3%E3%81%9F%E3%82%82%E3%81%AE" style="background-image: url(https://cdn-ak-scissors.b.st-hatena.com/image/square/7440bf1701cb76e97c09e997724d675e4647f6d3/height=288;version=1;width=512/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2F364120e03cf99b63a50235933e0965b41e7824ee%2Fbackend%3Dimagemagick%3Bheight%3D1300%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fs%252Fsoredoko%252F20241126%252F20241126111641.jpg);"></a> </span> <span class="issue"> <a href="/entrylist/life/%E8%B2%B7%E3%81%A3%E3%81%A6%E3%82%88%E3%81%8B%E3%81%A3%E3%81%9F%E3%82%82%E3%81%AE">買ってよかったもの</a> </span> </li> <li class="navi-item-unit" data-gtm-click-label="global-navi-issue-item"> <span class="thumbnail"> <a href="/entrylist/life/%E6%97%85%E8%A1%8C" style="background-image: url(https://cdn-ak-scissors.b.st-hatena.com/image/square/9d20e6fe3181fe22ce19b083744cb3c9b887a76f/height=288;version=1;width=512/https%3A%2F%2Farticle-image-ix.nikkei.com%2Fhttps%253A%252F%252Fimgix-proxy.n8s.jp%252FDSXZQO5675640027112024000000-2.jpg%3Fcrop%3Dfocalpoint%26fit%3Dcrop%26h%3D630%26w%3D1200%26s%3D976d137755f5422e2761aebd6e513187);"></a> </span> <span class="issue"> <a href="/entrylist/life/%E6%97%85%E8%A1%8C">旅行</a> </span> </li> <li class="navi-item-unit" data-gtm-click-label="global-navi-issue-item"> <span class="thumbnail"> <a href="/entrylist/life/%E3%82%A2%E3%82%A6%E3%83%88%E3%83%89%E3%82%A2" style="background-image: url(https://cdn-ak-scissors.b.st-hatena.com/image/square/4cc701646e08739c189fa504762843802c546ab0/height=288;version=1;width=512/https%3A%2F%2Farticle-image-ix.nikkei.com%2Fhttps%253A%252F%252Fimgix-proxy.n8s.jp%252FDSXZQO5679609027112024000000-2.jpg%3Fcrop%3Dfocalpoint%26fit%3Dcrop%26fp-x%3D0.54%26fp-y%3D0.16%26h%3D630%26w%3D1200%26s%3D1c43a7522a410b059e37c4d4f4131e86);"></a> </span> <span class="issue"> <a href="/entrylist/life/%E3%82%A2%E3%82%A6%E3%83%88%E3%83%89%E3%82%A2">アウトドア</a> </span> </li> <li class="navi-item-unit" data-gtm-click-label="global-navi-issue-item"> <span class="thumbnail"> <a href="/entrylist/life/%E8%B6%A3%E5%91%B3" style="background-image: url(https://cdn-ak-scissors.b.st-hatena.com/image/square/0b0c4f68df27749e8d893c584fb111b6f6692734/height=288;version=1;width=512/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2F102151d7ff5fc378efb8d610dfb19706dff86025%2Fbackend%3Dimagemagick%3Bheight%3D1300%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fm.media-amazon.com%252Fimages%252FI%252F51%252Bc6NJ1pwL._SL500_.jpg);"></a> </span> <span class="issue"> <a href="/entrylist/life/%E8%B6%A3%E5%91%B3">趣味</a> </span> </li> </ul> </div> </div> </li> <li class="js-navi-category-item cat-knowledge" data-category-name="cat-knowledge"> <div class="navi-link js-navi-link"> <a href="/hotentry/knowledge" class="navi-link-text cat-knowledge" data-gtm-click-label="global-navi-knowledge"><span>学び</span></a> <span class="gnavi-button js-gnavi-button" data-category-name="cat-knowledge" data-gtm-click-label="global-navi-button-knowledge"></span> </div> <div class="navi-item-detail js-navi-item-detail is-hidden"> <div class="navi-item-detail-inner js-navi-item-detail-inner"> <ul class="navi-item-list"> <li class="navi_hotentry"><a href="/hotentry/knowledge" data-gtm-click-label="global-navi-hotentry">人気</a></li> <li class="navi_entrylist"><a href="/entrylist/knowledge" data-gtm-click-label="global-navi-recententry">新着</a></li> </ul> <ul class="navi-item-issue"> <li class="navi-item-unit" data-gtm-click-label="global-navi-issue-item"> <span class="thumbnail"> <a href="/entrylist/knowledge/%E4%BA%BA%E6%96%87%E7%A7%91%E5%AD%A6" style="background-image: url(https://cdn-ak-scissors.b.st-hatena.com/image/square/56c3cb01fe50471e046f93ef665cc7a3d234a4b0/height=288;version=1;width=512/https%3A%2F%2Fs.tgstc.com%2Fogp3%2Fe96df3d0c90e20003d8d5cd629681b6e-1200x630.jpeg);"></a> </span> <span class="issue"> <a href="/entrylist/knowledge/%E4%BA%BA%E6%96%87%E7%A7%91%E5%AD%A6">人文科学</a> </span> </li> <li class="navi-item-unit" data-gtm-click-label="global-navi-issue-item"> <span class="thumbnail"> <a href="/entrylist/knowledge/%E7%A4%BE%E4%BC%9A%E7%A7%91%E5%AD%A6" style="background-image: url(https://cdn-ak-scissors.b.st-hatena.com/image/square/e00074d3047085c11c3f30673caf919f38ba0212/height=288;version=1;width=512/https%3A%2F%2Fwww.sankei.com%2Fresizer%2F6fIvuoJRDyafhbvOACzemqOfrsM%3D%2F1200x630%2Ffilters%3Afocal%281955x2505%3A1965x2515%29%3Aquality%2850%29%2Fcloudfront-ap-northeast-1.images.arcpublishing.com%2Fsankei%2FBMARGMZDOZO3HLN76KO3DMQBOQ.jpg);"></a> </span> <span class="issue"> <a href="/entrylist/knowledge/%E7%A4%BE%E4%BC%9A%E7%A7%91%E5%AD%A6">社会科学</a> </span> </li> <li class="navi-item-unit" data-gtm-click-label="global-navi-issue-item"> <span class="thumbnail"> <a href="/entrylist/knowledge/%E8%87%AA%E7%84%B6%E7%A7%91%E5%AD%A6" style="background-image: url(https://cdn-ak-scissors.b.st-hatena.com/image/square/93d8c3552064394e06b4ab64ff4d845ba4f14214/height=288;version=1;width=512/https%3A%2F%2Fimage.itmedia.co.jp%2Fnews%2Farticles%2F2411%2F28%2Fcover_news059.jpg);"></a> </span> <span class="issue"> <a href="/entrylist/knowledge/%E8%87%AA%E7%84%B6%E7%A7%91%E5%AD%A6">自然科学</a> </span> </li> <li class="navi-item-unit" data-gtm-click-label="global-navi-issue-item"> <span class="thumbnail"> <a href="/entrylist/knowledge/%E8%AA%9E%E5%AD%A6" style="background-image: url(https://cdn-ak-scissors.b.st-hatena.com/image/square/eaf2fe533a29584316c4f3defbaa33702315759f/height=288;version=1;width=512/https%3A%2F%2Fwww.osaka-u.ac.jp%2Fja%2Fnews%2Ftopics%2F2024%2F11%2F27001%2F%40%40images%2Fdb01c512-206c-4965-bc3a-0f263ca7e508.jpeg);"></a> </span> <span class="issue"> <a href="/entrylist/knowledge/%E8%AA%9E%E5%AD%A6">語学</a> </span> </li> <li class="navi-item-unit" data-gtm-click-label="global-navi-issue-item"> <span class="thumbnail"> <a href="/entrylist/knowledge/%E3%83%93%E3%82%B8%E3%83%8D%E3%82%B9%E3%83%BB%E7%B5%8C%E5%96%B6%E5%AD%A6" style="background-image: url(https://cdn-ak-scissors.b.st-hatena.com/image/square/1446e8cb32bd44f33b7ae9123364d985667965c1/height=288;version=1;width=512/https%3A%2F%2Fshuon.ismcdn.jp%2Fmwimgs%2F7%2F0%2F1200xm%2Fimg_70442c0218b4950ef9bb012489f9667b70608.jpg);"></a> </span> <span class="issue"> <a href="/entrylist/knowledge/%E3%83%93%E3%82%B8%E3%83%8D%E3%82%B9%E3%83%BB%E7%B5%8C%E5%96%B6%E5%AD%A6">ビジネス・経営学</a> </span> </li> <li class="navi-item-unit" data-gtm-click-label="global-navi-issue-item"> <span class="thumbnail"> <a href="/entrylist/knowledge/%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3" style="background-image: url(https://cdn-ak-scissors.b.st-hatena.com/image/square/a865c8f64f8d07e7ee5d8d32ed737ea1f28d79ee/height=288;version=1;width=512/https%3A%2F%2Fs.tgstc.com%2Fogp3%2Ff7b01c477a088e167ef664aadedc80d0-1200x630.jpeg);"></a> </span> <span class="issue"> <a href="/entrylist/knowledge/%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3">デザイン</a> </span> </li> <li class="navi-item-unit" data-gtm-click-label="global-navi-issue-item"> <span class="thumbnail"> <a href="/entrylist/knowledge/%E6%B3%95%E5%BE%8B" style="background-image: url(https://cdn-ak-scissors.b.st-hatena.com/image/square/b4aa5781a3b71cdcb948261f6a3e87ecbdf87c2f/height=288;version=1;width=512/https%3A%2F%2Fnewsdig.ismcdn.jp%2Fmwimgs%2Fb%2F8%2F1200w%2Fimg_b8bdb1ea389a3fb74ad829a4dcaa74bc343369.jpg);"></a> </span> <span class="issue"> <a href="/entrylist/knowledge/%E6%B3%95%E5%BE%8B">法律</a> </span> </li> <li class="navi-item-unit" data-gtm-click-label="global-navi-issue-item"> <span class="thumbnail"> <a href="/entrylist/knowledge/%E6%9C%AC%E3%83%BB%E6%9B%B8%E8%A9%95" style="background-image: url(https://cdn-ak-scissors.b.st-hatena.com/image/square/1f32b163e1f3018182018bb1a9f3f9a77e75a564/height=288;version=1;width=512/https%3A%2F%2Fassets.st-note.com%2Fproduction%2Fuploads%2Fimages%2F163326914%2Frectangle_large_type_2_439f25e189e255fd78361365cb820a49.jpeg%3Ffit%3Dbounds%26quality%3D85%26width%3D1280);"></a> </span> <span class="issue"> <a href="/entrylist/knowledge/%E6%9C%AC%E3%83%BB%E6%9B%B8%E8%A9%95">本・書評</a> </span> </li> <li class="navi-item-unit" data-gtm-click-label="global-navi-issue-item"> <span class="thumbnail"> <a href="/entrylist/knowledge/%E5%B0%86%E6%A3%8B%E3%83%BB%E5%9B%B2%E7%A2%81" style="background-image: url(https://cdn-ak-scissors.b.st-hatena.com/image/square/63d03c50b434bd760cffb9bd6fda650d5aebbd39/height=288;version=1;width=512/https%3A%2F%2Fcdn-img.www.sunday-webry.com%2Fpublic%2Fseries-thumbnail%2F3269754496548915247-0309b2f13be0089f4deb1512a407dc58%3F1654488887);"></a> </span> <span class="issue"> <a href="/entrylist/knowledge/%E5%B0%86%E6%A3%8B%E3%83%BB%E5%9B%B2%E7%A2%81">将棋・囲碁</a> </span> </li> <li class="navi-item-unit" data-gtm-click-label="global-navi-issue-item"> <span class="thumbnail"> <a href="/entrylist/knowledge/%E3%81%AF%E3%81%A6%E3%81%AA%E3%83%96%E3%83%AD%E3%82%B0%EF%BC%88%E5%AD%A6%E3%81%B3%EF%BC%89" style="background-image: url(https://cdn-ak-scissors.b.st-hatena.com/image/square/dfbc41e38609660fcdb7eaf02a7a6f00155cbc21/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F10257846132616103758%2F6802418398306125271%2F1732343727);"></a> </span> <span class="issue"> <a href="/entrylist/knowledge/%E3%81%AF%E3%81%A6%E3%81%AA%E3%83%96%E3%83%AD%E3%82%B0%EF%BC%88%E5%AD%A6%E3%81%B3%EF%BC%89">はてなブログ（学び）</a> </span> </li> </ul> </div> </div> </li> <li class="js-navi-category-item cat-it" data-category-name="cat-it"> <div class="navi-link js-navi-link"> <a href="/hotentry/it" class="navi-link-text cat-it" data-gtm-click-label="global-navi-it"><span>テクノロジー</span></a> <span class="gnavi-button js-gnavi-button" data-category-name="cat-it" data-gtm-click-label="global-navi-button-it"></span> </div> <div class="navi-item-detail js-navi-item-detail is-hidden"> <div class="navi-item-detail-inner js-navi-item-detail-inner"> <ul class="navi-item-list"> <li class="navi_hotentry"><a href="/hotentry/it" data-gtm-click-label="global-navi-hotentry">人気</a></li> <li class="navi_entrylist"><a href="/entrylist/it" data-gtm-click-label="global-navi-recententry">新着</a></li> </ul> <ul class="navi-item-issue"> <li class="navi-item-unit" data-gtm-click-label="global-navi-issue-item"> <span class="thumbnail"> <a href="/entrylist/it/IT" style="background-image: url(https://cdn-ak-scissors.b.st-hatena.com/image/square/b35c9913cc59b1c75c6de32136dabfa0a8d6ddb0/height=288;version=1;width=512/https%3A%2F%2Fapplech2.com%2Fwp-content%2Fuploads%2F2024%2F11%2FSnippetsLab-for-mac-now-free-features-1.jpg);"></a> </span> <span class="issue"> <a href="/entrylist/it/IT">IT</a> </span> </li> <li class="navi-item-unit" data-gtm-click-label="global-navi-issue-item"> <span class="thumbnail"> <a href="/entrylist/it/%E3%82%BB%E3%82%AD%E3%83%A5%E3%83%AA%E3%83%86%E3%82%A3%E6%8A%80%E8%A1%93" style="background-image: url(https://cdn-ak-scissors.b.st-hatena.com/image/square/f88d2e5bfc8a3b336e22dd407979a8d913d95292/height=288;version=1;width=512/https%3A%2F%2Fimages.logmi.jp%2Fmedia%2Farticle%2F331148%2Fimages%2Fmain_image_d9ed5fa5ada5bdd792ec492cd227b5d9b3c9a4c1.jpg);"></a> </span> <span class="issue"> <a href="/entrylist/it/%E3%82%BB%E3%82%AD%E3%83%A5%E3%83%AA%E3%83%86%E3%82%A3%E6%8A%80%E8%A1%93">セキュリティ技術</a> </span> </li> <li class="navi-item-unit" data-gtm-click-label="global-navi-issue-item"> <span class="thumbnail"> <a href="/entrylist/it/%E3%81%AF%E3%81%A6%E3%81%AA%E3%83%96%E3%83%AD%E3%82%B0%EF%BC%88%E3%83%86%E3%82%AF%E3%83%8E%E3%83%AD%E3%82%B8%E3%83%BC%EF%BC%89" style="background-image: url(https://cdn-ak-scissors.b.st-hatena.com/image/square/e7294e7d960573e2483a2ec04716d3137905925c/height=288;version=1;width=512/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2F2d02040485fbe0377ff1738f46fce12ad92807dd%2Fbackend%3Dimagemagick%3Bheight%3D1300%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fa%252Facro-maeda%252F20241120%252F20241120065238.png);"></a> </span> <span class="issue"> <a href="/entrylist/it/%E3%81%AF%E3%81%A6%E3%81%AA%E3%83%96%E3%83%AD%E3%82%B0%EF%BC%88%E3%83%86%E3%82%AF%E3%83%8E%E3%83%AD%E3%82%B8%E3%83%BC%EF%BC%89">はてなブログ（テクノロジー）</a> </span> </li> <li class="navi-item-unit" data-gtm-click-label="global-navi-issue-item"> <span class="thumbnail"> <a href="/entrylist/it/AI%E3%83%BB%E6%A9%9F%E6%A2%B0%E5%AD%A6%E7%BF%92" style="background-image: url(https://cdn-ak-scissors.b.st-hatena.com/image/square/0472a583542bd1fb60b2c5c6f6a49e4e6551a437/height=288;version=1;width=512/https%3A%2F%2Fi.gzn.jp%2Fimg%2F2024%2F11%2F28%2Fbluesky-machine-learning%2F00.jpg);"></a> </span> <span class="issue"> <a href="/entrylist/it/AI%E3%83%BB%E6%A9%9F%E6%A2%B0%E5%AD%A6%E7%BF%92">AI・機械学習</a> </span> </li> <li class="navi-item-unit" data-gtm-click-label="global-navi-issue-item"> <span class="thumbnail"> <a href="/entrylist/it/%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0" style="background-image: url(https://cdn-ak-scissors.b.st-hatena.com/image/square/08a2c165998831e9a3932d90c8ddafaa848c2197/height=288;version=1;width=512/https%3A%2F%2Fautomaton-media.com%2Fwp-content%2Fuploads%2F2024%2F11%2Frryuugagotoku-20241127-319679-header.jpg);"></a> </span> <span class="issue"> <a href="/entrylist/it/%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0">プログラミング</a> </span> </li> <li class="navi-item-unit" data-gtm-click-label="global-navi-issue-item"> <span class="thumbnail"> <a href="/entrylist/it/%E3%82%A8%E3%83%B3%E3%82%B8%E3%83%8B%E3%82%A2" style="background-image: url(https://cdn-ak-scissors.b.st-hatena.com/image/square/08a2c165998831e9a3932d90c8ddafaa848c2197/height=288;version=1;width=512/https%3A%2F%2Fautomaton-media.com%2Fwp-content%2Fuploads%2F2024%2F11%2Frryuugagotoku-20241127-319679-header.jpg);"></a> </span> <span class="issue"> <a href="/entrylist/it/%E3%82%A8%E3%83%B3%E3%82%B8%E3%83%8B%E3%82%A2">エンジニア</a> </span> </li> </ul> </div> </div> </li> <li class="js-navi-category-item cat-fun" data-category-name="cat-fun"> <div class="navi-link js-navi-link"> <a href="/hotentry/fun" class="navi-link-text cat-fun" data-gtm-click-label="global-navi-fun"><span>おもしろ</span></a> <span class="gnavi-button js-gnavi-button" data-category-name="cat-fun" data-gtm-click-label="global-navi-button-fun"></span> </div> <div class="navi-item-detail js-navi-item-detail is-hidden"> <div class="navi-item-detail-inner js-navi-item-detail-inner"> <ul class="navi-item-list"> <li class="navi_hotentry"><a href="/hotentry/fun" data-gtm-click-label="global-navi-hotentry">人気</a></li> <li class="navi_entrylist"><a href="/entrylist/fun" data-gtm-click-label="global-navi-recententry">新着</a></li> </ul> <ul class="navi-item-issue"> <li class="navi-item-unit" data-gtm-click-label="global-navi-issue-item"> <span class="thumbnail"> <a href="/entrylist/fun/%E3%81%BE%E3%81%A8%E3%82%81" style="background-image: url(https://cdn-ak-scissors.b.st-hatena.com/image/square/47d2d7da8b0fccdfb039640264d91c389ee3851b/height=288;version=1;width=512/https%3A%2F%2Flivedoor.blogimg.jp%2Fnwknews%2Fimgs%2Fa%2Fd%2Fad3967c4-s.jpg);"></a> </span> <span class="issue"> <a href="/entrylist/fun/%E3%81%BE%E3%81%A8%E3%82%81">まとめ</a> </span> </li> <li class="navi-item-unit" data-gtm-click-label="global-navi-issue-item"> <span class="thumbnail"> <a href="/entrylist/fun/%E3%83%8D%E3%82%BF" style="background-image: url(https://cdn-ak-scissors.b.st-hatena.com/image/square/bc226092dbe96184789ca1eae8e62a7acbe03eec/height=288;version=1;width=512/https%3A%2F%2Fs.tgstc.com%2Fogp3%2F1eb0aefba2812e562eac9045e0b5572b-1200x630.jpeg);"></a> </span> <span class="issue"> <a href="/entrylist/fun/%E3%83%8D%E3%82%BF">ネタ</a> </span> </li> <li class="navi-item-unit" data-gtm-click-label="global-navi-issue-item"> <span class="thumbnail"> <a href="/entrylist/fun/%E3%81%8A%E3%82%82%E3%81%97%E3%82%8D" style="background-image: url(https://cdn-ak-scissors.b.st-hatena.com/image/square/b1638cdb5807a4788e4ba3c1109a984166e095fc/height=288;version=1;width=512/https%3A%2F%2Fanond.hatelabo.jp%2Fimages%2Fog-image-1500.gif);"></a> </span> <span class="issue"> <a href="/entrylist/fun/%E3%81%8A%E3%82%82%E3%81%97%E3%82%8D">おもしろ</a> </span> </li> <li class="navi-item-unit" data-gtm-click-label="global-navi-issue-item"> <span class="thumbnail"> <a href="/entrylist/fun/%E3%81%93%E3%82%8C%E3%81%AF%E3%81%99%E3%81%94%E3%81%84" style="background-image: url(https://cdn-ak-scissors.b.st-hatena.com/image/square/237d4aebcbc1493e32362eafd16f3eb450768731/height=288;version=1;width=512/https%3A%2F%2Fdailyportalz.jp%2Fapplication%2Ffiles%2F4617%2F3270%2F7274%2F005.jpg);"></a> </span> <span class="issue"> <a href="/entrylist/fun/%E3%81%93%E3%82%8C%E3%81%AF%E3%81%99%E3%81%94%E3%81%84">これはすごい</a> </span> </li> <li class="navi-item-unit" data-gtm-click-label="global-navi-issue-item"> <span class="thumbnail"> <a href="/entrylist/fun/%E3%81%8B%E3%82%8F%E3%81%84%E3%81%84" style="background-image: url(https://cdn-ak-scissors.b.st-hatena.com/image/square/f4ba4d3413615716e1a1bdc8dc9969922633049a/height=288;version=1;width=512/https%3A%2F%2Fs.tgstc.com%2Fogp3%2F0f188cedd71faba67e37c812215ccf80-1200x630.jpeg);"></a> </span> <span class="issue"> <a href="/entrylist/fun/%E3%81%8B%E3%82%8F%E3%81%84%E3%81%84">かわいい</a> </span> </li> <li class="navi-item-unit" data-gtm-click-label="global-navi-issue-item"> <span class="thumbnail"> <a href="/entrylist/fun/%E9%9B%91%E5%AD%A6" style="background-image: url(https://cdn-ak-scissors.b.st-hatena.com/image/square/05b52164dc17f674f78e08543c6ae2d489467a01/height=288;version=1;width=512/https%3A%2F%2Fs.tgstc.com%2Fogp3%2F486f0befe4a80f9c845fd57c10be2ddf-1200x630.jpeg);"></a> </span> <span class="issue"> <a href="/entrylist/fun/%E9%9B%91%E5%AD%A6">雑学</a> </span> </li> <li class="navi-item-unit" data-gtm-click-label="global-navi-issue-item"> <span class="thumbnail"> <a href="/entrylist/fun/%E7%99%92%E3%82%84%E3%81%97" style="background-image: url(https://cdn-ak-scissors.b.st-hatena.com/image/square/a865c8f64f8d07e7ee5d8d32ed737ea1f28d79ee/height=288;version=1;width=512/https%3A%2F%2Fs.tgstc.com%2Fogp3%2Ff7b01c477a088e167ef664aadedc80d0-1200x630.jpeg);"></a> </span> <span class="issue"> <a href="/entrylist/fun/%E7%99%92%E3%82%84%E3%81%97">癒やし</a> </span> </li> </ul> </div> </div> </li> <li class="js-navi-category-item cat-entertainment" data-category-name="cat-entertainment"> <div class="navi-link js-navi-link"> <a href="/hotentry/entertainment" class="navi-link-text cat-entertainment" data-gtm-click-label="global-navi-entertainment"><span>エンタメ</span></a> <span class="gnavi-button js-gnavi-button" data-category-name="cat-entertainment" data-gtm-click-label="global-navi-button-entertainment"></span> </div> <div class="navi-item-detail js-navi-item-detail is-hidden"> <div class="navi-item-detail-inner js-navi-item-detail-inner"> <ul class="navi-item-list"> <li class="navi_hotentry"><a href="/hotentry/entertainment" data-gtm-click-label="global-navi-hotentry">人気</a></li> <li class="navi_entrylist"><a href="/entrylist/entertainment" data-gtm-click-label="global-navi-recententry">新着</a></li> </ul> <ul class="navi-item-issue"> <li class="navi-item-unit" data-gtm-click-label="global-navi-issue-item"> <span class="thumbnail"> <a href="/entrylist/entertainment/%E3%82%B9%E3%83%9D%E3%83%BC%E3%83%84" style="background-image: url(https://cdn-ak-scissors.b.st-hatena.com/image/square/bc226092dbe96184789ca1eae8e62a7acbe03eec/height=288;version=1;width=512/https%3A%2F%2Fs.tgstc.com%2Fogp3%2F1eb0aefba2812e562eac9045e0b5572b-1200x630.jpeg);"></a> </span> <span class="issue"> <a href="/entrylist/entertainment/%E3%82%B9%E3%83%9D%E3%83%BC%E3%83%84">スポーツ</a> </span> </li> <li class="navi-item-unit" data-gtm-click-label="global-navi-issue-item"> <span class="thumbnail"> <a href="/entrylist/entertainment/%E6%98%A0%E7%94%BB" style="background-image: url(https://cdn-ak-scissors.b.st-hatena.com/image/square/eb21b88472a37555e3cbca9ce5def27a8e2d9de1/height=288;version=1;width=512/https%3A%2F%2Fsuumo.jp%2Fjournal%2Fwp%2Fwp-content%2Fuploads%2F2024%2F11%2F205951_main.jpg);"></a> </span> <span class="issue"> <a href="/entrylist/entertainment/%E6%98%A0%E7%94%BB">映画</a> </span> </li> <li class="navi-item-unit" data-gtm-click-label="global-navi-issue-item"> <span class="thumbnail"> <a href="/entrylist/entertainment/%E9%9F%B3%E6%A5%BD" style="background-image: url(https://cdn-ak-scissors.b.st-hatena.com/image/square/b1638cdb5807a4788e4ba3c1109a984166e095fc/height=288;version=1;width=512/https%3A%2F%2Fanond.hatelabo.jp%2Fimages%2Fog-image-1500.gif);"></a> </span> <span class="issue"> <a href="/entrylist/entertainment/%E9%9F%B3%E6%A5%BD">音楽</a> </span> </li> <li class="navi-item-unit" data-gtm-click-label="global-navi-issue-item"> <span class="thumbnail"> <a href="/entrylist/entertainment/%E3%82%A2%E3%82%A4%E3%83%89%E3%83%AB" style="background-image: url(https://cdn-ak-scissors.b.st-hatena.com/image/square/c49d75cf3aea95fbab81a58c2ebbfb4d02ff3619/height=288;version=1;width=512/https%3A%2F%2Fgendai-m.ismcdn.jp%2Fmwimgs%2Fd%2F1%2F1200m%2Fimg_d1cdd4ef9a90eeed78f743228ce7317f230142.jpg);"></a> </span> <span class="issue"> <a href="/entrylist/entertainment/%E3%82%A2%E3%82%A4%E3%83%89%E3%83%AB">アイドル</a> </span> </li> <li class="navi-item-unit" data-gtm-click-label="global-navi-issue-item"> <span class="thumbnail"> <a href="/entrylist/entertainment/%E8%8A%B8%E8%83%BD" style="background-image: url(https://cdn-ak-scissors.b.st-hatena.com/image/square/a448dd9817b43989370ff8fdb125133e9692f147/height=288;version=1;width=512/https%3A%2F%2Fs.tgstc.com%2Fogp3%2Ff0389d8956257d7abf04c1a20c38089a-1200x630.jpeg);"></a> </span> <span class="issue"> <a href="/entrylist/entertainment/%E8%8A%B8%E8%83%BD">芸能</a> </span> </li> <li class="navi-item-unit" data-gtm-click-label="global-navi-issue-item"> <span class="thumbnail"> <a href="/entrylist/entertainment/%E3%81%8A%E7%AC%91%E3%81%84" style="background-image: url(https://cdn-ak-scissors.b.st-hatena.com/image/square/a4dc423bf53182a1bd7added9ac1a496210e814b/height=288;version=1;width=512/https%3A%2F%2Fogre.natalie.mu%2Fmedia%2Fnews%2Fowarai%2F2024%2F1126%2F1208manzai.jpg%3Fimpolicy%3Dtwitter_card_face_crop);"></a> </span> <span class="issue"> <a href="/entrylist/entertainment/%E3%81%8A%E7%AC%91%E3%81%84">お笑い</a> </span> </li> <li class="navi-item-unit" data-gtm-click-label="global-navi-issue-item"> <span class="thumbnail"> <a href="/entrylist/entertainment/%E3%82%B5%E3%83%83%E3%82%AB%E3%83%BC" style="background-image: url(https://cdn-ak-scissors.b.st-hatena.com/image/square/42b571e15a28014eff97d25d7db5b0571622eebc/height=288;version=1;width=512/https%3A%2F%2Fencount.press%2Fwp-content%2Fuploads%2F2024%2F11%2F26181424%2F99a71f9f671cd48b03d30b55f0a5f18a.jpg);"></a> </span> <span class="issue"> <a href="/entrylist/entertainment/%E3%82%B5%E3%83%83%E3%82%AB%E3%83%BC">サッカー</a> </span> </li> <li class="navi-item-unit" data-gtm-click-label="global-navi-issue-item"> <span class="thumbnail"> <a href="/entrylist/entertainment/%E8%A9%B1%E9%A1%8C%E3%81%AE%E5%8B%95%E7%94%BB" style="background-image: url(https://cdn-ak-scissors.b.st-hatena.com/image/square/649d660a165f468d9c82035fdef21e83a3f123bf/height=288;version=1;width=512/https%3A%2F%2Fimage.itmedia.co.jp%2Fnews%2Farticles%2F2411%2F27%2Fcover_news191.jpg);"></a> </span> <span class="issue"> <a href="/entrylist/entertainment/%E8%A9%B1%E9%A1%8C%E3%81%AE%E5%8B%95%E7%94%BB">話題の動画</a> </span> </li> </ul> </div> </div> </li> <li class="js-navi-category-item cat-game" data-category-name="cat-game"> <div class="navi-link js-navi-link"> <a href="/hotentry/game" class="navi-link-text cat-game" data-gtm-click-label="global-navi-game"><span>アニメとゲーム</span></a> <span class="gnavi-button js-gnavi-button" data-category-name="cat-game" data-gtm-click-label="global-navi-button-game"></span> </div> <div class="navi-item-detail js-navi-item-detail is-hidden"> <div class="navi-item-detail-inner js-navi-item-detail-inner"> <ul class="navi-item-list"> <li class="navi_hotentry"><a href="/hotentry/game" data-gtm-click-label="global-navi-hotentry">人気</a></li> <li class="navi_entrylist"><a href="/entrylist/game" data-gtm-click-label="global-navi-recententry">新着</a></li> </ul> <ul class="navi-item-issue"> <li class="navi-item-unit" data-gtm-click-label="global-navi-issue-item"> <span class="thumbnail"> <a href="/entrylist/game/%E3%83%9E%E3%83%B3%E3%82%AC" style="background-image: url(https://cdn-ak-scissors.b.st-hatena.com/image/square/9117a71cf253b66979d732e2099fd91c2a7a6d32/height=288;version=1;width=512/https%3A%2F%2Fs.tgstc.com%2Fogp3%2Fe6ec1452850614e76a40e9aefae497ac-1200x630.jpeg);"></a> </span> <span class="issue"> <a href="/entrylist/game/%E3%83%9E%E3%83%B3%E3%82%AC">マンガ</a> </span> </li> <li class="navi-item-unit" data-gtm-click-label="global-navi-issue-item"> <span class="thumbnail"> <a href="/entrylist/game/Web%E3%83%9E%E3%83%B3%E3%82%AC" style="background-image: url(https://cdn-ak-scissors.b.st-hatena.com/image/square/4d65a27a43491d698b8671aac2c20b09227f3321/height=288;version=1;width=512/https%3A%2F%2Fcdn-img.www.sunday-webry.com%2Fpublic%2Fseries-thumbnail%2F2550689798451197340-0027e34db048b1aed71634d5c317405c%3F1713921811);"></a> </span> <span class="issue"> <a href="/entrylist/game/Web%E3%83%9E%E3%83%B3%E3%82%AC">Webマンガ</a> </span> </li> <li class="navi-item-unit" data-gtm-click-label="global-navi-issue-item"> <span class="thumbnail"> <a href="/entrylist/game/%E3%82%B2%E3%83%BC%E3%83%A0" style="background-image: url(https://cdn-ak-scissors.b.st-hatena.com/image/square/08a2c165998831e9a3932d90c8ddafaa848c2197/height=288;version=1;width=512/https%3A%2F%2Fautomaton-media.com%2Fwp-content%2Fuploads%2F2024%2F11%2Frryuugagotoku-20241127-319679-header.jpg);"></a> </span> <span class="issue"> <a href="/entrylist/game/%E3%82%B2%E3%83%BC%E3%83%A0">ゲーム</a> </span> </li> <li class="navi-item-unit" data-gtm-click-label="global-navi-issue-item"> <span class="thumbnail"> <a href="/entrylist/game/%E4%BB%BB%E5%A4%A9%E5%A0%82" style="background-image: url(https://cdn-ak-scissors.b.st-hatena.com/image/square/2b50ba43530f8853642b441901bc716d2867de6a/height=288;version=1;width=512/https%3A%2F%2Fstore-jp.nintendo.com%2Fon%2Fdemandware.static%2F-%2FSites-all-master-catalog%2Fja_JP%2Fdw4fd8d690%2Fproducts%2FD70010000085378%2FheroBanner%2Fc5b7fae4e1ffc44f6960f7fe1537d09a079395ea563f2aad5e880af277e3b4e5.jpg);"></a> </span> <span class="issue"> <a href="/entrylist/game/%E4%BB%BB%E5%A4%A9%E5%A0%82">任天堂</a> </span> </li> <li class="navi-item-unit" data-gtm-click-label="global-navi-issue-item"> <span class="thumbnail"> <a href="/entrylist/game/PlayStation" style="background-image: url(https://cdn-ak-scissors.b.st-hatena.com/image/square/15479b994d6cf09e6b006e8124e2825635944347/height=288;version=1;width=512/https%3A%2F%2Fcimg.kgl-systems.io%2Fcamion%2Ffiles%2F24265%2Fogp_XEEe.jpg%3Fx%3D1280);"></a> </span> <span class="issue"> <a href="/entrylist/game/PlayStation">PlayStation</a> </span> </li> <li class="navi-item-unit" data-gtm-click-label="global-navi-issue-item"> <span class="thumbnail"> <a href="/entrylist/game/%E3%82%A2%E3%83%8B%E3%83%A1" style="background-image: url(https://cdn-ak-scissors.b.st-hatena.com/image/square/c24e90cc035fe94f302a64feae214882351ca93e/height=288;version=1;width=512/https%3A%2F%2Fshop.asobistore.jp%2Fsimages%2Fproduct_image_large%2F4570141997348.jpg%3F1);"></a> </span> <span class="issue"> <a href="/entrylist/game/%E3%82%A2%E3%83%8B%E3%83%A1">アニメ</a> </span> </li> <li class="navi-item-unit" data-gtm-click-label="global-navi-issue-item"> <span class="thumbnail"> <a href="/entrylist/game/%E3%83%90%E3%83%BC%E3%83%81%E3%83%A3%E3%83%ABYouTuber" style="background-image: url(https://cdn-ak-scissors.b.st-hatena.com/image/square/17c19bc802882257d03ef4f03786419d7e94d434/height=288;version=1;width=512/https%3A%2F%2Fapi.kai-you.net%2Fstorage%2Fimages%2Fupload_images%2F2024%2F11%2Ffaf7ace8-97ad-438e-b580-350c12f83275%2Fmain.jpg);"></a> </span> <span class="issue"> <a href="/entrylist/game/%E3%83%90%E3%83%BC%E3%83%81%E3%83%A3%E3%83%ABYouTuber">バーチャルYouTuber</a> </span> </li> <li class="navi-item-unit" data-gtm-click-label="global-navi-issue-item"> <span class="thumbnail"> <a href="/entrylist/game/%E3%82%AA%E3%82%BF%E3%82%AF%E3%82%AB%E3%83%AB%E3%83%81%E3%83%A3%E3%83%BC" style="background-image: url(https://cdn-ak-scissors.b.st-hatena.com/image/square/c80d0107ceb4683656a9ef6193325d228dfbf096/height=288;version=1;width=512/https%3A%2F%2Fwww.4gamer.net%2Fgames%2F999%2FG999905%2F20241122054%2FSS%2F007.jpg);"></a> </span> <span class="issue"> <a href="/entrylist/game/%E3%82%AA%E3%82%BF%E3%82%AF%E3%82%AB%E3%83%AB%E3%83%81%E3%83%A3%E3%83%BC">オタクカルチャー</a> </span> </li> </ul> </div> </div> </li> <li class="recommend"> <a href="/entrylist/all/%E3%83%96%E3%83%A9%E3%83%83%E3%82%AF%E3%83%95%E3%83%A9%E3%82%A4%E3%83%87%E3%83%BC" class="navi-link-text recommend" title="おすすめ" data-gtm-click-label="global-navi-recommended"><span>おすすめ</span></a> <p class="pickup"><a href="/hotentry/all/%E3%83%96%E3%83%A9%E3%83%83%E3%82%AF%E3%83%95%E3%83%A9%E3%82%A4%E3%83%87%E3%83%BC">ブラックフライデー</a></p> </li> </ul> </div> <div class="navi-page"> <h2 class="navi-page-title">『speakerdeck.com』</h2> <ul class="navi-page-mode"> <li class=""> <a href="/site/speakerdeck.com/spindle?sort=count" data-gtm-click-label="hotentry-button-beneath-global-navi">人気</a> </li> <li class="is-current"> <a href="/site/speakerdeck.com/spindle" data-gtm-click-label="entrylist-button-beneath-global-navi">新着</a> </li> <li class=""> <a href="/site/speakerdeck.com/spindle?sort=eid" data-gtm-click-label="all-button-beneath-global-navi">すべて</a> </li> </ul> </div> <div class="entrylist-wrapper"> <div class="entrylist-wrapper"> <div class="entrylist-main"> <section class="entrylist-unit"> <div class="entrylist-header"> <ul class="entrylist-header-main"> <li class="cat-it entrylist-image-entry js-keyboard-selectable-item"> <div class="entrylist-contents"> <div class="js-bookmark-stock-button is-hidden" data-gtm-click-label="entry-info-stock-button"> <button class="js-bookmark-stock-button-ready readlater-button" title="あとで読む" alt="あとで読む" tabindex="0" type="button" data-href="https://speakerdeck.com/spindle/the-power-of-design-system"><span>あとで読む</span> </button> </div> <div class="entrylist-contents-main"> <h3 class="entrylist-contents-title"> <a href="https://speakerdeck.com/spindle/the-power-of-design-system" title="デザインシステムの力 Webデザイナーとエンジニアのための実践ガイド / The Power of Design System" target="_blank" rel="noopener" class="js-keyboard-openable" data-gtm-click-label="entry-info-title" data-entry-id="4762438995965918816" data-entry-category="テクノロジー">デザインシステムの力 Webデザイナーとエンジニアのための実践ガイド / The Power of Design System</a> </h3> <span class="entrylist-contents-users"> <a href="/entry/s/speakerdeck.com/spindle/the-power-of-design-system" title="すべてのブックマークを見る" class="js-keyboard-entry-page-openable" data-gtm-click-label="entry-info-users"><span>180</span> users</a> </span> <p class="entrylist-contents-domain"> <a href="/site/speakerdeck.com/spindle" title="『speakerdeck.com/spindle』の新着エントリー" data-gtm-click-label="entry-info-root-url"> <img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fspeakerdeck.com%2Fspindle%2Fthe-power-of-design-system" class="favicon" alt="" /> <span>speakerdeck.com/spindle</span> </a> </p> <div class="entrylist-contents-body"> <a href="/entry/s/speakerdeck.com/spindle/the-power-of-design-system" title="すべてのブックマークを見る"> <p class="entrylist-contents-description" data-gtm-click-label="entry-info-description-href">MTDDC Meetup TOKYO 2024 2024/11/23 株式会社サイバーエージェント原一成 (@herablog)</p> <p class="entrylist-contents-thumb"> <span style="background-image:url('https://cdn-ak-scissors.b.st-hatena.com/image/square/f64af5aab2154973c45c21778e7dba5fcdd64d32/height=288;version=1;width=512/https%3A%2F%2Ffiles.speakerdeck.com%2Fpresentations%2F2c715ef7eb5d43c78360a1d774bde3a5%2Fslide_0.jpg%3F32741141');" data-gtm-click-label="entry-info-thumbnail"></span> </p> </a> </div> <ul class="entrylist-contents-meta"> <li class="entrylist-contents-category"> <a href="/entrylist/it" data-gtm-click-label="entry-info-category">テクノロジー</a> </li> <li class="entrylist-contents-date">2024/11/24 08:48</li> </ul> <ul class="entrylist-contents-tags"> <li><a href="/q/%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3" rel="tag" data-gtm-click-label="entry-info-tag">デザイン</a></li> <li><a href="/q/%E3%81%82%E3%81%A8%E3%81%A7%E8%AA%AD%E3%82%80" rel="tag" data-gtm-click-label="entry-info-tag">あとで読む</a></li> <li><a href="/q/%22design%20system%22" rel="tag" data-gtm-click-label="entry-info-tag">design system</a></li> <li><a href="/q/Web" rel="tag" data-gtm-click-label="entry-info-tag">Web</a></li> <li><a href="/q/%E3%82%A8%E3%83%B3%E3%82%B8%E3%83%8B%E3%82%A2" rel="tag" data-gtm-click-label="entry-info-tag">エンジニア</a></li> <li><a href="/q/UI" rel="tag" data-gtm-click-label="entry-info-tag">UI</a></li> <li><a href="/q/Web%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3" rel="tag" data-gtm-click-label="entry-info-tag">Webデザイン</a></li> </ul> <div class="following-bookmarks-container js-following-bookmarks-container" data-entry-url="https://speakerdeck.com/spindle/the-power-of-design-system"> <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> </div> </div> </li> </ul> <div class="entrylist-header-sub js-right-top-native-ad is-nativeads-loading"> </div> <div id="entrylist-ad-right-top" class="entrylist-header-sub is-hidden"></div> </div> <ul class="entrylist-item js-hotentries is-nativeads-loading"> <li class="cat-it entrylist-image-entry js-keyboard-selectable-item"> <div class="entrylist-contents"> <div class="js-bookmark-stock-button is-hidden" data-gtm-click-label="entry-info-stock-button"> <button class="js-bookmark-stock-button-ready readlater-button" title="あとで読む" alt="あとで読む" tabindex="0" type="button" data-href="https://speakerdeck.com/spindle/spindle-ui-from-concept-to-creation"><span>あとで読む</span> </button> </div> <div class="entrylist-contents-main"> <h3 class="entrylist-contents-title"> <a href="https://speakerdeck.com/spindle/spindle-ui-from-concept-to-creation" title="Spindle UIのつくりかた / Spindle UI: From Concept to Creation" target="_blank" rel="noopener" class="js-keyboard-openable" data-gtm-click-label="entry-info-title" data-entry-id="4741498432435640911" data-entry-category="テクノロジー">Spindle UIのつくりかた / Spindle UI: From Concept to Creation</a> </h3> <span class="entrylist-contents-users"> <a href="/entry/s/speakerdeck.com/spindle/spindle-ui-from-concept-to-creation" title="すべてのブックマークを見る" class="js-keyboard-entry-page-openable" data-gtm-click-label="entry-info-users"><span>17</span> users</a> </span> <p class="entrylist-contents-domain"> <a href="/site/speakerdeck.com/spindle" title="『speakerdeck.com/spindle』の新着エントリー" data-gtm-click-label="entry-info-root-url"> <img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fspeakerdeck.com%2Fspindle%2Fspindle-ui-from-concept-to-creation" class="favicon" alt="" /> <span>speakerdeck.com/spindle</span> </a> </p> <div class="entrylist-contents-body"> <a href="/entry/s/speakerdeck.com/spindle/spindle-ui-from-concept-to-creation" title="すべてのブックマークを見る"> <p class="entrylist-contents-description" data-gtm-click-label="entry-info-description-href">コラボレーションを小さくはじめ、大きく広める - 相互理解のためのデザイン＆開発交流会, Friends of Figma Tokyo by Yasuhiro Yokota</p> <p class="entrylist-contents-thumb"> <span style="background-image:url('https://cdn-ak-scissors.b.st-hatena.com/image/square/a825d885a78b9df28dad9c37492ea73ee97653d7/height=288;version=1;width=512/https%3A%2F%2Ffiles.speakerdeck.com%2Fpresentations%2F7097987ece53455b84977aa98b796965%2Fslide_0.jpg%3F26852617');" data-gtm-click-label="entry-info-thumbnail"></span> </p> </a> </div> <ul class="entrylist-contents-meta"> <li class="entrylist-contents-category"> <a href="/entrylist/it" data-gtm-click-label="entry-info-category">テクノロジー</a> </li> <li class="entrylist-contents-date">2023/08/30 22:07</li> </ul> <ul class="entrylist-contents-tags"> <li><a href="/q/%22Design%20System%22" rel="tag" data-gtm-click-label="entry-info-tag">Design System</a></li> <li><a href="/q/slide" rel="tag" data-gtm-click-label="entry-info-tag">slide</a></li> <li><a href="/q/%E3%81%82%E3%81%A8%E3%81%A7%E8%AA%AD%E3%82%80" rel="tag" data-gtm-click-label="entry-info-tag">あとで読む</a></li> <li><a href="/q/ui" rel="tag" data-gtm-click-label="entry-info-tag">ui</a></li> <li><a href="/q/design" rel="tag" data-gtm-click-label="entry-info-tag">design</a></li> </ul> <div class="following-bookmarks-container js-following-bookmarks-container" data-entry-url="https://speakerdeck.com/spindle/spindle-ui-from-concept-to-creation"> <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> </div> </div> </li> </ul> </section> </div> <div class="entrylist-aside"> <div class="entrylist-ad-optional-rectangle"> <div id="entrylist-ad-sidebar-top"></div> </div> <div class="entrylist-ad-optional-rectangle"> <div id="entrylist-ad-sidebar-bottom"></div> </div> </div> </div> </div> <div class="entrylist-ad-pc-banner"> <div id="entrylist-ad-banner-bottom"></div> </div> <div class="entrylist-ad-sp-rectangle"> <div id="entrylist-ad-rectangle-bottom"></div> </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> <div class="entry-notfound-modal js-entry-notfound-modal is-hidden"> <div class="entry-notfound-modal-widnow js-modal-content"> <div class="entry-notFound"> <div class="entry-notFound-text"> <h2 class="entry-notFound-title">このページはまだ<br />ブックマークされていません</h2> <p class="entry-notFound-description"><span class="for-pc">このページを</span>最初にブックマークしてみませんか？</p> </div> <form method="get" action="/my/add.confirm" class="entry-notFound-form js-entry-notfound-form"> <input name="url" type="text" value="" class="entry-notFound-textInput js-entry-notfound-input"> <button type="submit" class="entry-notFound-btn">ブックマークする</button> </form> <p class="entry-notFound-entryList-link js-entry-notfound-entrylist-link"> <a href="/site/speakerdeck.com/spindle"> <span>『</span><span>speakerdeck.com</span><span>』の新着エントリーを見る</span> </a> </p> </div> <button type="button" class="entry-notfound-modal-window-close js-modal-close-button">閉じる</button> </div> </div> <div id="keyboard-shortcut-help" class="shortcut-help is-hidden"> <h3 class="shortcut-help-title">キーボードショートカット一覧</h3> <p><span class="shortcut-help-key">j</span>次のブックマーク</p> <p><span class="shortcut-help-key">k</span>前のブックマーク</p> <p><span class="shortcut-help-key">l</span>あとで読む</p> <p><span class="shortcut-help-key">e</span>コメント一覧を開く</p> <p><span class="shortcut-help-key">o</span>ページを開く</p> <button tyle="button" class="shortcut-help-close js-close-button">✕</button> </div> <script id="valve-dmp" data-service="bookmark" src="//cdn.pool.st-hatena.com/valve/dmp.js" async></script> <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>

CINXE.COM

speakerdeck.com[B!]新着記事・評価 - はてなブックマーク