https://gatto.land/ja/tags/hugo/ Recent content in Hugo on Gatto Land Hugo -- gohugo.io ja-jp Thu, 15 May 2025 00:00:00 +0000 https://gatto.land/ja/p/hello-world/ Thu, 15 May 2025 00:00:00 +0000 https://gatto.land/ja/p/hello-world/ <img src="https://gatto.land/p/hello-world/Logo_of_Hugo.png" alt="Featured image of post Hello World! - Hugo + Cloudflareで再出発" /> <blockquote> <p><em>「三度目の正直。」</em><br> GitHub Pagesと波乱のWordPress時代を経て、このブログはついに <strong>Hugo + Cloudflare Pages</strong> の静的で安全な形に落ち着きました。</p> </blockquote> <hr> <p><img alt="Cloudflareのロゴ" class="gallery-image" data-flex-basis="722px" data-flex-grow="301" height="170" loading="lazy" sizes="(max-width: 767px) calc(100vw - 30px), (max-width: 1023px) 700px, (max-width: 1279px) 950px, 1232px" src="https://gatto.land/p/hello-world/Logo_of_Cloudflare.jpg" width="512"></p> <h2 id="これまでの流れ">これまでの流れ </h2><table> <thead> <tr> <th>年</th> <th>プラットフォーム</th> <th>学んだこと</th> </tr> </thead> <tbody> <tr> <td>2017</td> <td><strong>GitHub Pages (Jekyll)</strong></td> <td>Gitの流れを学ぶには良かったが、やがて機能面とテーマの見た目に物足りなさを感じた。</td> </tr> <tr> <td>2020</td> <td><strong>WordPress</strong></td> <td>ビジュアルエディターは便利だったが、セキュリティ対応が急に重くなった。</td> </tr> <tr> <td>2025</td> <td><strong>Hugo + Cloudflare</strong></td> <td>エッジで配信される静的HTMLへ戻った。もう深夜にパッチ対応で起きる必要はない。</td> </tr> </tbody> </table> <h2 id="wordpressをやめた理由">WordPressをやめた理由 </h2><ul> <li><strong>2024年だけで、WordPressエコシステムでは7,966件の新しい脆弱性が公開された</strong>。これは2023年比で <strong>34%増</strong>、1日あたり約22件に相当する (Patchstack, 2025)。</li> <li>Sucuriのインシデントデータでは、<strong>2022年にハッキングされたCMSサイトの96.2%がWordPress</strong> だった (Sucuri, 2023)。</li> </ul> <p>自分のサイトも、その統計の中に入ってしまった。古いプラグインを突かれ、ボットネットにトップページを書き換えられ、管理画面にも入れなくなった。直近のバックアップもなく、データベースは復旧不能だった。</p> <p><img alt="ハッカーとバイナリコードのイメージ写真" class="gallery-image" data-flex-basis="320px" data-flex-grow="133" height="720" loading="lazy" sizes="(max-width: 767px) calc(100vw - 30px), (max-width: 1023px) 700px, (max-width: 1279px) 950px, 1232px" src="https://gatto.land/p/hello-world/Cliche_Hacker_and_Binary_Code.jpg" srcset="https://gatto.land/p/hello-world/Cliche_Hacker_and_Binary_Code_hu_11b3f53267b32499.jpg 800w, https://gatto.land/p/hello-world/Cliche_Hacker_and_Binary_Code.jpg 960w" width="960"></p> <h2 id="学んだこと">学んだこと </h2><ol> <li><strong>自動更新を必ず有効にする</strong> - 日本語ローマ字のドメイン <strong><code>jiyuuneko.com</code></strong> でさえ更新を忘れ、数時間後には第三者に取得されてしまった。</li> <li><strong>バージョン管理はバックアップになる</strong> - Gitで管理された静的ファイルは、ライブデータベースより失いにくい。</li> <li><strong>動く部品は少ないほどいい</strong> - PHPなし、MySQLなし、攻撃される面も少ない。</li> </ol> <p><img alt="Hugoのロゴ" class="gallery-image" data-flex-basis="877px" data-flex-grow="365" height="140" loading="lazy" sizes="(max-width: 767px) calc(100vw - 30px), (max-width: 1023px) 700px, (max-width: 1279px) 950px, 1232px" src="https://gatto.land/p/hello-world/Logo_of_Hugo.png" width="512"></p> <h2 id="hugo--cloudflare-pagesが気に入っている理由">Hugo + Cloudflare Pagesが気に入っている理由 </h2><ul> <li><strong>ビルドがとにかく速い</strong> - コーヒーを一口飲む前に、Hugoがサイト全体を生成してくれる。ページ数が多くても一瞬だ。</li> <li><strong>どこからでも速い</strong> - Cloudflareが世界中のエッジにページを置いてくれるので、ウェリントンでもクアラルンプールでもカンザスでも、同じように軽く読める。</li> <li><strong>動く部品が少なく、余計な不安も少ない</strong> - 静的HTMLなので、データベースもPHPもない。攻撃者が触れる場所がほとんどない。</li> <li><strong>必要なものは最初からそろっている</strong> - 無料HTTPSとしっかりしたファイアウォールを、数回のクリックで使える。</li> <li><strong>Markdownで書ける気楽さ</strong> - プレーンテキストで書き、Gitにコミットし、Hugoに任せる。差分は読みやすく、文章が特定のプラットフォームに閉じ込められない。</li> </ul> <h2 id="これから書いていくこと">これから書いていくこと </h2><ul> <li>ランドスケープ研究、都市レジリエンス、持続可能なインフラ、デジタル公開ワークフローに関する少し深いメモ。</li> <li>Cloudflareのおかげで、プルリクエストごとに確認用URLも使える。</li> </ul> <p>もし以前のWordPressサイトをブックマークしてくれていたなら、ここまで見つけてくれてありがとうございます。新しいURLは <strong><a class="link" href="https://gatto.land" target="_blank" rel="noopener" >https://gatto.land</a></strong> です。今回は自動更新も有効にしてあります。</p> <p>また次の記事で。</p> <hr> <h3 id="参考文献">参考文献 </h3><p>Cloudflare. (2016, September 27). Cloudflare logo [SVG logo]. Wikimedia Commons. <a class="link" href="https://commons.wikimedia.org/wiki/File:Cloudflare_Logo.svg" target="_blank" rel="noopener" >https://commons.wikimedia.org/wiki/File:Cloudflare_Logo.svg</a></p> <p>Coelho, E., &amp; YellowIcon. (2008, May 2). Stachledraht DDoS attack diagram [SVG image]. Wikimedia Commons. <a class="link" href="https://commons.wikimedia.org/wiki/File:Stachledraht_DDos_Attack.svg" target="_blank" rel="noopener" >https://commons.wikimedia.org/wiki/File:Stachledraht_DDos_Attack.svg</a></p> <p>Francia, S., &amp; Parr, B. (2014, May 28). Logo of Hugo the static website generator [SVG logo]. Wikimedia Commons. <a class="link" href="https://commons.wikimedia.org/wiki/File:Logo_of_Hugo_the_static_website_generator.svg" target="_blank" rel="noopener" >https://commons.wikimedia.org/wiki/File:Logo_of_Hugo_the_static_website_generator.svg</a></p> <p>Patchstack. (2025). <em>State of WordPress Security in 2025</em>. <a class="link" href="https://patchstack.com/whitepaper/state-of-wordpress-security-in-2025/" target="_blank" rel="noopener" >https://patchstack.com/whitepaper/state-of-wordpress-security-in-2025/</a></p> <p>Sucuri. (2023). <em>2022 Hacked Website Report</em>. <a class="link" href="https://sucuri.net/reports/2022-hacked-website-report/" target="_blank" rel="noopener" >https://sucuri.net/reports/2022-hacked-website-report/</a></p> <p>Whelan, D. (2016, May 24). Cliche hacker and binary code [Photograph]. Flickr. <a class="link" href="https://www.flickr.com/photos/davidpwhelan/26946304530/" target="_blank" rel="noopener" >https://www.flickr.com/photos/davidpwhelan/26946304530/</a></p>