1. はじめに

ジェンスパーク(Genspark)を活用すれば、誰でも簡単にホームページが作成できるようになりました。 ホームページを作ったことがない初心者の方でも、わずか2時間ほどで立派なサイトを完成させられるほど、その敷居は下がっています。

さて、サイトを作るのは非常に簡単になったのですが、ここで多くの人がぶつかる壁があります。 それが「作ったホームページをどのサーバーで公開(アップロード)したら良いのか?」という問題です。

会社のホームページ(コーポレートサイト)なのか、個人のブログなのかといった規模感や、コスト、SEO対策をどこまで重視するかなどによって、最適なサーバーの選び方はさまざまです。

そこでこの記事では、コストパフォーマンスに優れた最新技術の「Cloudflare(クラウドフレア)」と、日本人がサイトを運営する定番である「さくらサーバー」「エックスサーバー」の3つを、プロの視点から徹底比較します。 ジェンスパークとの相性という観点からも解説しますので、ぜひ参考にしてみてください。

ヒント

ジェンスパークを使ったサイト制作の基本については、ジェンスパークの基本機能まとめもあわせてご覧ください。

【この記事の結論:あなたにおすすめのサーバー】

  • 完全無料・爆速を求めるなら: Cloudflare Pages
  • 安く手軽にPHP/WordPressを使いたいなら: さくらサーバー
  • ビジネス用で絶対的な安定を求めるなら: エックスサーバー

2. Cloudflare(クラウドフレア):完全無料で高機能だが少し特殊

とにかく「無料でサイトを公開したい!」という方には、Cloudflare Pages 一択と言っても過言ではありません。

ただし、Cloudflareは通常のレンタルサーバーではなく「エッジコンピューティング」という技術を使っているため、初心者には少し取っ付きにくい部分があります。 管理画面のメニューなどが英語を直訳したような日本語になっている箇所も多く、最初は専門用語がわからずに戸惑うかもしれません。

自分で最初からすべて設定しようとすると大変ですが、ジェンスパークがほぼ裏側の処理をサポートしてくれるので、なんとかなります。 具体的な公開手順としては、ジェンスパークで作ったサイトのデータを GitHub(ギットハブ) というサービスに連携させます。 そしてGitHubとCloudflareを繋ぐ設定を一度だけ済ませてしまえば、あとはジェンスパーク側で更新作業をするだけで自動的にCloudflareへ送信(デプロイ)される仕組みが作れます。

※GitHubのアカウント登録と連携は、画面の指示に従うだけで5分程度で終わります。GitHubの基本的な使い方についてはこちらの記事も参考にしてください。

「デプロイ」とは?従来型サーバーとの違い

少し用語を解説しておくと、Cloudflareは従来の「HTMLファイルを1つのウェブサーバーにアップロードする」という概念とは違い、元のファイルを世界各地のサーバーに一斉に配布するようなイメージで動きます。 この作業をデプロイと言い、デプロイが完了すると「Cloudflare Pages」という機能でサイトが全世界に公開されます。

注意

従来のサーバーと決定的に違うのは、「一度デプロイしたファイルは後から直接いじれない」という点です。FTPソフトでHTMLファイルをちょっと編集する、といったことはできません。内容を書き換えたい場合は、新たにデプロイして公開し直す必要があります。

また、通常のウェブサーバーではないので、PHPやMySQLといったお馴染みの機能は使えません。 その代わり、FunctionsやWorkersといった独自の機能が用意されています。

3. さくらサーバー・エックスサーバー:安心の従来型ウェブサーバー

一方で、日本国内で昔から使われている「従来のウェブサーバー」の代表格がこちらです。

  • さくらサーバー: スタンダードプランなら月額500円程度から使えて、コスパ最強です。一昔前は「遅い」というイメージもありましたが、機材が一新された今は十分な速度が出ます。
  • エックスサーバー: 月額1,000円前後かかりますが、表示速度の速さやアクセス集中時の安定性において業界トップクラスです。ページの表示速度はSEO(検索順位)にも有利に働くため、本格的なビジネス用途や収益化を狙うブログなら圧倒的な安心感があります。

これらの従来型サーバーは、ファイルをサーバーに置いてから直接編集したり、PHPを使って動的な処理を組み込んだりすることが簡単にできます。

重要

SEO対策を重視するビジネスサイトやブログでは、ページ表示速度が検索順位に直結します。アクセス集中時の安定性も含めて、収益化を目指すならXServerビジネスのような高速サーバーを検討する価値があります。

4. 【プロの裏話】運用後の「管理画面」を作る時の問題点

「とりあえずジェンスパークで作ったホームページを、そのまま無料で公開するだけ」なら、Cloudflareにデプロイするだけで十分です。初心者はそれで全く問題ありません。

ただ、ここからは少し『プロ向けの裏話』になります。業者がお客さんにホームページを納品する際、「後から自分たちでお知らせや文字だけ変えたい」と言われた時にどう設計するかをご紹介します。

Cloudflareで管理画面を作る場合

Cloudflareは無料で爆速なので最高なのですが、「一度公開したホームページを後からお客様専用の管理画面で編集したい」といった時に少し面倒になります。一度公開したHTMLファイルは直接編集できないからです。

そこでよく活用されるのが、Cloudflareの「KV」というデータ保存機能(データベースのようなもの)です。 公開するHTMLファイルは「デザインの枠」だけにしておき、中の文章や写真はCloudflare KVに入れて、アクセスされるたびに引っ張ってくるように設計します。 KVのデータ自体は後から編集できるため、別に管理画面用のHTMLを作っておき、そこからKVのデータを書き換えるという仕組みにするわけです。

実例

このジェンスパーク開発奮闘記ブログ自体も、CloudflareのEdge Computing上で動作しています。記事コンテンツはD1(データベース)に保存し、ページ表示のたびにDBから取得するSSR(サーバーサイドレンダリング)構成で運用しています。

従来型サーバーで管理画面を作る場合

さくらサーバーやエックスサーバーといった従来のレンタルサーバーでは、PHPやデータベース(MySQL)が自由に使えるため、WordPress(ワードプレス)を簡単に設置できます。ブログ運営やSEO対策の定番ツールであり、この設計のしやすさは従来型の方が圧倒的に楽です。

ただし、WordPressは多機能すぎてお客さんに使い方を教えるのが大変で、間違った場所をいじってサイト全体のデザインが崩れるリスクもあります。 そのため従来型サーバーを使う時は、「お客さんが迷わないよう、いじる部分(テキストや写真)だけを限定したシンプルな管理画面」をPHPで自作して、公開用のHTMLを直接書き換えるといった設計にすることも多いです。 こういった柔軟で泥臭い作り込みが手軽にできるのも、従来型サーバーの強みです。

重要

どのサーバーを選ぶかは「公開後にどうやって管理・更新するか」まで見据えて決めることが大切です。後から変更するのはコストがかかるため、運用イメージを固めてからサーバーを選びましょう。

5. サーバー比較表とおすすめの選び方まとめ

これまでの特徴を踏まえて、各サーバーの比較表を作成しました。

比較項目 Cloudflare(クラウドフレア) さくらサーバー エックスサーバー
コスト(月額) ◎ 無料(基本プラン) 〇 安い(約500円〜) △ やや高め(約1,000円〜)
安定性・表示速度 ◎ 世界中どこからでも爆速 △ 普通(現在は十分早い) 〇 国内トップクラスの速さ
使いやすさ(日本人向け) △ 用語が難解・直訳日本語 ◎ 日本語サポート・馴染み深い ◎ 日本語サポート・マニュアル豊富
管理画面の作りやすさ △ 独自構築が必要(KV連携など高度) ◎ PHP/MySQL完備で非常に楽 ◎ PHP/MySQL完備で非常に楽
アクセス集中への強さ ◎ 絶対に落ちないレベル(最強) △ プランによっては重くなる 〇 比較的強いが限界はある
ファイルの更新・手軽さ △ 手間がかかる(再デプロイ必須) ◎ 簡単(直接上書き・編集可能) ◎ 簡単(直接上書き・編集可能)
セキュリティ ◎ 世界最高峰の防御力 〇 一般的な防御(WAF等) 〇 一般的な防御(WAF等)

結局どれを選べばいいの?あなたに合うサーバーはこれ!

とにかく無料で公開したい・最新技術を使いたい人 → Cloudflare

ジェンスパークとの相性も良く、一度設定すれば自動化できて便利です。まずは無料で始めたいという方にはこちらがおすすめです。
Cloudflare Pages 公式サイト

コスパ重視で、後から手軽にカスタマイズしたい人 → さくらサーバー

月額ワンコイン程度でPHPなどが自由に使え、カスタマイズの自由度が抜群です。コストを抑えつつ従来型サーバーを使いたい方にぴったりです。
さくらインターネット 公式サイト

表示速度と安心感を最優先したい人 → エックスサーバー

ビジネス用途などで絶対に失敗したくない場合、圧倒的な表示速度と充実した日本語情報量(マニュアルやブログ記事の多さ)はピカイチです。

XServerビジネス

それぞれ明確な強みがありますので、ご自身のサイトの用途や、今後の運用スタイルに最も合うものを選んでみてください。 なお、ジェンスパークの活用幅をもっと広げたい方は、ジェンスパーク上級機能の使い方ChatGPTからジェンスパークに乗り換えた理由もあわせてご覧ください。 AIツール選びの参考にはAI開発ツール比較記事もおすすめです。