Astro CMS と Quarto CMS の比較:移植元からの変化を整理する

元の Astro 版 CMS と Quarto 版の違いを、機能・運用・技術面から比較します。
blog
Published

August 2, 2026

Astro 版 CMS から Quarto 版への移行

この CMS(issues-quarto-cms)は、Astro で実装されていた issues-astro-cms の構成を Quarto に置き換えたものです。同じ発想(GitHub Issues / Discussions を CMS にする)を、生成エンジンだけ変えています。

共通している部分

項目 内容
原稿 GitHub Issues / Discussions(status:published ラベル)
変換 GitHub Actions + Node.js(scripts/ をほぼ移植)
公開 GitHub Pages(Project Site)
記事の更新 ラベル変更・Issue 編集で自動ビルド

変わった部分

項目 Astro 版 Quarto 版
原稿の出力先 src/content/posts/{slug}.md posts/{slug}/index.qmd
生成コマンド astro build quarto render
記事の型安全 content.config.ts(zod) スクリプト側で検証(gray-matter)
コード実行 不可(MD のみ) R / Python / Julia を実行・埋め込み
検索 自前実装 Quarto 標準(search.json
サイトマップ / RSS プラグイン Quarto 標準

Quarto 版の強み

1. コード実行ができる(最大の違い)

Astro 版では記事は「純粋な Markdown」だけでした。Quarto 版は:

import matplotlib.pyplot as plt
plt.plot([1, 3, 2, 5])
plt.show()
Figure 1: Quarto 版で実行できるグラフ

のように、実行結果つきの図を記事に埋め込めます。データ分析ブログや教材には圧倒的に有利です。

2. 多形式出力(将来拡張しやすい)

同じ原稿を HTML / PDF / Word / スライドに展開できる素地があります。

3. 検索・SEO が標準装備

サイト内検索・sitemap.xml・OG カードが設定だけで動きます。

Quarto 版の注意点

項目 説明
型安全 Astro の Content Collections ほどの「コンパイル時チェック」はない。代わりにスクリプトの単体テスト(npm test)で変換を検証
ビルド時間 コード実行があるとビルドが長くなる。freeze: auto で軽減
UI カスタマイズ Astro のコンポーネントほど柔軟ではない。CSS / テーマで対応(この CMS は neo brutalism を CSS で再現)

どちらを選ぶか

目的 おすすめ
静的ブログ・技術メモ中心 Astro 版(軽い・型安全)
データ分析・コード付き記事が中心 Quarto 版(本サイト)
両方 Quarto 版(コードはオプション扱い)

まとめ

  • 設計思想(GitHub を CMS にする)はそのまま、生成エンジンを Astro → Quarto に置き換え
  • コード実行・検索・SEO の標準装備が Quarto 版の強み
  • 型安全や UI の自由度は Astro 版が上。目的に応じて選ぶのが良い