個人サイトはどう作る?無料サービス・WordPress・GitHub Pagesを実体験で比較

個人サイトを作ろうと思ったとき、最初に迷いやすいのが「どの方法で作るか」です。

現在は、無料のブログ・ホームページ作成サービスのほか、WordPressやGitHub Pagesなど、さまざまな方法があります。

私はこれまで、FC2ブログ、はてなブログ、Jimdoなどの無料サービスを数年使ったあと、WordPressでブログを5年以上運営し、最近はGitHub PagesでもWebツールを公開しました。

実際に使ってみると、それぞれ向いている用途がかなり違います。

この記事では、無料サービス・WordPress・GitHub Pagesについて、機能だけでなく、実際の始めやすさや更新の手間も含めて比較します。

結論としては、サイトの規模と更新方法で選ぶのが良い

大まかには、次のように選ぶと分かりやすいです。

  • できるだけ簡単に、ほどほどに見栄えのよいサイトを作りたい
    → 無料ブログ・ホームページ作成サービス
  • HTML・CSS・JavaScriptを使い、デザインや機能を自由に作りたい
    → GitHub Pages
  • いいとこ取りしつつ、記事やページを今後たくさん増やしたい
    → WordPress

特に重要なのは、「どれが一番高機能か」ではなく、これからサイトの何を頻繁に更新するのかです。

文章や記事を増やすならWordPress、ページのデザインや機能自体を作り込みたいならGitHub Pages、まず手軽に始めたいなら無料サービスが向いています。

無料サービス・WordPress・GitHub Pagesの比較表

<table> <thead> <tr> <th>比較項目</th> <th>無料サービス</th> <th>WordPress</th> <th>GitHub Pages</th> </tr> </thead> <tbody> <tr> <td>始めやすさ</td> <td>◎</td> <td>△</td> <td>○</td> </tr> <tr> <td>始めた後の更新</td> <td>◎</td> <td>◎</td> <td>△</td> </tr> <tr> <td>コードなしで使えるか</td> <td>◎</td> <td>◎</td> <td>△</td> </tr> <tr> <td>デザインの自由度</td> <td>△~○</td> <td>◎</td> <td>◎</td> </tr> <tr> <td>機能の追加</td> <td>△</td> <td>◎</td> <td>◎</td> </tr> <tr> <td>記事を大量に増やす</td> <td>○~◎</td> <td>◎</td> <td>△</td> </tr> <tr> <td>ページやカテゴリーの整理</td> <td>○~◎</td> <td>◎</td> <td>△</td> </tr> <tr> <td>Webアプリの作成</td> <td>△</td> <td>◎</td> <td>◎</td> </tr> <tr> <td>サーバーの契約</td> <td>不要</td> <td>基本的に必要</td> <td>不要</td> </tr> <tr> <td>保守やバックアップ</td> <td>主にサービス側</td> <td>自分でも必要</td> <td>自分でも必要</td> </tr> <tr> <td>広告の有無</td> <td>入る場合が多い</td> <td>自分で決められる</td> <td>基本的に入らない</td> </tr> <tr> <td>初心者向け</td> <td>◎</td> <td>○</td> <td>△</td> </tr> <tr> <td>向いている用途</td> <td>ブログ、プロフィール、作品リンク集など</td> <td>ブログ、記事数の多いサイト、長期運営</td> <td>小~中規模の自作サイト、Webツール</td> </tr> </tbody> </table>

ここから、それぞれの特徴を詳しく紹介します。

無料ブログ・ホームページ作成サービス

無料サービスの大きな利点は、登録すればすぐにサイトを作り始められることです。

私はFC2ブログ、はてなブログ、Jimdoなどを使ったことがありますが、いずれも始めるまでのハードルが低く、編集画面のデザインや動線も整っていました。

サーバーやドメインの仕組みを理解していなくても、用意された画面に文章や画像を入れていけばサイトを作れます。

無料サービスのよいところ

無料サービスには、主に次のような利点があります。

  • 登録後すぐに使い始められる
  • サーバーを自分で契約しなくてよい
  • コードが分からなくても更新できる
  • 編集画面が整っていて分かりやすい
  • テンプレートからデザインを選べる
  • サービス内の機能は動作確認されていることが多い
  • アップデートや保守を運営会社に任せられる

ギャラリーや簡易的なアクセス解析など、最初から用意されている機能であれば、設定後すぐに使えることが多いです。

自分でプログラムを追加する場合と比べて、バグやサイト全体の破損も起こりにくいでしょう。

「ほどほどに便利で見栄えのよいサイトを、なるべく簡単に作りたい」という用途に向いています。

具体的な無料ブログサービスについては、こちらの記事で紹介しています。

“https://o-ta.work/2019/04/22/%e7%84%a1%e6%96%99%e3%81%ae%e3%83%96%e3%83%ad%e3%82%b0%e3%82%b5%e3%83%bc%e3%83%93%e3%82%b9%e3%81%ab%e3%81%af%e4%bd%95%e3%81%8c%e3%81%82%e3%82%8b%ef%bc%9f%e4%b8%80%e8%a6%a7%e3%81%a7%e7%b4%b9%e4%bb%8b/”

ブログではなく、プロフィールや作品へのリンクをまとめたホームページを作りたい場合は、こちらも参考にしてください。

“https://o-ta.work/2019/04/22/%e7%84%a1%e6%96%99%e3%81%ae%e3%83%9b%e3%83%bc%e3%83%a0%e3%83%9a%e3%83%bc%e3%82%b8%e4%bd%9c%e6%88%90%e3%82%b5%e3%83%bc%e3%83%93%e3%82%b9%e4%b8%80%e8%a6%a7/”

無料サービスの不便なところ

一方で、使っているうちに「この機能が欲しい」と思っても、そのサービスに用意されているとは限りません。

利用者が作ったテンプレートや拡張機能が配布されている場合もありますが、WordPressより技術的・ルール上の制約が多いことがあります。

また、サービスによっては次のような制限があります。

  • 利用できる容量や機能が限られている
  • デザインを細部まで変更できない
  • 独自ドメインの利用には有料プランが必要な場合がある
  • 運営側の広告が表示される
  • 自由に広告を掲載できないなどアフィリエイトや商用利用に条件がある
  • ページの表示が重いことがある

広告やアフィリエイトを利用したい場合は、サービスごとの規約を確認する必要があります。

サービス終了の影響を受ける可能性がある

無料サービスは運営会社の都合で終了する可能性があります。

サービスが終了すると、そのままではブログやホームページを維持できません。移行機能が用意される場合もありますが、記事のURL、デザイン、画像、コメントなどを完全に引き継げるとは限りません。

これまでにもいくつかの有名なブログサービスが終了してページが見られなくなっています。

大切な作品や長く残したい文章を掲載する場合は、元の画像や文章を手元や別のサービスにも保存しておいた方が安心です。

WordPress

WordPressは、レンタルサーバーなどにインストールして使用するサイト管理システムです。

無料ブログと比べると、使い始めるまでの準備は複雑です。

しかし、一度セッティングが完了すれば、普段の記事更新は無料ブログとかなり近い感覚で行えます。

WordPressは最初の準備が難しかった

私が初めてWordPressを使ったときは、サーバー契約やドメイン設定が特に難しく感じました。

それまで使っていた無料ブログは、サービスに会員登録すればそのまま使い始められました。

一方、WordPressを始めようとすると、

  • レンタルサーバー
  • 独自ドメイン
  • WordPressのインストール
  • FTP
  • HTTPS
  • Whois情報公開代行

など、知らない言葉が一度に出てきます。

操作そのものだけでなく、そもそも何が必要なのかを理解する段階で迷いました。

WordPressを使うために初めてレンタルサーバーを契約したときの体験は、こちらにまとめています。

“https://o-ta.work/2019/04/23/%e3%83%aa%e3%83%88%e3%83%ab%e3%82%b5%e3%83%bc%e3%83%90%e3%83%bc%e3%82%92%e4%bd%bf%e3%81%a3%e3%81%a6%e3%81%bf%e3%81%9f%e6%84%9f%e6%83%b3%e3%80%82%e6%93%8d%e4%bd%9c%e3%81%af%e6%83%b3%e5%83%8f%e4%bb%a5/”

現在は、申し込みと同時にWordPressのインストールやドメイン設定まで進められるレンタルサーバーもあります。

それでも、無料ブログより確認する項目が多いことには変わりありません。

設定後の記事更新は意外と簡単

最初の準備は難しかったものの、WordPressを使える状態にしてからの記事投稿は難しくありませんでした。

管理画面から、無料ブログのように見たまま文章を書き、画像を入れて公開できます。

固定ページを作ったり、ページに階層を設定したり、カテゴリー別の記事一覧を作ったり、記事同士をリンクしたりする作業にも、基本的にコードも必要ありません。

そのため、WordPressは「コードを書ける人しか使えないもの」ではありません。

初めてWordPressを試した当時の感想も記事に残しています。

“https://o-ta.work/2019/04/16/%e3%83%af%e3%83%bc%e3%83%89%e3%83%97%e3%83%ac%e3%82%b9%e3%82%92%e5%88%9d%e3%82%81%e3%81%a6%e8%a9%a6%e3%81%97%e3%81%9f%e6%84%9f%e6%83%b3/”

無料テーマを選ぶだけでも外観を変えられる

WordPressには、無料で使えるテーマが数多く用意されています。

テーマは、サイト全体の外観や基本的な機能をまとめて変更するものです。

テーマを差し替えるだけでも、色、文字、記事一覧、メニューなどの印象を大きく変えられます。

さらにテーマ側に用意された設定を使えば、コードを書かなくてもサイトの幅、色、見出し、ボタンなどを自由に設定して変更できることもあります。

このサイトで使用している無料テーマ「Cocoon」の装飾例については、こちらでも紹介しています。

“https://o-ta.work/2019/04/23/cocoon%e3%81%ae%e3%80%8c%e3%82%b9%e3%82%bf%e3%82%a4%e3%83%ab%e3%80%8d%e3%81%ae%e3%82%b5%e3%83%b3%e3%83%97%e3%83%ab%e4%b8%80%e8%a6%a7/”

プラグインで機能を追加できる

WordPressでは、「プラグイン」と呼ばれる拡張機能を追加できます。

例えば、次のような機能があります。

  • ギャラリーの作成
  • お問い合わせフォーム
  • コンテンツのパスワード保護
  • アクセス解析
  • SEO対策
  • スパム対策
  • バックアップ
  • セキュリティ対策

無料で利用できるプラグインも数多くあります。

無料サービスでは運営側が用意した範囲で機能を選びますが、WordPressでは目的に合うプラグインを自分で探して追加できます。

好きな順番で並べた記事一覧を複数作るなど、サイトの内容に合わせた構成を作りやすくなった点も便利でした。

ただし、プラグインを増やしすぎるとサイトが重くなったり、プラグイン同士の相性によって問題が起きたりすることもあります。

使う時には、必要なものだけを選び、更新を続けることが大切です。

コードを書けばさらに自由に拡張できる

WordPressはコードを書かなくても使えますが、必要であればHTML、CSS、PHP、JavaScriptなども利用できます。

そのため、通常のブログ機能に加えて、

  • オリジナルのWebアプリを表示する
  • データベースからページを自動生成する
  • 独自の検索・絞り込み機能を作る
  • サイトの細かなデザインを変更する

といった使い方もできます。

コードを使わない人は一般的なブログとして利用し、必要になった人はさらに機能を追加できるのがWordPressの強みです。

この自由度は、無料ブログサービスにはあまりない利点だと感じています。

広告を自分で管理できる

自分で運営するWordPressでは、意図しない運営会社の広告が入らない点も魅力です。

広告を掲載しないサイトにもできますし、Google AdSenseやアフィリエイトを利用する場合も、自分の判断で位置や数を決められます。

無料サービスの広告や収益化ルールを気にせず、自分のサイトとして運営できるのは大きな違いでした。

ただし、利用しているレンタルサーバーや広告サービス、掲載するコンテンツの規約は別途守る必要があります。

保守やバックアップは自己責任

WordPressでは、次のような管理も自分で行います。

  • WordPress本体の更新
  • テーマやプラグインの更新
  • バックアップ
  • セキュリティ対策
  • 不具合が起きたときの復旧

特にコードを直接編集すると、書き間違いによって表示が崩れたり、サイトにアクセスできなくなったりする可能性があります。

ただし、コードを触らず、一般的なテーマやプラグインを使用する範囲であれば、それほど頻繁にサイトが壊れるわけではありません。

現在はAIにエラーの内容や変更前のコードを見せて、原因や復旧方法を相談することもできます。

それでも、必ず直せるとは限りません。大きな更新やコード編集の前には、バックアップを取っておくことが重要です。

GitHub Pages

GitHub Pagesは、GitHubに保存したHTML、CSS、JavaScriptなどのファイルをWebサイトとして公開できる機能です。

サーバーを購入しなくても使い始められ、複数のサイト用URLも作れます。

私は主に、自作のWebツールを公開するために利用しています。

デザインやWebツールを自由に作れる

GitHub Pagesでは、サイトを構成するファイルを自分で作成できます。

そのため、既存テーマの仕様に縛られず、自由にデザインできます。

JavaScriptを使えば、入力内容に応じて結果を表示するWebツールなども公開できます。

特に、次のような用途と相性がよいでしょう。

  • 創作系の個人サイトを自由にデザインしたい
  • テンプレートに縛られたくない
  • HTMLやCSSを勉強したい
  • JavaScriptを使ったWebツールを公開したい
  • AIにコードを書いてもらいながらサイトを作りたい

完成したファイルを自分でも保存できるため、将来ほかの環境に移すことになった場合も、元のデータを利用しやすい点は利点です。

基本的にはコードでサイトを作る

GitHub Pagesは、無料ブログのように、テンプレートを選んで文章を入力すればすぐ完成するサービスとは少し違います。

基本的には、HTMLやCSSなどを使ってサイトを作ります。

GitHub自体の画面にも機能が多く、最初はどこに何があるのか探すのが大変でした。

私は多少コードの知識がある状態で使い始めましたが、AIを活用できるようになる前の自分には難しかったと思います。

AIにコードを作ってもらうことはできますが、ファイルをどこに置くのか、リンクをどうつなぐのか、問題が起きたときに何を確認するのかといった基本的な仕組みは、ある程度理解する必要があります。

ページ数や更新回数が増えると管理が面倒

GitHub Pagesでは、ページ間のリンクなども基本的に自分で設定します。

サイトを更新するときには、コードへ内容を追記するか、外部で編集したファイルをアップロードします。

アップロード後、公開ページへ反映されるまで少し時間がかかることもあります。

そのため、

  1. ファイルを編集する
  2. GitHubへ反映する
  3. 公開ページが更新されるのを待つ
  4. 表示を確認する
  5. 問題があれば再び編集する

という流れになります。

私の場合は、5ページ程度でもすでに更新を面倒に感じています。

ページ数が多いサイト、画像を大量に掲載するサイト、頻繁に記事を更新するサイトでは、管理方法をあらかじめ工夫しないと手間が増えやすいでしょう。

反対に、ページ数が少なく、完成後はそれほど内容を変更しないサイトや、1ページで動くWebツールには使いやすいと感じます。

無料サービスが向いている人

無料ブログ・ホームページ作成サービスは、次のような人に向いています。

  • サーバーなどの準備をせず、すぐ始めたい
  • コードを使いたくない
  • プロフィールを掲載したい
  • 作品やSNSへのリンクをまとめたい
  • とりあえず個人サイトを試してみたい
  • 高度な機能より、簡単さを優先したい
  • 保守やアップデートを運営会社に任せたい

まず無料サービスでサイトを作り、機能や自由度に物足りなさを感じてからWordPressなどへ移る方法もあります。

ただし、将来移転する可能性がある場合は、文章や画像の元データを自分でも保管しておくのがおすすめです。

WordPressが向いている人

WordPressは、次のような人に向いています。

  • ブログや読み物を継続的に投稿したい
  • 記事や固定ページをたくさん作りたい
  • サイトをカテゴリーや階層で整理したい
  • 広告の有無や位置を自分で決めたい
  • 検索から読まれる記事を増やしたい
  • プラグインで機能を追加したい
  • 将来的にはコードを使った独自機能も作りたい
  • 長期間、自分のサイトとして運営したい

最初の契約や設定には手間がかかりますが、その後は無料ブログに近い感覚で記事を増やせます。

記事数が数十、数百と増える可能性があるなら、WordPressの管理画面やカテゴリー機能が便利です。

GitHub Pagesが向いている人

GitHub Pagesは、次のような人に向いています。

  • HTML・CSS・JavaScriptを使いたい
  • 自由なデザインの個人サイトを作りたい
  • Web制作やコーディングを勉強したい
  • 自作のWebツールを公開したい
  • ページ数がそれほど多くない
  • 更新頻度があまり高くない
  • AIに相談しながらコードを作りたい
  • サーバーを契約せず公開したい

特に、記事を書くことよりも、サイトの見た目や機能そのものを作ることが目的の場合に向いています。

一方で、文章を頻繁に追加するブログとして使う場合は、WordPressやブログサービスの方が更新しやすいでしょう。

WordPressとGitHub Pagesを使って感じる違い

両方を使っていて、最も大きな違いだと感じるのは更新方法です。

WordPressでは、管理画面から新しい記事を書いて公開できます。記事一覧やカテゴリー、ページ間のリンクも管理画面から設定できます。

GitHub Pagesでは、サイトを構成しているファイルそのものを編集します。デザインや機能を自由に作れる反面、文章を一つ追加するだけでもファイルの編集とアップロードが必要です。

そのため、私は次のように使い分けています。

記事を増やしていくサイト→ WordPress

Webツールや、自由に作り込むサイト→ GitHub Pages

どちらも自由度の高い方法ですが、「何を自由にしたいのか」が違います。

WordPressは、記事やページを管理しながら、必要に応じて機能を拡張できる点が便利です。

GitHub Pagesは、サイトを構成するコードそのものを自由に作れる点が便利です。

迷ったら「何を頻繁に更新するか」で考える

個人サイトの作り方を選ぶときは、機能の多さだけで比べると迷いやすくなります。

次のように、今後何を更新するのかで考えると選びやすくなります。

  • 文章や記事を更新する
    → WordPressまたは無料ブログ
  • プロフィールや作品リンクをたまに更新する
    → 無料ホームページ作成サービス
  • HTMLやデザイン、機能を作り込む
    → GitHub Pages
  • 記事も独自機能も増やしたい
    → WordPress
  • まず個人サイトを持つことを試したい
    → 無料サービス

サイトを作る目的だけでなく、完成後にどのような作業を続けるのかまで考えることが大切です。

まとめ

無料ブログ・ホームページ作成サービス、WordPress、GitHub Pagesには、それぞれ異なる利点があります。

手軽さを優先するなら、無料ブログ・ホームページ作成サービス

記事更新や長期的な運営を重視するなら、WordPress

デザインやWebツールを自由に作りたいなら、GitHub Pages

という選び方が一つの目安です。

WordPressは最初の準備こそ難しいものの、設定後は無料ブログに近い感覚で記事を増やせます。

GitHub Pagesはサーバーを契約せず始められますが、基本的にはコードやファイルを編集して更新するため、ページ数が増えるほど管理の手間も増えます。

個人サイトは、必ずしも最初から有料サーバーや独自ドメインを用意する必要はありません。

まず無料サービスで小さく始め、「記事を増やしたい」「もっと自由に作りたい」と思った段階で、別の方法を検討してもよいでしょう。

今後は、WordPressで個人サイトを作る場合に年間でどのくらいの費用がかかるのか、AIを使うと初心者でもどこまで個人サイトを作れるのかについても紹介する予定です。

タイトルとURLをコピーしました