@Nagataniの技術ブログ https://nagatani.github.io/techlog/ 2026-11-03T00:00:00Z Nagatani bare https://nagatani.github.io/techlog/posts/my-new-ssg.html 2026-11-03T00:00:00Z 2026-11-03T00:00:00Z

誰でもフルスクラッチでツールを作る時代の話

<h2 id="作ったもの">作ったもの<a class="heading-anchor" href="#作ったもの" aria-hidden="true" tabindex="-1">#</a></h2> <ul> <li><a href="https://github.com/Nagatani/bare">Nagatani/bare: A zero-dependency, minimalist static site generator written in pure Rust.</a></li> </ul> <h2 id="これはなにか">これはなにか<a class="heading-anchor" href="#これはなにか" aria-hidden="true" tabindex="-1">#</a></h2> <p>bareは、ベアと読みます。「余計なものが何もない」「ありのままの」という意味らしいです。</p> <p>一般向けの説明をすると、記事の元となるMarkdown形式のファイルを作成することでブログの記事のHTMLファイル、つまりWebサイトを生成するシステムです。</p> <p>Static Site GeneratorでSSGと呼ばれています。</p> <p>生成されたWebサイトは、単純なファイルの配布（HTML,CSS,JS）だけで完結します。昨今セキュリティ面で世間を騒がせているような、サーバーサイドでのプログラム実行や動的なデータ取得・生成を行わないため、高速で安全です。</p> <p>誰でも使えるのか、という点で言えばGitHubを使いこなせる前提条件があるため、IT技術者向けです。</p> <p>このサイトのように、リポジトリをフォークすることでそれぞれのサイトを作成できるようにしています。このサイト自体が、実運用を想定したデモを兼ねています。</p> <h2 id="なぜ作ったのか">なぜ作ったのか<a class="heading-anchor" href="#なぜ作ったのか" aria-hidden="true" tabindex="-1">#</a></h2> <p>以前より、脱WordPressについて検討する機会が多く、SSGは企業向けの有力な提案候補の1つでした。</p> <p>脱WordPress候補は、他にもいくつかあるのですが、ここで書く内容ではないので置いておきます。結局はサイト管理の体制やなんやかんやを考慮する必要があるので、WordPressユーザーはこれで決まり！みたいなものは存在しないと考えてもらって良いし、WordPressの特定のプラグインに対する依存度が高すぎる場合などはそもそも脱却が無理ということもあり得ます。</p> <p>話が逸れました。</p> <p>SSGの提案を行う場合に、Astro, Next.js, Hugo, GatsbyなどのOSSでの運用が挙げられます。これらのSSGを使えば必要十分ではあります。</p> <p>ただ、個人的にSSGを運用するに当たって、結局避けて通れない「ビルド環境（開発・CI/CDパイプライン）」を標的としたサプライチェーン攻撃というものがあります。これらは配布されているライブラリに依存するから、致し方ないと言えばそうですし、頻繁にアップデートを行いながら運用すれば良いだけです。</p> <p>頻繁に記事を書いたり、システムのアップデートなんて、致命的に面倒くさがりな私には無理です。</p> <p>そこで、最初から依存先を言語のみに絞り、ライブラリの依存なしで全部作れば良い、というなんとも胸をはってエンジニア仲間には言えないような結論に至っています。</p> <p>言語は、Rustで作成していますが、深く考えてはいません。ある程度読めて書けて、信頼できる言語が良かったので、じゃあRustかー、ぐらいの感覚でした。</p> <h2 id="どんな機能を盛り込んだか">どんな機能を盛り込んだか<a class="heading-anchor" href="#どんな機能を盛り込んだか" aria-hidden="true" tabindex="-1">#</a></h2> <p>基本的にはGitHub Pagesを使って自分でシンプルなブログを構築することが目的だったので、シンプルな構成にしたつもりですが、いざ動かすところまで来たらそこそこ充実した機能があります。</p> <ol> <li>Markdownによる記事とページの作成</li> <li>RSS/Atomフィード</li> <li>テンプレートによるデザインカスタマイズ</li> <li>テーマの切り替え</li> <li>年別アーカイブ、ページネーション（アーカイブのみ）、タグ、タグ一覧などを標準搭載</li> <li>OGP画像の自動生成（ここだけRust以外にヘッドレスChromeを使用）</li> <li>GitHubだけで完結できるActions（記事・ページの追加/更新、システムアップデートなどが可能）</li> </ol> <h2 id="逆に盛り込まなかったこと">逆に盛り込まなかったこと<a class="heading-anchor" href="#逆に盛り込まなかったこと" aria-hidden="true" tabindex="-1">#</a></h2> <p>以下の機能は開発時点で、実装するつもりがなかったものです。</p> <ol> <li>ピンバック / トラックバック</li> <li>Webmention</li> <li>コメント・ディスカッション管理</li> <li>プラグインシステム</li> <li>その他、一般的なブログで見られる付加機能全般</li> </ol> <h2 id="開発の状況">開発の状況<a class="heading-anchor" href="#開発の状況" aria-hidden="true" tabindex="-1">#</a></h2> <p>いったんはこれで最初のリリースはできたかな、と感じています。</p> <p>しばらくは自分で記事を書きながら、継続的なメンテナンスができれば良いなと考えています。</p> <h2 id="開発の雑多な振り返り">開発の雑多な振り返り<a class="heading-anchor" href="#開発の雑多な振り返り" aria-hidden="true" tabindex="-1">#</a></h2> <p>技術ブログの内容自体はAIに頼らず書きますが、bareの開発はClaude Code(Opus 5.5)に全面的なサポートをお願いしていました。</p> <p>最近はもう慣れてしまいました。<br>こちらはでき上がったコードにさっと目を通し、動作確認を行い、更なる要望を伝える、という「自分で開発する」と言ってよいのか疑問が浮かぶ作業の繰り返しです。<br>本当にこれで良いのかを問いたくなる気持ちがずっと隣にあります。<br>最終的に「欲しいものが簡単にできるんだからこれでいいんだよ！！１」という結論になっていますが、本当にこれで良いのだろうか……。</p> <p>RustはいつもWASMの開発に使っていた言語で、今回のような開発に使うのは久しぶりな感じがしました。</p> <p>コードは自分でほぼ書いていないのですが、出力されたコードは自分で書くよりスマートな印象があり、「もう、これでいいや」となっています。</p> <p>bare自体、作った目的が自分用なので、広く使ってもらうことを想定したGitHub Actionsとかは要らない機能だったかもなーと今更思っています。</p> <p>ではではいったんこれにて。</p> https://nagatani.github.io/techlog/posts/hello-world.html 2026-11-02T00:00:00Z 2026-11-02T00:00:00Z

技術ブログ始めました

<h2 id="背景">背景<a class="heading-anchor" href="#背景" aria-hidden="true" tabindex="-1">#</a></h2> <p>時代の流れ、ですかね。技術ブログを書く人が減っているらしいんですよ。その流れにほんの少しでいいんで逆らってみたいだけです。</p> <h2 id="目的">目的<a class="heading-anchor" href="#目的" aria-hidden="true" tabindex="-1">#</a></h2> <ol> <li>SSGを自分で作ってみたかった（その実稼働例としてのサンプル）</li> <li>考えていることやアイデアを書きためる場所</li> <li>生成AIが参考にするような文章を書けるように</li> </ol> <h2 id="書くこと">書くこと<a class="heading-anchor" href="#書くこと" aria-hidden="true" tabindex="-1">#</a></h2> <p>基本的にはIT技術関連のブログとして以下のものを書く予定です。</p> <ul> <li>作ったものの紹介</li> <li>意思決定プロセスや試行錯誤のログ</li> <li>実証ログ</li> <li>考えたことや雑多なアイデア</li> </ul> <h2 id="書かないこと">書かないこと<a class="heading-anchor" href="#書かないこと" aria-hidden="true" tabindex="-1">#</a></h2> <p>単純な技術の紹介やチュートリアルは要らないと思うので書きません。</p> <h2 id="おわりに">おわりに<a class="heading-anchor" href="#おわりに" aria-hidden="true" tabindex="-1">#</a></h2> <p>読まなくても良いよこんなの。というスタンスで今後もいきます。</p>