WordPressと静的サイトジェネレーター

静的サイトジェネレーターにはWordPressのようなセキュリティ、バックアップ、パフォーマンスの問題がありません。

WordPressの問題

日本のサイト(ホームページ)の8割以上はWordPressで作られています。

WordPressは動的CMS(コンテンツ・マネジメント・システム)の1つでサイトのページにアクセスがあると以下のように動作します。

パフォーマンスが悪い

WordPressのホームページはブラウザからHTML(ホームページを記述するための言語ファイル)が要求されるたびにページを構成するためのデータをデータベースから取得し、そのデータから動的にHTMLを生成してブラウザに送信します。

この仕組みでパフォーマンスがいいわけがありません。

動的に生成されるHTMLをキャッシュするWordPressプラグインやAMP(Accelerated Mobile Pages)など、WordPressのパフォーマンスの悪さをカバーする方法はあるのですが、いずれも知識が必要で副作用もあります。

セキュリティに不安がある

サーバーにWordPressのプログラムが存在するため、ハッキングされる危険があります。

ホームページの内容に変更がなくても脆弱性の塞ぐためのアップデートをし続ける必要もあります。

WordPressのセキュリティ

ログイン画面をネットに晒すリスクは避けられない WordPressサイトは完成後に放置できない 更新で不具合が起こることがある 静的サイトジェネレーターは安全ですが……

バックアップに知識が必要

サーバーにもしものことがあった場合に備えてホームページをバックアップし、いつでも復元できるようにしておきたい。

しかし、WordPressのホームページをバックアップし、復元することは簡単ではありません。

理由はWordPressのデータがファイルとデータベースに分散して保存されているためです。 @バックアップと復元を支援するためのWordPressプラグインもありますが、使用には知識と注意が必要です。

特に「バックアップしていたデータでサイトを復元できなかった」となるとかなりの知識がないとどうにもなりません。

静的サイトジェネレータとは

静的サイトジェネレーターとはパソコン(WindowsやMac)でホームページに必要なファイルを生成してサーバーにアップロードするためのツールです。

静的サイトジェネレーターで作成されたホームページは以下のように動作します。

CUIが多い

いろいろな静的サイトジェネーターがリリースされています。

Next.js by Vercel - The React Framework

Next.js by Vercel is the full-stack React framework for the web.

The world’s fastest framework for building websites

The world’s fastest framework for building websites

Jekyll • Simple, blog-aware, static sites

Transform your plain text into static websites and blogs

The Best React-Based Framework | Gatsby

Gatsby is a React-based open source framework with performance, scalability and security built-in. Collaborate, build and deploy 1000x faster on Netlify.

ただ、上記の静的サイトジェネーターはすべてCUIで操作します。

CUI(キャラクター・ユーザー・インターフェイス)とはコマンドプロンプト(Windowsの場合)にキーボードから命令を打ち込むことで操作するインターフェイスです。

ホームページの内容を「お好みのテキストエディタ」でテキストファイルに記述し、コマンドプロンプトで「ビルド」を指示するとサーバーにアップロードするファイルが生成されます。

ちなみに「ビルド」のような各コマンドの説明は英語で記述されています。

プログラマーならそれでいいのかもしれませんが一般人にはあまりにも敷居が高すぎます。