📋 目次をひらく / とじる 全1項目
ホームページ作成の3つのアプローチ
ホームページを作る手段は、大きく次の3種類に分かれます。
| アプローチ | 代表的なサービス・ツール | 技術的な難易度 | 費用の目安(月額) |
|---|---|---|---|
| ノーコードビルダー | Wix、Studio、Squarespace、Jimdo | 不要 | 無料〜数千円 |
| CMS(自己ホスト型) | WordPress.org、Drupal | 中程度 | サーバー代のみ(月500〜1,500円程度) |
| HTML/CSS自作 | VS Code + GitHub Pages など | 要スキル | ほぼ0円(ホスティング費用のみ) |
それぞれの特徴を順に見ていきます。
ノーコードビルダー
ドラッグ&ドロップの操作だけでサイトを作れるサービスです。サーバーの準備や技術的な設定は不要で、アカウント登録後すぐに制作を始められます。テンプレートが豊富で、非エンジニアでも短時間でそれなりのデザインのサイトを公開できます。
一方で、デザインや機能はサービスが提供するテンプレート・プラグインの範囲内に限られます。また、サービスへの依存度が高く、乗り換え時にコンテンツを持ち出しにくい点も押さえておく必要があります。
CMS(WordPress.org)
世界でもっとも普及している自己ホスト型CMSです。ソフトウェア自体は無料で、レンタルサーバーに自分でインストールして使います。プラグインとテーマのエコシステムが充実しており、ノーコードツールでは難しい機能拡張(会員機能・多言語対応・複雑なフォームなど)も実装できます。
代わりに、サーバー契約・ドメイン取得・WordPress本体とプラグインの定期アップデートといった保守作業が発生します。技術的なトラブルは自分(または外注先)で対応する必要があります。
HTML/CSS自作
フロントエンドの開発スキルがある場合は、自作が最もコスト効率の高い選択です。GitHub Pages や Cloudflare Pages などの静的ホスティングサービスを使えば、ドメイン代以外のランニングコストをほぼゼロにできます。制約がなく、思い通りの設計が可能です。
ただし、コーディングの知識が前提であり、デザインや機能実装にかかる時間が実質的なコストになります。
📊 ノーコードビルダー各社の料金・機能を比較
Wix・Studio・Squarespace・Webflow・Jimdo など主要サービスを横断比較
用途別の選び方 — 4つのシナリオ
どのアプローチが向いているかは、用途と優先事項によって変わります。代表的な4つのシナリオで整理します。
シナリオ1:個人・ポートフォリオ・副業サイト
推奨:ノーコードビルダーの無料〜低価格プラン
コストを抑えながらすぐに公開したい場合は、ノーコードツールの無料プランか低価格プランが現実的です。Wix・Studio・Jimdo はいずれも無料プランがあり、独自ドメインなしであれば費用ゼロで始められます。ビジネス利用でなければ、サブドメインのままでも大きな支障はありません。
独自ドメインが必要になった段階で有料プランに切り替えるのが、初期コストを抑える一般的な進め方です。
シナリオ2:中小企業のコーポレートサイト
推奨:ノーコードビルダーの有料プラン、または WordPress.org
会社の顔となるサイトには独自ドメインが必須です。ノーコードビルダーの有料プランか、WordPress.org + レンタルサーバーの2択になります。
- 更新作業を社内の非エンジニアが担当する → ノーコードビルダー(管理画面がシンプル)
- 将来的に機能を拡張する可能性がある → WordPress.org(プラグインで対応しやすい)
シナリオ3:ECサイト・ネットショップ
推奨:EC特化のプラットフォーム(Shopify・BASE・STORES・カラーミーショップ)
決済機能・在庫管理・配送設定が必要なECサイトは、EC特化のプラットフォームを使うのが最も効率的です。汎用のノーコードツールにも決済機能を追加できるものがありますが、EC専用プラットフォームと比べると機能・サポートで劣ります。
各サービスの決済手数料や月額料金の比較は ネットショップ作成サービスの比較 を参照してください。
シナリオ4:ブログ・コンテンツサイト
推奨:WordPress.org またはブログサービス
記事を大量に管理するコンテンツサイトには、CMS の強みが活きます。WordPress.org はカテゴリ・タグ・検索・RSS など記事管理の機能が充実しており、SEO関連のプラグインも豊富です。
更新頻度が低い個人ブログであれば、note や はてなブログ のようなブログサービスを使う手もあります(詳しくは ブログサービスの比較)。
費用の比較 — 月額・初期費用・ランニングコスト
各アプローチの費用構造を整理します。
ノーコードビルダーの費用
| サービス | 無料プラン | 独自ドメイン可の最安プラン | 備考 |
|---|---|---|---|
| Studio | あり(ロゴ表示・5ページ) | Mini ¥590/月(年払い) | 月払いは¥1,290/月 |
| Jimdo | あり(広告あり) | START 約¥990/月(年払い換算) | AIビルダープラン |
| Wix | あり(広告あり) | Light $17/月(年払い)※ | 月払いは$29 |
| Squarespace | なし(14日間無料トライアル) | Basic $19/月(年払い)※ | 日本円建てはBasic ¥1,180/月(年払い) |
| Webflow | あり(2ページ・1,000訪問/月) | Basic $15/月(年払い)※ | 月払いは$25 |
※ドル建てサービスは為替変動の影響を受けます。記載金額は調査時点(2026年9月)のものです。
これとは別に、独自ドメイン代が年間1,000〜2,000円程度かかります(ツールのプランにドメイン代が含まれる場合は除く)。
WordPress.org の費用
WordPress 自体はオープンソースで無料です。実際にかかる費用は次のとおりです。
- レンタルサーバー代:月額500〜1,500円程度(国内主要サービスの場合)
- ドメイン代:年間1,000〜2,000円程度
- 有料テーマ(任意):買い切り $30〜100 USD 程度(無料テーマも豊富にある)
- 有料プラグイン(任意):機能ごとに追加費用が発生する場合がある
月額コストだけで見るとノーコードビルダーより安くなるケースが多いですが、保守作業の手間(アップデート・バックアップ・セキュリティ確認)が実質的なコストとして加わります。
🖥️ WordPress向けレンタルサーバーを比較
国内主要レンタルサーバーの月額料金・WordPress対応を比較
HTML/CSS自作の費用
- ドメイン代のみ(年間1,000〜2,000円程度)
- GitHub Pages・Cloudflare Pages など静的ホスティングを使えばホスティング費用はほぼ無料
- 開発にかかる工数が実質的なコスト
無料プランの制限と有料化の判断基準
ノーコードビルダーの無料プランは試作・学習には十分ですが、ビジネス利用では以下の制限が支障になるケースが多くあります。
主要ツールの無料プラン制限
| 制限項目 | Wix 無料 | Studio 無料 | Jimdo 無料(PLAY) | Webflow 無料(Starter) |
|---|---|---|---|---|
| 独自ドメイン | 不可 | 不可 | 不可 | 不可 |
| サービスのブランド表示 | 広告バナーあり | Studioロゴあり | 広告あり | Made in Webflow バッジあり |
| ページ数 | 無制限 | 5ページ | 制限あり | 2ページ |
| 月間訪問者数 | 制限あり | — | — | 1,000訪問/月 |
Squarespace には無料プランが存在せず、14日間のトライアル後は有料プランへの移行が必要です。
有料プランに移行すべきタイミング
独自ドメインが必要になったとき
名刺・チラシ・SNSプロフィールにURLを載せる場合、yoursite.wixsite.com のようなサブドメインではブランドの信頼感が落ちます。ビジネス利用を始めた段階で独自ドメイン付きプランへの移行を検討してください。
サービスのブランド表示を消したいとき
無料プランではフッターやサイト上に各サービスのロゴ・広告が表示されます。これはビジネスサイトとして見栄えを損なうため、本番公開前に有料プランへ移行するのが一般的です。
フォームや問い合わせを本格運用するとき
無料プランではフォーム送信件数に上限があるサービスが多く(Studio 無料は月100件、Jimdo も制限あり)、問い合わせ対応やリード獲得を始める段階では有料プランが必要になります。
📋 各ツールの無料・有料プランを比較
独自ドメイン対応・広告非表示・ページ数制限を一覧で確認
乗り換え・移行時のリスク
ツールを選ぶ際に見落とされがちなのが、将来的な乗り換えのコストです。
ノーコードツールはデータのエクスポートが限定的
多くのノーコードビルダーは、作成したサイトのデータを他のサービスに移行できる形式でエクスポートする機能が限られています。ページのテキストや画像を個別に保存することは可能でも、サイト構造・デザイン設定・フォームデータをそのまま移植することは通常できません。結果として、別のツールへ乗り換えるときは事実上の作り直しになります。
WordPress.org は比較的移行しやすい
WordPress.org には標準のエクスポート機能(XML形式)があり、別のWordPressサイトへのコンテンツ移行は比較的スムーズです。ただし、テーマのデザインやプラグインの設定は移行されないため、見た目の再現には別途作業が必要です。
URL変更を伴う乗り換えには301リダイレクトが必要
サービス乗り換えに伴ってURLが変わる場合、旧URLから新URLへの301リダイレクト設定が必要です。これを怠ると検索エンジンが積み上げてきたSEO評価が引き継がれず、検索順位が下がる原因になります。
よくある質問(FAQ)
Q HTML/CSSの知識がなくてもホームページは作れますか?
Q ノーコードツールで作ったサイトはSEOに不利ですか?
Q 無料プランでビジネス用のホームページは作れますか?
Q 将来的に別のツールへの乗り換えはできますか?
Q 月額費用が安いのはどのツールですか?
📊 HP作成ツールの料金・機能を一覧で比較
ノーコードビルダー各社の月額プラン・無料プランの制限・独自ドメイン対応をまとめて確認できます