はてなスター

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <link rel="stylesheet" href="//www.hatena.com/css/hatena/header.css" /> <link rel="icon" href="/images/favicon.ico?202202" /> <link rel="apple-touch-icon" sizes="192x192" href="/images/apple-touch-icon.png?202202" /> <link rel="icon" type="image/png" sizes="256x256" href="/images/android-chrome-256x256.png?202202" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <link rel="stylesheet" type="text/css" href="/css/bundle/styles.css" media="all" /> <meta name="google-site-verification" content="ttlVZ7HNF1e932JTCUzcuLsfU6KD0KgcNQJMDKFquYw" /> <title>はてなスター</title> <meta name="description" content="心を捉えた記事やコメントにスターをつけて、あなたの気持ちを表現しよう。" /> <meta property="og:url" content="https://s.hatena.ne.jp/" key="og:url" /> <meta property="og:title" content="はてなスター" key="og:title" /> <meta property="og:description" content="心を捉えた記事やコメントにスターをつけて、あなたの気持ちを表現しよう。" key="og:description" /> <meta property="og:site_name" content="はてなスター" key="og:site_name" /> <meta property="og:type" content="website" key="og:type" /> <meta property="og:image" content="https://s.hatena.ne.jp/images/ogimage.png?202202" key="og:image" /> <meta property="og:image:width" content="1200" key="og:image:width" /> <meta property="og:image:height" content="630" key="og:image:height" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1, viewport-fit=cover" /> <meta name="format-detection" content="telephone=no" /> <script type="text/javascript" src="//www.hatena.com/js/header.ja.js" charset="utf-8"></script> </head> <body>  <noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-PZXJFQ" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <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= '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-PZXJFQ');</script>  <div id="container"> <header id="header"> <h1> <a href="/"> <img src="/images/bundle/star-logo.svg" alt="はてなスター" title="はてなスター" width="200" height="40" /> </a> </h1> <div class="globalNavi"> <div class="overlay"></div> <div class="globalNavi-list"> <ul> <li><a href="https://www.hatena.com/register?location=http%3A%2F%2Fs.hatena.com%2F">ユーザー登録</a></li><li><a href="https://www.hatena.com/login?location=http://s.hatena.com/">ログイン</a></li><li><a href="https://hatena.zendesk.com/hc/ja/articles/900002669366-%E3%81%AF%E3%81%A6%E3%81%AA%E3%82%B9%E3%82%BF%E3%83%BC%E3%81%AF%E3%81%98%E3%82%81%E3%81%A6%E3%82%AC%E3%82%A4%E3%83%89">はじめてガイド</a></li><li><a href="https://star.hatenastaff.com/" class="icon-arrow2-blue">開発日記</a></li><li class="headerUser"><a href="https://www.hatena.com/login?location=http://s.hatena.com/"><img src="/images/bundle/icon-guest.svg" alt="ゲスト" width="32" height="32" title="ログイン" /><span class="userName">ゲストさん</span></a></li> </ul> </div> <div class="globalNavi-toggle-nav"> <a class="globalNavi-toggle-btn"> <div class="globalNavi-toggle-btn-open" data-text="メニューを開く"><img src="/images/bundle/icon-guest.svg" alt="ゲスト" width="32" height="32" /></div> <div class="globalNavi-toggle-btn-close" data-text="メニューを閉じる"> <svg class="globalNavi-toggle-btn-icon" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"> <line x1="1" y1="1" x2="17" y2="17" /> <line x1="1" y1="17" x2="17" y2="1" /> </svg> </div> </a> </div> </div> </header> <section class="star-demonstration"> <div class="starList"> <ul class="prevStar"> <li><img src="/images/bundle/star-large-yellow.svg" alt="イエロースター" width="156" height="130" /></li> <li><img src="/images/bundle/star-large-yellow.svg" alt="イエロースター" width="156" height="130" /></li> <li><img src="/images/bundle/star-large-yellow.svg" alt="イエロースター" width="156" height="130" /></li> <li><img src="/images/bundle/star-large-yellow.svg" alt="イエロースター" width="156" height="130" /></li> <li><img src="/images/bundle/star-large-green.svg" alt="グリーンスター" width="156" height="130" /></li> <li><img src="/images/bundle/star-large-yellow.svg" alt="イエロースター" width="156" height="130" /></li> <li><img src="/images/bundle/star-large-yellow.svg" alt="イエロースター" width="156" height="130" /></li> <li><img src="/images/bundle/star-large-purple.svg" alt="パープルスター" width="156" height="130" /></li> <li><img src="/images/bundle/star-large-red.svg" alt="レッドスター" width="156" height="130" /></li> <li><img src="/images/bundle/star-large-blue.svg" alt="ブルースター" width="156" height="130" /></li> <li><img src="/images/bundle/star-large-yellow.svg" alt="イエロースター" width="156" height="130" /></li> <li><img src="/images/bundle/star-large-yellow.svg" alt="イエロースター" width="156" height="130" /></li> <li><img src="/images/bundle/star-large-green.svg" alt="グリーンスター" width="156" height="130" /></li> <li><img src="/images/bundle/star-large-yellow.svg" alt="イエロースター" width="156" height="130" /></li> <li><img src="/images/bundle/star-large-red.svg" alt="レッドスター" width="156" height="130" /></li> <li><img src="/images/bundle/star-large-yellow.svg" alt="イエロースター" width="156" height="130" /></li> </ul> <dl> <dt>いいね</dt> <dd><img src="/images/bundle/star-large-yellow.svg" alt="イエロースター" width="156" height="130" /></dd> </dl> <dl> <dt>応援</dt> <dd><img src="/images/bundle/star-large-yellow.svg" alt="イエロースター" width="156" height="130" /></dd> </dl> <dl> <dt>見たよ</dt> <dd><img src="/images/bundle/star-large-yellow.svg" alt="イエロースター" width="156" height="130" /></dd> </dl> <dl> <dt>わかる</dt> <dd><img src="/images/bundle/star-large-yellow.svg" alt="イエロースター" width="156" height="130" /></dd> </dl> <dl> <dt>好き</dt> <dd><img src="/images/bundle/star-large-green.svg" alt="グリーンスター" width="156" height="130" /></dd> </dl> <dl> <dt>あるある</dt> <dd><img src="/images/bundle/star-large-yellow.svg" alt="イエロースター" width="156" height="130" /></dd> </dl> <dl> <dt><span class="highlight">それ</span>な</dt> <dd><img src="/images/bundle/star-large-yellow.svg" alt="イエロースター" width="156" height="130" /></dd> </dl> <dl> <dt>最高</dt> <dd><img src="/images/bundle/star-large-purple.svg" alt="パープルスター" width="156" height="130" /></dd> </dl> <dl> <dt>アツい</dt> <dd><img src="/images/bundle/star-large-red.svg" alt="レッドスター" width="156" height="130" /></dd> </dl> <dl> <dt>感謝</dt> <dd><img src="/images/bundle/star-large-blue.svg" alt="ブルースター" width="156" height="130" /></dd> </dl> <dl> <dt>そうだね</dt> <dd><img src="/images/bundle/star-large-yellow.svg" alt="イエロースター" width="156" height="130" /></dd> </dl> <dl> <dt>OK</dt> <dd><img src="/images/bundle/star-large-yellow.svg" alt="イエロースター" width="156" height="130" /></dd> </dl> <dl> <dt>同意</dt> <dd><img src="/images/bundle/star-large-green.svg" alt="グリーンスター" width="156" height="130" /></dd> </dl> <dl> <dt>うける</dt> <dd><img src="/images/bundle/star-large-yellow.svg" alt="イエロースター" width="156" height="130" /></dd> </dl> <dl> <dt>ありがと</dt> <dd><img src="/images/bundle/star-large-red.svg" alt="レッドスター" width="156" height="130" /></dd> </dl> <dl> <dt>わいわい</dt> <dd><img src="/images/bundle/star-large-yellow.svg" alt="イエロースター" width="156" height="130" /></dd> </dl> </div> </section> <section class="star-description"> <h2>思いの数だけ<br />スターをつけよう</h2> <p>心を捉えた記事やコメントにスターをつけて、<br /> あなたの気持ちを表現しよう。<br /> カラフルなスターを選んだり、文章を引用したり、<br /> インターネットをスターで満たそう。</p> <a class="button" href="https://hatena.zendesk.com/hc/ja/articles/900002669366-%E3%81%AF%E3%81%A6%E3%81%AA%E3%82%B9%E3%82%BF%E3%83%BC%E3%81%AF%E3%81%98%E3%82%81%E3%81%A6%E3%82%AC%E3%82%A4%E3%83%89"> はじめてガイドをみる </a> </section> <section class="star-shop"> <h2>特別な気持ちは<br class="narrow" />特別なスターで</h2> <ul class="colorStarList"> <li><img src="/images/bundle/star-large-green.svg" alt="グリーンスター" width="48" height="40" /></li> <li><img src="/images/bundle/star-large-red.svg" alt="レッドスター" width="48" height="40" /></li> <li><img src="/images/bundle/star-large-blue.svg" alt="ブルースター" width="48" height="40" /></li> <li><img src="/images/bundle/star-large-purple.svg" alt="パープルスター" width="48" height="40" /></li> </ul> <p>いつもとは違うカラースターをつけて、特別な気持ちを表現しよう。<br /> カラースターは、はてなの利用状況に応じてプレゼントされたり、<br /> カラースターBOXを購入することで入手できます。</p> <a class="arrow" href="https://www.hatena.com/shop/star?via=300002"> カラースターショップをみる </a> </section> <section class="star-count"> <h2>みんながつけたスター数</h2> <p class="count"> <strong>1,267,983,899</strong> Stars </p> <p class="annotation">※2022/09時点</p> <a class="arrow" href="/hotentry"> みんなのスターをみる </a> </section> <footer> <address> ©2025 <a href="https://www.hatena.ne.jp/" target="_blank" rel="noopener noreferrer">Hatena</a> </address> </footer> </div> <script> (function () { var globalNavi = document.querySelector('.globalNavi'); var globalNaviToggleBtn = document.querySelector('.globalNavi-toggle-btn'); globalNaviToggleBtn.addEventListener('click', function () { globalNavi.classList.toggle('is-open'); return false; }); })(); </script> <script type="text/javascript" src="//www.hatena.ne.jp/js/Ten/Ten.js"></script><script src="//www.hatena.ne.jp/js/locale-all.js" type="text/javascript"></script> <script src="//www.hatena.ne.jp/js/updu/ten-extras.js" charset=utf-8></script> <script src="//www.hatena.ne.jp/js/Hatena/LangSelector.js" charset=utf-8></script> <div id="langselector" style="display:none;background-color:#ffffff;border:3px solid #1841CE; padding:1em;text-align:left"> <div id="langselector-title">表示言語を選択</div> <div id="langselector-body"> <ul> <li ><a id="en" href="http://s.hatena.com/?locale.lang=en" rel="alternate" hreflang="en">English</a> </li> <li ><a id="en-gb" href="http://s.hatena.com/?locale.lang=en-gb" rel="alternate" hreflang="en-gb">English (UK)</a> </li> <li ><a id="fr" href="http://s.hatena.com/?locale.lang=fr" rel="alternate" hreflang="fr">Français</a> </li> <li ><a id="es" href="http://s.hatena.com/?locale.lang=es" rel="alternate" hreflang="es">Español</a> </li> <li ><a id="de" href="http://s.hatena.com/?locale.lang=de" rel="alternate" hreflang="de">Deutsch</a> </li> <li ><a id="it" href="http://s.hatena.com/?locale.lang=it" rel="alternate" hreflang="it">Italiano</a> </li> <li class="selected"><a id="ja" href="http://s.hatena.com/?locale.lang=ja" rel="alternate" hreflang="ja">日本語</a> </li> </ul> </div> </div> </body> </html>

CINXE.COM

はてなスター