<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>CodeNote | Technology & Engineering Website</title><meta name="description" content="A multilingual website about technology, management, and work style for engineers. エンジニアのための技術・マネジメント・働き方に関するウェブサイト。"><meta name="author" content="Tadashi Shigeoka"><link rel="alternate" hreflang="en" href="https://codenote.net/"><link rel="sitemap" href="/sitemap-index.xml"><link rel="alternate" type="application/rss+xml" href="/rss.xml"><link rel="icon" href="/favicon.ico"><script type="module">localStorage.getItem("dark-mode")==="true"||!("dark-mode"in localStorage)&&window.matchMedia("(prefers-color-scheme: dark)").matches?(localStorage.setItem("dark-mode","true"),document.querySelector("html")?.classList.add("dark")):(localStorage.setItem("dark-mode","false"),document.querySelector("html")?.classList.remove("dark"));</script><link rel="stylesheet" href="/_astro/about.Bd9M3LV3.css">
<style>.content pre{background-color:#cdc8ff0d;border-radius:.5rem;font-size:.9rem}.content code{overflow-x:auto}.content [data-rehype-pretty-code-figure] code{padding:0!important}.content pre>code span[data-line]{border-left:.5rem solid transparent;padding:0 .5rem}.content pre>code span:first-of-type{border-top-left-radius:.5rem;border-top-right-radius:.5rem;padding-top:.5rem}.content pre>code span:last-of-type{border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem;padding-bottom:.5rem}.content pre>code .highlighted{border-left:.5rem solid rgba(209,213,219,.6)!important;background-color:#e5e7eb0d}.content pre>code[data-line-numbers]{counter-reset:line}.content pre>code[data-line-numbers]>span[data-line]:before{counter-increment:line;content:counter(line);display:inline-block;margin-right:2rem;width:1rem;text-align:left;color:#7ca2dfad}.content pre>code>span[data-line]:before{content:"";display:inline-block;width:1rem;text-align:right}.content pre>code[data-line-numbers-max-digits="2"]>span[data-line]:before{width:2rem}.content code[data-line-numbers-max-digits="3"]>span[data-line]:before{width:3rem}
</style></head> <body class="flex min-h-screen flex-col bg-stone-100 font-mono text-gray-950 dark:bg-stone-900 dark:text-white"> <div class="mx-auto w-full max-w-screen-lg px-4 py-6"> <div class="flex justify-between"> <div></div> <div class="flex items-center"> <div class="ml-3 flex flex-col justify-center"> <input type="checkbox" id="light-switch" class="light-switch sr-only"> <label class="tada relative cursor-pointer p-2" for="light-switch"> <svg class="dark:hidden" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path class="fill-stone-800" d="M7 0h2v2H7zM12.88 1.637l1.414 1.415-1.415 1.413-1.413-1.414zM14 7h2v2h-2zM12.95 14.433l-1.414-1.413 1.413-1.415 1.415 1.414zM7 14h2v2H7zM2.98 14.364l-1.413-1.415 1.414-1.414 1.414 1.415zM0 7h2v2H0zM3.05 1.706 4.463 3.12 3.05 4.535 1.636 3.12z"></path> <path class="fill-gray-900" d="M8 4C5.8 4 4 5.8 4 8s1.8 4 4 4 4-1.8 4-4-1.8-4-4-4Z"></path> </svg> <svg class="hidden dark:block" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path class="fill-slate-400" d="M6.2 1C3.2 1.8 1 4.6 1 7.9 1 11.8 4.2 15 8.1 15c3.3 0 6-2.2 6.9-5.2C9.7 11.2 4.8 6.3 6.2 1Z"></path> <path class="fill-slate-500" d="M12.5 5a.625.625 0 0 1-.625-.625 1.252 1.252 0 0 0-1.25-1.25.625.625 0 1 1 0-1.25 1.252 1.252 0 0 0 1.25-1.25.625.625 0 1 1 1.25 0c.001.69.56 1.249 1.25 1.25a.625.625 0 1 1 0 1.25c-.69.001-1.249.56-1.25 1.25A.625.625 0 0 1 12.5 5Z"></path> </svg> <span class="sr-only">Switch to light / dark version</span> </label> </div> </div> </div> </div> <script type="module">const t=document.querySelectorAll(".light-switch");t.length>0&&t.forEach((e,c)=>{localStorage.getItem("dark-mode")==="true"&&(e.checked=!0),e.addEventListener("click",()=>{const{checked:d}=e;t.forEach((o,a)=>{a!==c&&(o.checked=d)}),e.checked?(document.documentElement.classList.add("dark"),localStorage.setItem("dark-mode","true")):(document.documentElement.classList.remove("dark"),localStorage.setItem("dark-mode","false"))})});</script> <div class="flex-1"> <div class="mx-auto w-full max-w-screen-lg px-4 py-6"> <div class="min-h-[60vh] flex flex-col items-center justify-center"> <div class="text-center mb-12"> <h1 class="text-5xl font-bold mb-4">
CodeNote<span class="text-orange-600">.</span>net
</h1> <p class="text-xl text-gray-600 dark:text-gray-400">
Technology & Engineering Website
</p> </div> <div class="flex flex-col sm:flex-row gap-8 items-center"> <!-- Japanese --> <a href="/ja/" class="group flex flex-col items-center p-8 bg-white dark:bg-stone-800 rounded-lg shadow-lg hover:shadow-xl transition-all hover:scale-105 w-64"> <div class="text-3xl font-bold mb-4 group-hover:text-orange-600">日本語</div> <div class="text-gray-600 dark:text-gray-400 text-center"> <div class="font-bold mb-1">2,070 記事</div> <div class="text-sm">技術・マネジメント・働き方</div> </div> </a> <!-- English --> <a href="/en/" class="group flex flex-col items-center p-8 bg-white dark:bg-stone-800 rounded-lg shadow-lg hover:shadow-xl transition-all hover:scale-105 w-64"> <div class="text-3xl font-bold mb-4 group-hover:text-orange-600">English</div> <div class="text-gray-600 dark:text-gray-400 text-center"> <div class="font-bold mb-1">1298 Articles</div> <div class="text-sm">Technology & Management</div> </div> </a> </div> <div class="mt-12 text-center"> <p class="text-sm text-gray-500 dark:text-gray-400">
Choose your preferred language / お好みの言語を選択してください
</p> </div> </div> </div> </div> <div class="mx-auto w-full max-w-screen-lg px-4 py-6"> <footer class="flex justify-between items-center"> <div class="flex-1 text-center">
© 2011-2025 <a class="underline hover:text-orange-600" href="/about">codenote.net</a> </div> <div class="flex gap-2 text-sm"> <a href="/ja/" class="hover:text-orange-600 underline">日本語</a> <span>|</span> <a href="/en/" class="hover:text-orange-600 underline">English</a> </div> </footer> </div> <!-- Cloudflare Pages Analytics --><script defer src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "5f7425f2717f493bbaca41c421c2f7d3"}'></script><!-- Cloudflare Pages Analytics --></body></html>