https://blog.nsys.dev/tags/go/ Recent content in Go on nsys.dev 技術ブログ Hugo ja Tue, 09 Jun 2026 00:00:00 +0000 https://blog.nsys.dev/posts/blog-start/ Tue, 09 Jun 2026 00:00:00 +0000 https://blog.nsys.dev/posts/blog-start/ <p>開発の現場で取り組んだことを、備忘録として少しずつ残していく場所を用意しました。肩肘張らず、自分の振り返りも兼ねて、ゆっくり綴っていけたらと思います。</p> <h2 id="構成の方針">構成の方針</h2> <p>ホームページ <a href="https://nsys.dev">https://nsys.dev</a> は表示速度を優先しており、PageSpeed Insights で各指標 100 点を維持しています。ブログを足すにあたっても、その方針は崩さないことを前提に設計しました。</p> <style> .ps-shots{display:flex;gap:1rem;flex-wrap:wrap;margin:1.5rem 0} .ps-shots figure{flex:1 1 280px;margin:0;text-align:center} .ps-shots figcaption{font-size:.85rem;margin-top:.4rem} .ps-thumb{display:block;cursor:zoom-in} .ps-toggle{position:absolute;width:1px;height:1px;margin:-1px;clip:rect(0 0 0 0);overflow:hidden} .ps-zoom{display:none} #ps-zm:checked ~ .ps-zoom.zm, #ps-zp:checked ~ .ps-zoom.zp{display:flex;position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.85);align-items:center;justify-content:center;padding:1rem;cursor:zoom-out} .ps-zoom img{max-width:100%;max-height:100%} </style> <div class="ps-shots"> <input type="checkbox" id="ps-zm" class="ps-toggle"> <input type="checkbox" id="ps-zp" class="ps-toggle"> <figure> <label class="ps-thumb" for="ps-zm"><img src="pagespeed-mobile.avif" alt="モバイルの PageSpeed Insights 結果（各指標 100 点）" width="720" height="556" loading="lazy" decoding="async"></label> <figcaption>モバイル</figcaption> </figure> <figure> <label class="ps-thumb" for="ps-zp"><img src="pagespeed-pc.avif" alt="PC の PageSpeed Insights 結果（各指標 100 点）" width="720" height="557" loading="lazy" decoding="async"></label> <figcaption>PC</figcaption> </figure> <label class="ps-zoom zm" for="ps-zm" aria-label="閉じる"><img src="pagespeed-mobile-full.avif" alt="モバイルの PageSpeed Insights 結果（フルサイズ）" width="961" height="743" loading="lazy" decoding="async"></label> <label class="ps-zoom zp" for="ps-zp" aria-label="閉じる"><img src="pagespeed-pc-full.avif" alt="PC の PageSpeed Insights 結果（フルサイズ）" width="960" height="743" loading="lazy" decoding="async"></label> </div> <ul> <li>ページは Markdown から静的 HTML を生成</li> <li>CSS はビルド時に HTML へインライン化し、外部リクエストをゼロに</li> <li>クライアント側の JavaScript は使わない（コードのハイライトもビルド時に処理）</li> </ul> <p>既存のビルド基盤（Node + Docker）にそのまま乗せる形にしたため、新しいランタイムやデータベースは増えていません。</p> <h2 id="よくあるブログ構成にしなかった理由">よくあるブログ構成にしなかった理由</h2> <p>ブログというと、CMS とデータベースを用意し、管理画面から書いて公開する構成が一般的です。多人数での運用や、コメント・検索といった動的な機能が得意で、用途が合えばとても便利な仕組みだと思います。</p>