<!DOCTYPE html>
<html lang="ja" dir="ltr">
<head>
	<meta name="generator" content="Hugo 0.164.0">
  






<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# website: http://ogp.me/ns/website#">



<script async src="https://www.googletagmanager.com/gtag/js?id=G-DKWFFSCDBP"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-DKWFFSCDBP');
</script>

<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>mehori.com</title>


<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta http-equiv="x-ua-compatible" content="IE=edge">
<meta name="author" content="Masatake E. Hori">
<meta name="description" content="ブロガー・著作家・科学者として活動している、堀 正岳の個人サイト">



<meta property="og:title" content="Home" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://mehori.com/" />

<meta property="og:image" content="https://mehori.com//mehori/ogp.jpg" />

<meta property="og:site_name" content="mehori.com" />
<meta property="og:description" content="ブロガー・著作家・科学者として活動している、堀 正岳の個人サイト" />
<meta property="fb:app_id" content="164544254268889" />


<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@mehori" />
















<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@id":"https://mehori.com/#website","@type":"WebSite","author":{"@id":"https://mehori.com/#person","@type":"Person","name":"Masatake E. Hori","url":"https://mehori.com/about/"},"description":"ブロガー・著作家・科学者として活動している、堀 正岳の個人サイト","inLanguage":"ja","name":"mehori.com","url":"https://mehori.com/"},{"@id":"https://mehori.com/#person","@type":"Person","alternateName":"堀 正岳","image":"https://mehori.com/mehori/mehori.jpg","jobTitle":"研究者・ブロガー・著作家","name":"Masatake E. Hori","sameAs":["https://x.com/mehori","https://www.threads.net/@mehori","https://www.facebook.com/mehori","https://github.com/mehori","https://www.youtube.com/channel/UC4vvXLomkcpXqG0p7Mvs1rg","https://lifehacking.jp/about/#author"],"url":"https://mehori.com/about/"}]}</script>






<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:ital@0;1&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Zen+Old+Mincho:wght@400;500;600;700;900&display=swap" rel="stylesheet">

<link rel="shortcut icon" href="https://mehori.com//favicon/favicon.ico" />
<link rel="apple-touch-icon" href="https://mehori.com//favicon/favicon.png" />



<link rel="stylesheet" href="/style.css">


<link rel="stylesheet" href="/css/font-icons.css">


<link rel="stylesheet" href="/custom.css?20261101063908">

    <link rel="stylesheet" href="/custom-home.css?20261101063908">






<link rel="stylesheet" href="/blogcards.css">




<link rel="alternate" type="text/markdown" href="https://mehori.com/index.md">


<meta name="viewport" content="width=device-width, initial-scale=1">

</head>
<body class="stretched">

<div id="wrapper">

  
  <header id="header" class="no-sticky header-size-md border-bottom-0">
    <div class="container">
        <div class="header-row flex-row justify-content-between justify-content-lg-start top-search-parent">

            <div id="header-left" class=" header-misc-icon d-flex ms-2"><a href="https://linktr.ee/mehori"><i class="bi-share"></i></a></div>

            
            <div id="logo" class="me-0 mx-md-auto ms-4 my-lg-3 my-1">
                
                <a href="/">
                    <img class="logo-default" srcset="/mehori/mehoricom-logo-black.png, /mehori/mehoricom-logo-black2.png 2x" src="/mehori/mehoricom-logo-black2.png" alt="logo">
                </a>
                
            </div>

            <div class="d-flex me-2">
            	
				<div id="top-search" class="header-misc-icon">
					<a href="#" id="top-search-trigger"><i class="bi-search"></i><i class="bi-x-lg"></i></a>
				</div> 
            </div>

            <form class="top-search-form" action="search.html" method="get">
                <input type="text" name="q" class="form-control" value="" placeholder="Search not yet coded" autocomplete="off">
            </form>

        </div>
    </div>

    <div id="header-wrap">
        <div class="container">
            <div class="header-row justify-content-evenly">

                
<div class="header-misc fw-semibold text-smaller ">
    <div class="minimenu color-home    mt-2 mb-2 me-4 d-lg-none"><a href="/">ホーム</a></div>
    <div class="minimenu  mt-2 mb-2 me-4 d-lg-none"><a href="/diary/">日記</a></div>
    <div class="minimenu  mt-2 mb-2 me-4 d-lg-none"><a href="/blog/">記事</div>
    <div class="minimenu  mt-2 mb-2 me-4 d-lg-none"><a href="/library/">ライブラリー</a></div>
    <div class="minimenu  mt-2 mb-2 me-4 d-lg-none"><a href="/quotes/">偽名言</a></div>
</div>


<nav class="primary-menu flex-lg-grow-1">
    <ul class="menu-container justify-content-lg-center">

        <li class="menu-item color-home   "><a class="menu-link" href="/"><div>ホーム</div></a> </li>
        <li class="menu-item "><a class="menu-link" href="/diary/"><div>日記</div></a></li>
        <li class="menu-item "><a class="menu-link" href="/blog/"><div>記事</div></a></li>
        <li class="menu-item "><a class="menu-link" href="/library/"><div>ライブラリー</div></a></li>
        <li class="menu-item "><a class="menu-link" href="/quotes/"><div>偽名言</div></a></li>
    </ul>
</nav>


            </div>
        </div>
    </div>
    
</header>



  <section id="content">
  <div class="content-wrap">
  <div class="container">
    




  
  
    
  

  
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  

  
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  

  
  
    
  

  
  
    
  

  
  

  
  

  
  

  
  

  
  
    
  

  
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  

  
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  

  
  

  
  
    
  

  
  

  
  

  
  
    
  

  
  

  
  
    
  

  
  

  
  

  
  

  
  

  
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  

  
  
    
  

  
  

  
  

  
  

  
  

  
  

  
  

  
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  

  
  
    
  



<div id="oc-posts" class="owl-carousel posts-carousel carousel-widget posts-md pt-3 pb-2 border-bottom" data-pagi="true" data-items-xs="1" data-items-sm="2" data-items-md="3" data-items-lg="4">
    
      <div class="oc-item">
        <div class="entry">
          <div class="entry-image">
            <a href="/blog/2026/beyond-the-strand/">
              
                
                
                
                
                
                
              <picture>
                <source srcset="/blog/2026/beyond-the-strand/IMG_1747_hu_b1596ee6c13b4fa3.webp 300w, /blog/2026/beyond-the-strand/IMG_1747_hu_923066527ba3564d.webp 600w" sizes="(max-width: 600px) 300px, (max-width: 1200px) 600px, 1200px" type="image/webp">
                <source srcset="/blog/2026/beyond-the-strand/IMG_1747_hu_b1596ee6c13b4fa3.webp 300w, /blog/2026/beyond-the-strand/IMG_1747_hu_923066527ba3564d.webp 600w" sizes="(max-width: 600px) 300px, (max-width: 1200px) 600px, 1200px" type="image/jpeg">
                  <img src="/blog/2026/beyond-the-strand/IMG_1747_hu_923066527ba3564d.webp" alt="「作るひと」の心を刺激する、小島秀夫率いるコジマプロダクション10周年記念展" loading="lazy">
              </picture>
                
            </a>
          </div>
          <div class="entry-title title-xs text-transform-none">
            <h3><a href="/blog/2026/beyond-the-strand/">「作るひと」の心を刺激する、小島秀夫率いるコジマプロダクション10周年記念展</a></h3>
          </div>
        </div>
      </div>
    
      <div class="oc-item">
        <div class="entry">
          <div class="entry-image">
            <a href="/library/2026/introductory_kant/">
              
                
                
                
                
                
                
              <picture>
                <source srcset="/library/2026/introductory_kant/introductory-kant_hu_5deed392fd2925a4.webp 300w, /library/2026/introductory_kant/introductory-kant_hu_16da9f1439cf01cc.webp 600w" sizes="(max-width: 600px) 300px, (max-width: 1200px) 600px, 1200px" type="image/webp">
                <source srcset="/library/2026/introductory_kant/introductory-kant_hu_5deed392fd2925a4.webp 300w, /library/2026/introductory_kant/introductory-kant_hu_16da9f1439cf01cc.webp 600w" sizes="(max-width: 600px) 300px, (max-width: 1200px) 600px, 1200px" type="image/jpeg">
                  <img src="/library/2026/introductory_kant/introductory-kant_hu_16da9f1439cf01cc.webp" alt="ロジックを追う快楽： 冨田恭彦「カント入門講義」" loading="lazy">
              </picture>
                
            </a>
          </div>
          <div class="entry-title title-xs text-transform-none">
            <h3><a href="/library/2026/introductory_kant/">ロジックを追う快楽： 冨田恭彦「カント入門講義」</a></h3>
          </div>
        </div>
      </div>
    
      <div class="oc-item">
        <div class="entry">
          <div class="entry-image">
            <a href="/blog/2026/deploy-on-issue-to-cloudflare-pages/">
              
                
                
                
                
                
                
              <picture>
                <source srcset="/blog/2026/deploy-on-issue-to-cloudflare-pages/deploy_hu_ad6f41220f340ae8.webp 300w, /blog/2026/deploy-on-issue-to-cloudflare-pages/deploy_hu_b9326fff5245d956.webp 600w" sizes="(max-width: 600px) 300px, (max-width: 1200px) 600px, 1200px" type="image/webp">
                <source srcset="/blog/2026/deploy-on-issue-to-cloudflare-pages/deploy_hu_ad6f41220f340ae8.webp 300w, /blog/2026/deploy-on-issue-to-cloudflare-pages/deploy_hu_b9326fff5245d956.webp 600w" sizes="(max-width: 600px) 300px, (max-width: 1200px) 600px, 1200px" type="image/png">
                  <img src="/blog/2026/deploy-on-issue-to-cloudflare-pages/deploy_hu_b9326fff5245d956.webp" alt="Githubで新しいissueを作るとCloudflare Pagesにデプロイするようにしておく" loading="lazy">
              </picture>
                
            </a>
          </div>
          <div class="entry-title title-xs text-transform-none">
            <h3><a href="/blog/2026/deploy-on-issue-to-cloudflare-pages/">Githubで新しいissueを作るとCloudflare Pagesにデプロイするようにしておく</a></h3>
          </div>
        </div>
      </div>
    
      <div class="oc-item">
        <div class="entry">
          <div class="entry-image">
            <a href="/blog/2026/moving-to-cloudflare/">
              
                
                
                
                
                
                
              <picture>
                <source srcset="/blog/2026/moving-to-cloudflare/cloudflare-pages_hu_240842dba749f1cc.webp 300w, /blog/2026/moving-to-cloudflare/cloudflare-pages_hu_30d34b91d5774b16.webp 600w" sizes="(max-width: 600px) 300px, (max-width: 1200px) 600px, 1200px" type="image/webp">
                <source srcset="/blog/2026/moving-to-cloudflare/cloudflare-pages_hu_240842dba749f1cc.webp 300w, /blog/2026/moving-to-cloudflare/cloudflare-pages_hu_30d34b91d5774b16.webp 600w" sizes="(max-width: 600px) 300px, (max-width: 1200px) 600px, 1200px" type="image/png">
                  <img src="/blog/2026/moving-to-cloudflare/cloudflare-pages_hu_30d34b91d5774b16.webp" alt="個人ドメインで運用しているHugo静的サイトとメールをCloudflareに移行した手順" loading="lazy">
              </picture>
                
            </a>
          </div>
          <div class="entry-title title-xs text-transform-none">
            <h3><a href="/blog/2026/moving-to-cloudflare/">個人ドメインで運用しているHugo静的サイトとメールをCloudflareに移行した手順</a></h3>
          </div>
        </div>
      </div>
    
    </div>
    
    <div class="row gx-5 col-mb-80">
      <div class="mt-4"></div>
      
      <main class="postcontent col-lg-8">
    
        
        <div id="posts" class="row">
      
          <div class="entry col-12 pt-sm-3 border-bottom">
            <div class="grid-inner row g-0">
              <div class="col-4 col-sm-5">
                <div class="entry-image">
                  <a href="/diary/2026/06/22/">

                    
                      
                      
                      
                      
                      
                      
                    <picture>
                      <source srcset="/diary/2026/06/22/2026.06.23_hu_aefcd8ca747274b2.webp 300w, /diary/2026/06/22/2026.06.23_hu_cd6b6adcabf8b8b7.webp 600w"  sizes="(max-width: 600px) 300px, (max-width: 1200px) 600px, 1200px" type="image/webp">
                        <source srcset="/diary/2026/06/22/2026.06.23_hu_aefcd8ca747274b2.webp 300w, /diary/2026/06/22/2026.06.23_hu_cd6b6adcabf8b8b7.webp 600w" sizes="(max-width: 600px) 300px, (max-width: 1200px) 600px, 1200px" type="image/png">
                        <img src="/diary/2026/06/22/2026.06.23_hu_cd6b6adcabf8b8b7.webp" alt="noteのトップページ、あるいは無駄の迷宮" loading="lazy">
                    </picture>
                      

                    </a>
                </div>
              </div>
              <div class="col-8 col-sm-7 ps-3 mt-2 ps-md-4">    
                <div class="entry-title entry-title-diary title-sm">
                    <h2><a href="/diary/2026/06/22/">noteのトップページ、あるいは無駄の迷宮</a></h2>
                </div>
                <div class="entry-meta">
                  <ul>
                    <li><i class="uil uil-schedule"></i>2026 年 06 月 23 日</li>
                  </ul>
    
                  <div class="category-buttons mb-2">
                    
                    
                    
                </div>
                  
                </div>
              </div>
            </div>
          </div>      
        
          <div class="entry col-12 pt-sm-3 border-bottom">
            <div class="grid-inner row g-0">
              <div class="col-4 col-sm-5">
                <div class="entry-image">
                  <a href="/diary/2026/06/21/">

                    
                      
                      
                      
                      
                      
                      
                    <picture>
                      <source srcset="/diary/2026/06/21/hal-gatewood-weRQAu9TA-A-unsplash_hu_deffe8024ec169ac.webp 300w, /diary/2026/06/21/hal-gatewood-weRQAu9TA-A-unsplash_hu_9eddc9d220e9dc48.webp 600w"  sizes="(max-width: 600px) 300px, (max-width: 1200px) 600px, 1200px" type="image/webp">
                        <source srcset="/diary/2026/06/21/hal-gatewood-weRQAu9TA-A-unsplash_hu_deffe8024ec169ac.webp 300w, /diary/2026/06/21/hal-gatewood-weRQAu9TA-A-unsplash_hu_9eddc9d220e9dc48.webp 600w" sizes="(max-width: 600px) 300px, (max-width: 1200px) 600px, 1200px" type="image/jpeg">
                        <img src="/diary/2026/06/21/hal-gatewood-weRQAu9TA-A-unsplash_hu_9eddc9d220e9dc48.webp" alt="Hugo用にブログカードを表示するショートコードを実装した" loading="lazy">
                    </picture>
                      

                    </a>
                </div>
              </div>
              <div class="col-8 col-sm-7 ps-3 mt-2 ps-md-4">    
                <div class="entry-title entry-title-diary title-sm">
                    <h2><a href="/diary/2026/06/21/">Hugo用にブログカードを表示するショートコードを実装した</a></h2>
                </div>
                <div class="entry-meta">
                  <ul>
                    <li><i class="uil uil-schedule"></i>2026 年 06 月 21 日</li>
                  </ul>
    
                  <div class="category-buttons mb-2">
                    
                    
                    
                </div>
                  
                </div>
              </div>
            </div>
          </div>      
        
          <div class="entry col-12 pt-sm-3 border-bottom">
            <div class="grid-inner row g-0">
              <div class="col-4 col-sm-5">
                <div class="entry-image">
                  <a href="/quotes/marktwain/when_the_rich_rob_the_poor/">

                    
                      
                      
                      
                      
                      
                      
                    <picture>
                      <source srcset="/quotes/marktwain/when_the_rich_rob_the_poor/top_hu_827be2fc8353dd62.webp 300w, /quotes/marktwain/when_the_rich_rob_the_poor/top_hu_c7f10dc32664aed5.webp 600w"  sizes="(max-width: 600px) 300px, (max-width: 1200px) 600px, 1200px" type="image/webp">
                        <source srcset="/quotes/marktwain/when_the_rich_rob_the_poor/top_hu_827be2fc8353dd62.webp 300w, /quotes/marktwain/when_the_rich_rob_the_poor/top_hu_c7f10dc32664aed5.webp 600w" sizes="(max-width: 600px) 300px, (max-width: 1200px) 600px, 1200px" type="image/jpeg">
                        <img src="/quotes/marktwain/when_the_rich_rob_the_poor/top_hu_c7f10dc32664aed5.webp" alt="マーク・トウェインの偽名言「貧乏人が金持ちに抵抗するとそれは『暴力』と呼ばれる」" loading="lazy">
                    </picture>
                      

                    </a>
                </div>
              </div>
              <div class="col-8 col-sm-7 ps-3 mt-2 ps-md-4">    
                <div class="entry-title entry-title-quotes title-sm">
                    <h2><a href="/quotes/marktwain/when_the_rich_rob_the_poor/">マーク・トウェインの偽名言「貧乏人が金持ちに抵抗するとそれは『暴力』と呼ばれる」</a></h2>
                </div>
                <div class="entry-meta">
                  <ul>
                    <li><i class="uil uil-schedule"></i>2026 年 01 月 02 日</li>
                  </ul>
    
                  <div class="category-buttons mb-2">
                    
                    
                    
                </div>
                  
                </div>
              </div>
            </div>
          </div>      
        
          <div class="entry col-12 pt-sm-3 border-bottom">
            <div class="grid-inner row g-0">
              <div class="col-4 col-sm-5">
                <div class="entry-image">
                  <a href="/diary/2025/11/24/">

                    
                      
                      
                      
                      
                      
                      
                    <picture>
                      <source srcset="/diary/2025/11/24/2025-11-24_hu_5ad8c4a290831c59.webp 300w, /diary/2025/11/24/2025-11-24_hu_7cacac8011f46564.webp 600w"  sizes="(max-width: 600px) 300px, (max-width: 1200px) 600px, 1200px" type="image/webp">
                        <source srcset="/diary/2025/11/24/2025-11-24_hu_5ad8c4a290831c59.webp 300w, /diary/2025/11/24/2025-11-24_hu_7cacac8011f46564.webp 600w" sizes="(max-width: 600px) 300px, (max-width: 1200px) 600px, 1200px" type="image/jpeg">
                        <img src="/diary/2025/11/24/2025-11-24_hu_7cacac8011f46564.webp" alt="噛める以上のものを口にする" loading="lazy">
                    </picture>
                      

                    </a>
                </div>
              </div>
              <div class="col-8 col-sm-7 ps-3 mt-2 ps-md-4">    
                <div class="entry-title entry-title-diary title-sm">
                    <h2><a href="/diary/2025/11/24/">噛める以上のものを口にする</a></h2>
                </div>
                <div class="entry-meta">
                  <ul>
                    <li><i class="uil uil-schedule"></i>2025 年 11 月 24 日</li>
                  </ul>
    
                  <div class="category-buttons mb-2">
                    
                    
                    
                </div>
                  
                </div>
              </div>
            </div>
          </div>      
        
          <div class="entry col-12 pt-sm-3 border-bottom">
            <div class="grid-inner row g-0">
              <div class="col-4 col-sm-5">
                <div class="entry-image">
                  <a href="/diary/2025/10/29/">

                    
                      
                      
                      
                      
                      
                      
                    <picture>
                      <source srcset="/diary/2025/10/29/2025-10-29_hu_b115dd31e0739349.webp 300w, /diary/2025/10/29/2025-10-29_hu_302b769cfc7d6e11.webp 600w"  sizes="(max-width: 600px) 300px, (max-width: 1200px) 600px, 1200px" type="image/webp">
                        <source srcset="/diary/2025/10/29/2025-10-29_hu_b115dd31e0739349.webp 300w, /diary/2025/10/29/2025-10-29_hu_302b769cfc7d6e11.webp 600w" sizes="(max-width: 600px) 300px, (max-width: 1200px) 600px, 1200px" type="image/jpeg">
                        <img src="/diary/2025/10/29/2025-10-29_hu_302b769cfc7d6e11.webp" alt="わざと嘘をつくことで得られるもの" loading="lazy">
                    </picture>
                      

                    </a>
                </div>
              </div>
              <div class="col-8 col-sm-7 ps-3 mt-2 ps-md-4">    
                <div class="entry-title entry-title-diary title-sm">
                    <h2><a href="/diary/2025/10/29/">わざと嘘をつくことで得られるもの</a></h2>
                </div>
                <div class="entry-meta">
                  <ul>
                    <li><i class="uil uil-schedule"></i>2025 年 10 月 30 日</li>
                  </ul>
    
                  <div class="category-buttons mb-2">
                    
                    
                    
                </div>
                  
                </div>
              </div>
            </div>
          </div>      
        
          <div class="entry col-12 pt-sm-3 border-bottom">
            <div class="grid-inner row g-0">
              <div class="col-4 col-sm-5">
                <div class="entry-image">
                  <a href="/diary/2025/10/28/">

                    
                      
                      
                      
                      
                      
                      
                    <picture>
                      <source srcset="/diary/2025/10/28/2025-10-28_hu_4b4d5c004b1d16b7.webp 300w, /diary/2025/10/28/2025-10-28_hu_ba0deffc637cc8a0.webp 600w"  sizes="(max-width: 600px) 300px, (max-width: 1200px) 600px, 1200px" type="image/webp">
                        <source srcset="/diary/2025/10/28/2025-10-28_hu_4b4d5c004b1d16b7.webp 300w, /diary/2025/10/28/2025-10-28_hu_ba0deffc637cc8a0.webp 600w" sizes="(max-width: 600px) 300px, (max-width: 1200px) 600px, 1200px" type="image/jpeg">
                        <img src="/diary/2025/10/28/2025-10-28_hu_ba0deffc637cc8a0.webp" alt="プラットホームはおしなべて次第に悪化する" loading="lazy">
                    </picture>
                      

                    </a>
                </div>
              </div>
              <div class="col-8 col-sm-7 ps-3 mt-2 ps-md-4">    
                <div class="entry-title entry-title-diary title-sm">
                    <h2><a href="/diary/2025/10/28/">プラットホームはおしなべて次第に悪化する</a></h2>
                </div>
                <div class="entry-meta">
                  <ul>
                    <li><i class="uil uil-schedule"></i>2025 年 10 月 29 日</li>
                  </ul>
    
                  <div class="category-buttons mb-2">
                    
                    
                    
                </div>
                  
                </div>
              </div>
            </div>
          </div>      
        
          <div class="entry col-12 pt-sm-3 border-bottom">
            <div class="grid-inner row g-0">
              <div class="col-4 col-sm-5">
                <div class="entry-image">
                  <a href="/diary/2025/10/27/">

                    
                      
                      
                      
                      
                      
                      
                    <picture>
                      <source srcset="/diary/2025/10/27/2025-10-27_hu_5cf3916c229a38c9.webp 300w, /diary/2025/10/27/2025-10-27_hu_f2a5c76086bd939f.webp 600w"  sizes="(max-width: 600px) 300px, (max-width: 1200px) 600px, 1200px" type="image/webp">
                        <source srcset="/diary/2025/10/27/2025-10-27_hu_5cf3916c229a38c9.webp 300w, /diary/2025/10/27/2025-10-27_hu_f2a5c76086bd939f.webp 600w" sizes="(max-width: 600px) 300px, (max-width: 1200px) 600px, 1200px" type="image/jpeg">
                        <img src="/diary/2025/10/27/2025-10-27_hu_f2a5c76086bd939f.webp" alt="ブラム・ストーカーのポリフォニー" loading="lazy">
                    </picture>
                      

                    </a>
                </div>
              </div>
              <div class="col-8 col-sm-7 ps-3 mt-2 ps-md-4">    
                <div class="entry-title entry-title-diary title-sm">
                    <h2><a href="/diary/2025/10/27/">ブラム・ストーカーのポリフォニー</a></h2>
                </div>
                <div class="entry-meta">
                  <ul>
                    <li><i class="uil uil-schedule"></i>2025 年 10 月 28 日</li>
                  </ul>
    
                  <div class="category-buttons mb-2">
                    
                    
                    
                </div>
                  
                </div>
              </div>
            </div>
          </div>      
        
          <div class="entry col-12 pt-sm-3 border-bottom">
            <div class="grid-inner row g-0">
              <div class="col-4 col-sm-5">
                <div class="entry-image">
                  <a href="/diary/2025/10/26/">

                    
                      
                      
                      
                      
                      
                      
                    <picture>
                      <source srcset="/diary/2025/10/26/2025-10-26_hu_f2e740f01a9aae34.webp 300w, /diary/2025/10/26/2025-10-26_hu_c8f4d88ebb627fc3.webp 600w"  sizes="(max-width: 600px) 300px, (max-width: 1200px) 600px, 1200px" type="image/webp">
                        <source srcset="/diary/2025/10/26/2025-10-26_hu_f2e740f01a9aae34.webp 300w, /diary/2025/10/26/2025-10-26_hu_c8f4d88ebb627fc3.webp 600w" sizes="(max-width: 600px) 300px, (max-width: 1200px) 600px, 1200px" type="image/jpeg">
                        <img src="/diary/2025/10/26/2025-10-26_hu_c8f4d88ebb627fc3.webp" alt="個人ブログとnoteを協調させてみる" loading="lazy">
                    </picture>
                      

                    </a>
                </div>
              </div>
              <div class="col-8 col-sm-7 ps-3 mt-2 ps-md-4">    
                <div class="entry-title entry-title-diary title-sm">
                    <h2><a href="/diary/2025/10/26/">個人ブログとnoteを協調させてみる</a></h2>
                </div>
                <div class="entry-meta">
                  <ul>
                    <li><i class="uil uil-schedule"></i>2025 年 10 月 27 日</li>
                  </ul>
    
                  <div class="category-buttons mb-2">
                    
                    
                    
                </div>
                  
                </div>
              </div>
            </div>
          </div>      
        
          <div class="entry col-12 pt-sm-3 border-bottom">
            <div class="grid-inner row g-0">
              <div class="col-4 col-sm-5">
                <div class="entry-image">
                  <a href="/diary/2025/10/25/">

                    
                      
                      
                      
                      
                      
                      
                    <picture>
                      <source srcset="/diary/2025/10/25/2025-10-25_hu_e2d42121cc3f4f31.webp 300w, /diary/2025/10/25/2025-10-25_hu_23db1eaa7487d3fd.webp 600w"  sizes="(max-width: 600px) 300px, (max-width: 1200px) 600px, 1200px" type="image/webp">
                        <source srcset="/diary/2025/10/25/2025-10-25_hu_e2d42121cc3f4f31.webp 300w, /diary/2025/10/25/2025-10-25_hu_23db1eaa7487d3fd.webp 600w" sizes="(max-width: 600px) 300px, (max-width: 1200px) 600px, 1200px" type="image/jpeg">
                        <img src="/diary/2025/10/25/2025-10-25_hu_23db1eaa7487d3fd.webp" alt="原点に回帰したキーボード" loading="lazy">
                    </picture>
                      

                    </a>
                </div>
              </div>
              <div class="col-8 col-sm-7 ps-3 mt-2 ps-md-4">    
                <div class="entry-title entry-title-diary title-sm">
                    <h2><a href="/diary/2025/10/25/">原点に回帰したキーボード</a></h2>
                </div>
                <div class="entry-meta">
                  <ul>
                    <li><i class="uil uil-schedule"></i>2025 年 10 月 26 日</li>
                  </ul>
    
                  <div class="category-buttons mb-2">
                    
                    
                    
                </div>
                  
                </div>
              </div>
            </div>
          </div>      
        
          <div class="entry col-12 pt-sm-3 border-bottom">
            <div class="grid-inner row g-0">
              <div class="col-4 col-sm-5">
                <div class="entry-image">
                  <a href="/diary/2025/10/24/">

                    
                      
                      
                      
                      
                      
                      
                    <picture>
                      <source srcset="/diary/2025/10/24/2025-10-24_hu_963cce7ff6403a02.webp 300w, /diary/2025/10/24/2025-10-24_hu_addb125f268ce182.webp 600w"  sizes="(max-width: 600px) 300px, (max-width: 1200px) 600px, 1200px" type="image/webp">
                        <source srcset="/diary/2025/10/24/2025-10-24_hu_963cce7ff6403a02.webp 300w, /diary/2025/10/24/2025-10-24_hu_addb125f268ce182.webp 600w" sizes="(max-width: 600px) 300px, (max-width: 1200px) 600px, 1200px" type="image/jpeg">
                        <img src="/diary/2025/10/24/2025-10-24_hu_addb125f268ce182.webp" alt="ブログブームは「自己実現」ブームだったのか？" loading="lazy">
                    </picture>
                      

                    </a>
                </div>
              </div>
              <div class="col-8 col-sm-7 ps-3 mt-2 ps-md-4">    
                <div class="entry-title entry-title-diary title-sm">
                    <h2><a href="/diary/2025/10/24/">ブログブームは「自己実現」ブームだったのか？</a></h2>
                </div>
                <div class="entry-meta">
                  <ul>
                    <li><i class="uil uil-schedule"></i>2025 年 10 月 25 日</li>
                  </ul>
    
                  <div class="category-buttons mb-2">
                    
                    
                    
                </div>
                  
                </div>
              </div>
            </div>
          </div>      
        
        </div>
        
        <div class="d-flex justify-content-center mt-4 mb-5">
          <a href="/blog/archive/page/2/"><button type="button" class="btn btn-secondary">もっと記事を読む</button></a>
        </div>
        
    
      </main>
    
      
      <aside class="sidebar col-lg-4">
        <div class="sidebar-widgets-wrap">

          <div class="widget">
<div class="fancy-title title-border">
<h4>About</h4>
</div>
<div class="sidebar-aboutme">
    <img src="/mehori/mehori_circle.png" width="35%" align="right"/>
    <strong>堀 正岳（ほりまさたけ）</strong><br/>
    <p>ブロガー・研究者・著者。ブログLifehacking.jp管理人。知的生活やテクノロジー・偽名言・読書をテーマに執筆しています。2011年アルファブロガー・アワード受賞。著書に「ライフハック大全」「知的生活の設計」「リストの魔法」（KADOKAWA）など多数。理学博士。I make things for the Web.</p> 
</div>
</div>


          <div class="widget">
            <div class="fancy-title title-border">
              <h4>タグ</h4>
            </div>
            <div class="tagcloud">
              
              
              <a href="/tags/Liveshow/">liveshow<span> 5</span></a>
              
              
              
              <a href="/tags/%E8%AA%AD%E6%9B%B8/">読書<span> 3</span></a>
              
              
              
              <a href="/tags/blogging/">blogging<span> 2</span></a>
              
              
              
              <a href="/tags/cloudflare/">cloudflare<span> 2</span></a>
              
              
              
              <a href="/tags/Hugo/">hugo<span> 2</span></a>
              
              
              
              <a href="/tags/%E9%B3%A5%E5%8F%96/">鳥取<span> 2</span></a>
              
              
              
              <a href="/tags/AI/">ai<span> 1</span></a>
              
              
              
              <a href="/tags/Apple/">apple<span> 1</span></a>
              
              
              
              <a href="/tags/conoha/">conoha<span> 1</span></a>
              
              
              
              <a href="/tags/Gemini/">gemini<span> 1</span></a>
              
              
              
              <a href="/tags/github/">github<span> 1</span></a>
              
              
              
              <a href="/tags/HHKB/">hhkb<span> 1</span></a>
              
              
              
              <a href="/tags/Mac/">mac<span> 1</span></a>
              
              
              
              <a href="/tags/Meta/">meta<span> 1</span></a>
              
              
              
              <a href="/tags/Nissan/">nissan<span> 1</span></a>
              
              
              
              <a href="/tags/PagesCMS/">pagescms<span> 1</span></a>
              
              
              
              <a href="/tags/SMTP/">smtp<span> 1</span></a>
              
              
              
              <a href="/tags/vrchat/">vrchat<span> 1</span></a>
              
              
              
              <a href="/tags/VRChat%E3%83%AF%E3%83%BC%E3%83%AB%E3%83%89/">vrchatワールド<span> 1</span></a>
              
              
              
              <a href="/tags/WWDC/">wwdc<span> 1</span></a>
              
              
              
              <a href="/tags/%E3%81%BE%E3%81%A9%E3%81%8B%E3%83%9E%E3%82%AE%E3%82%AB/">まどかマギカ<span> 1</span></a>
              
              
              
              <a href="/tags/%E3%82%B2%E3%83%BC%E3%83%A0/">ゲーム<span> 1</span></a>
              
              
              
              <a href="/tags/%E3%83%96%E3%83%AD%E3%82%B0/">ブログ<span> 1</span></a>
              
              
              
              <a href="/tags/%E3%83%B4%E3%82%A1%E3%83%BC%E3%82%B8%E3%83%8B%E3%82%A2%E3%82%A6%E3%83%AB%E3%83%95/">ヴァージニア・ウルフ<span> 1</span></a>
              
              
              
              <a href="/tags/%E5%90%8D%E6%8E%A2%E5%81%B5%E3%82%B3%E3%83%8A%E3%83%B3/">名探偵コナン<span> 1</span></a>
              
              
              
              <a href="/tags/%E7%A6%8F%E5%B3%B6/">福島<span> 1</span></a>
              
              
              
              <a href="/tags/%E9%83%A1%E5%B1%B1/">郡山<span> 1</span></a>
              
              
              
              <a href="/tags/%E9%96%8B%E7%99%BA/">開発<span> 1</span></a>
              
              
            </div>
          </div>
        </div>
      </aside>    
    </div>



  </div>
  </div>
  </section>

  <footer id="footer" class="dark">
    <div class="container">
    </div>

    <div id="copyrights">
      <div class="container">
      <div class="row align-items-center justify-content-between col-mb-30">
    <div class="col-12 col-lg-auto text-center text-lg-start">
        <img srcset="/mehori/mehoricom-logo-white.png, /mehori/mehoricom-logo-white2.png 2x" src="/mehori/mehoricom-logo-white2.png" alt="logo" class="mb-4"><br>
        Copyright &copy; 2026. Masatake E. Hori.</p>
    </div>

    <div class="col-12 col-lg-auto text-center text-lg-end">
        <div class="copyrights-menu copyright-links">
            <a href="/">ホーム</a>/
            <a href="/about/">このページについて</a>/
            <a href="/mediapolicy/">ポリシー</a>
        </div>

        <div class="d-flex justify-content-center justify-content-lg-end mt-4">
            <a href="https://twitter.com/mehori" class="social-icon si-small text-white bg-twitter">
                <i class="fa-solid fa-feather-pointed"></i>
                <i class="fa-solid fa-feather-pointed"></i>
            </a>

            <a href="https://lifehack.social/@mehori" class="social-icon si-small text-white bg-twitch">
                <i class="fa-brands fa-mastodon"></i>
                <i class="fa-brands fa-mastodon"></i>
            </a>            

            <a href="https://twitter.com/mehori" class="social-icon si-small text-white bg-twitter">
                <i class="fa-brands fa-twitter"></i>
                <i class="fa-brands fa-twitter"></i>
            </a>

            <a href="https://www.threads.net/@mehori" class="social-icon si-small text-white bg-x-twitter">
                <i class="fa-brands fa-threads"></i>
                <i class="fa-brands fa-threads"></i>
            </a>

            <a href="https://www.youtube.com/channel/UC4vvXLomkcpXqG0p7Mvs1rg" class="social-icon si-small text-white bg-youtube">
                <i class="fa-brands fa-youtube"></i>
                <i class="fa-brands fa-youtube"></i>
            </a>

            <a href="https://www.facebook.com/mehori" class="social-icon si-small text-white bg-facebook">
                <i class="fa-brands fa-facebook-f"></i>
                <i class="fa-brands fa-facebook-f"></i>
            </a>

            <a href="https://github.com/mehori" class="social-icon si-small text-white bg-github">
                <i class="fa-brands fa-github"></i>
                <i class="fa-brands fa-github"></i>
            </a>

        </div>
    </div>
</div>
      </div>
    </div>
  </footer>
</div>


<script src="/js/plugins.min.js"></script>
<script src="/js/functions.bundle.js"></script>


	
	<div id="gotoTop" class="uil uil-angle-up"></div>

	

	<script src="js/plugins.infinitescroll.js"></script>

	<script>
		jQuery(window).on( 'load', function(){
			let $container = jQuery('#posts');

			function blogTimelineEntries() {
				jQuery('.post-timeline').find('.entry:not(.entry-date-section)').each( function(){
					let position = jQuery(this).position();
					if( position.left === 0 ) {
						jQuery(this).removeClass('alt');
					} else {
						jQuery(this).addClass('alt');
					}
					jQuery(this).find('.entry-timeline').fadeIn();
				});

				jQuery('.entry.entry-date-section').next().next().find('.entry-timeline').css({ 'top': '70px' });
			}

			$container.on( 'layoutComplete', function() {
				blogTimelineEntries();
			});

			jQuery(window).resize(function() {
				$container.isotope('layout');
				setTimeout( function(){
					blogTimelineEntries();
				}, 2500 );
			});
		});
	</script>
  
</body>
</html>
