Hugoから別の静的サイトジェネレーターへの移行を検討してみた
目次
はじめに
本ブログはHugoで構築しています。運用していく中で「他のツールに移行したほうが良いのでは？」と思い、代替となる静的サイトジェネレーター（SSG）を検討しました。
現在の構成
| 項目 | 内容 |
|---|---|
| SSG | Hugo |
| テーマ | Blonde（Tailwind CSS） |
| ホスティング | AWS S3 |
| 記事形式 | Markdown |
比較対象
主要な静的サイトジェネレーターを比較しました。
比較表
| Hugo | Astro | Next.js | 11ty | Zola | |
|---|---|---|---|---|---|
| 言語 | Go | JS/TS | JS/TS | JS | Rust |
| ビルド速度 | 最速 | 速い | 普通 | 速い | 最速 |
| 学習コスト | 中 | 低〜中 | 中 | 低 | 低 |
| Markdown | ◎ | ◎ | ○ | ◎ | ◎ |
| テーマ数 | 多い | 増加中 | 少ない | 少ない | 少ない |
| 日本語情報 | 多い | 増加中 | 多い | 少ない | 少ない |
| 依存関係 | なし | Node.js | Node.js | Node.js | なし |
| React対応 | × | ◎ | ◎ | △ | × |
各ツールの特徴
Hugo（現行）
メリット:
- ビルドが圧倒的に速い（数百記事でも1秒以内）
- 単一バイナリで依存関係なし
- テーマが豊富
- 日本語の情報が多い
デメリット:
- テンプレート構文が独特
- Reactなどのモダンフレームワークと統合しにくい
Astro
メリット:
- デフォルトでJavaScript出力がゼロ（高速）
- React/Vue/Svelteのコンポーネントを混在可能
- モダンな開発体験
デメリット:
- 比較的新しい（2021年〜）
- Hugoほどテーマが充実していない
Next.js
メリット:
- SSG/SSR両方に対応
- Reactエコシステムが使える
- Vercelとの相性が良い
デメリット:
- ブログには機能過剰
- Reactの知識が必須
11ty（Eleventy）
メリット:
- 設定が最小限
- 複数のテンプレートエンジンに対応
- Hugoからの移行が比較的容易
デメリット:
- テーマが少ない
- 日本語情報が少ない
Zola
メリット:
- Hugoに最も近い構成
- 単一バイナリで高速
- Sass組み込み
デメリット:
- テーマ・情報が最も少ない
- コミュニティが小さい
SEO機能の比較
ブログ運営で重要なSEO機能の対応状況を比較しました。
| 機能 | Hugo | Astro | Next.js | 11ty | Zola |
|---|---|---|---|---|---|
| sitemap.xml | ◎ 標準 | ◎ 標準 | △ 要設定 | △ 要プラグイン | ◎ 標準 |
| RSS/Atom | ◎ 標準 | △ 要設定 | △ 要実装 | ◎ 標準 | ◎ 標準 |
| robots.txt | ◎ 標準 | ◎ 標準 | △ 要設定 | △ 要設定 | ◎ 標準 |
| OGP/Twitter Card | ◎ テーマ依存 | ◎ 柔軟 | ◎ 柔軟 | ◎ 柔軟 | ◎ テーマ依存 |
| 構造化データ | △ 手動実装 | ◎ 柔軟 | ◎ 柔軟 | ◎ 柔軟 | △ 手動実装 |
| canonical URL | ◎ 標準 | ◎ 標準 | △ 要設定 | △ 要設定 | ◎ 標準 |
| メタタグ制御 | ◎ | ◎ | ◎ | ◎ | ◎ |
SEO面での所感
Hugo:
- 基本的なSEO機能は標準で揃っている
- 構造化データ（JSON-LD）はテンプレートで自作が必要
- テーマによってSEO対応度が異なる
Astro / Next.js:
- 柔軟にカスタマイズ可能
- コンポーネントベースでSEOタグを管理できる
- 設定の自由度が高い分、自分で実装する部分も多い
11ty:
- プラグインで機能追加
- 柔軟だが、設定は自分で行う必要あり
Zola:
- Hugoに近い構成
- テーマ依存が大きい
ブログ機能の比較
ブログとして必要な機能の対応状況です。
| 機能 | Hugo | Astro | Next.js | 11ty | Zola |
|---|---|---|---|---|---|
| タグ/カテゴリ | ◎ 標準 | △ 要実装 | △ 要実装 | △ 要実装 | ◎ 標準 |
| ページネーション | ◎ 標準 | ◎ 標準 | △ 要実装 | ◎ 標準 | ◎ 標準 |
| アーカイブ | ◎ 標準 | △ 要実装 | △ 要実装 | △ 要実装 | ◎ 標準 |
| 関連記事 | ◎ 標準 | △ 要実装 | △ 要実装 | △ 要プラグイン | ◎ 標準 |
| 目次自動生成 | ◎ 標準 | △ 要プラグイン | △ 要実装 | △ 要プラグイン | ◎ 標準 |
| 下書き機能 | ◎ 標準 | ◎ 標準 | ◎ 標準 | ◎ 標準 | ◎ 標準 |
| 予約投稿 | ◎ 標準 | △ 要実装 | △ 要実装 | △ 要実装 | ◎ 標準 |
| 多言語対応 | ◎ 標準 | △ 要設定 | △ 要設定 | △ 要設定 | ◎ 標準 |
| 検索機能 | △ 要実装 | △ 要実装 | △ 要実装 | △ 要実装 | △ 要実装 |
ブログ機能面での所感
Hugo / Zola:
- ブログに必要な機能が最初から揃っている
- 設定ファイルを書くだけで有効化できる
- 「ブログを作る」という目的に特化している
Astro / Next.js:
- 汎用的なフレームワークなので、ブログ機能は自分で実装
- 自由度は高いが、実装コストがかかる
- スターターテンプレートを使えば軽減可能
11ty:
- プラグインで機能追加するスタイル
- 必要な機能だけ選んで追加できる
移行コストの検討
現在のHugoサイトを移行する場合のコストを試算しました。
| 移行先 | 記事の書き換え | テーマ作成 | 設定変更 | 総合コスト |
|---|---|---|---|---|
| Astro | 小（フロントマター調整） | 大 | 中 | 高 |
| Next.js | 中（MDX化推奨） | 大 | 大 | 最高 |
| 11ty | 小 | 中 | 中 | 中 |
| Zola | 小 | 中 | 小 | 低〜中 |
結論: Hugo継続
検討の結果、Hugoを継続することにしました。
継続を選んだ理由
移行コストに見合うメリットがない
- 現状で特に困っていない
- 移行作業に時間を取られる
ビルド速度に不満がない
- 40記事程度なら1秒以内でビルド完了
Markdownで記事を書くだけなら十分
- Reactコンポーネントを使う予定がない
テーマのカスタマイズで対応可能
- 必要な機能は自分で追加できる
移行を検討すべきケース
以下の場合は移行を検討する価値があります。
| ケース | おすすめ |
|---|---|
| Reactでインタラクティブな機能を追加したい | Next.js or Astro |
| ブログ以外のアプリ機能も追加したい | Next.js |
| よりシンプルな構成にしたい | 11ty |
| Hugoに近い構成で別ツールを試したい | Zola |
まとめ
静的サイトジェネレーターの選択は「何を重視するか」で決まります。
- 速度重視 → Hugo, Zola
- モダンな開発体験 → Astro
- React使いたい → Next.js
- シンプルさ → 11ty
現状に不満がなければ、無理に移行する必要はありません。「移行したい理由」が明確になったときに検討すれば十分です。