静的サイト生成CMS

どんなものか

管理画面でMarkdown原稿を編集し、高速で壊れにくい公開サイトを静的HTMLとして生成する、自作のWebサイト制作基盤です。

なぜ作ったか

WordPressの重さやプラグイン依存、AIエージェントでデザインを組む際の制約を避け、実際のWebサイト制作で繰り返し使えるWeb管理システムを構築したかったのが制作の発端です。管理画面から更新できる便利さは残しながら、公開側を静的HTMLだけにすることで、表示が速く、CMSやDBの不調で閲覧ページが壊れにくい仕組みを目指しました。

見どころ

• 訪問時にPHPやDBを動かさず、生成済みのHTMLファイルを返すだけなので、表示が速く、公開側に障害の原因を持ち込みにくい構成です。
• サイト全体を別の領域へ生成し、最後まで成功したときだけ反映するため、公開処理の途中で現在のサイトを壊しません。
• サービス分類「Webサイト制作」に掲載している制作事例は、すべてこのCMSを共通基盤として構築しています。

できること

• 固定ページやブログ記事を書いて管理できます
• カテゴリ、タグ、年月、検索から記事を探せます
• 公開ボタンでサイト全体のページをまとめて作れます
• 公開日を決めて、指定した日に記事を出せます

特に工夫したところ

• 記事の正本はMarkdownファイルに置き、SQLiteは再構築可能な索引として扱います。エディタやAIがファイルを直接編集しても、再索引すれば管理画面と揃います。
• 公開時は別の領域へサイト全体を生成してから反映し、途中で失敗した場合は切り替えません。生成物だけを管理するマニフェスト方式なので、手作業で置いたファイルも消しません。
• 公開側にはDBもプラグインも置かず、通常のHTMLとして渡せるため、表示、サーバー移転、他の制作者への引き継ぎをCMS本体から切り離しています。
• 投稿記事を階層カテゴリ、タグ、年月のどこからでも辿れるよう、それぞれの一覧ページとナビゲーションを公開時にまとめて生成します。

実際に触ってみる

実際の画面