13.

Webサイト作成

編集

本稿は Web サイト作成ソフトウェアに関する記事です。HTML / CSS / JavaScript を手書きするのではなく、GUI 操作・テンプレート・CMS を使って効率的にサイトを作るためのソフトを扱います。

子ページから個別ソフトを選択してください。

本ページの子ページ

Web サイト作成ソフトの分類

分類代表例位置づけ
CMS (Content Management System)WordPress、Drupal、MovableType、Joomla記事投稿・ページ管理を非エンジニアでも
EC プラットフォームEC-CUBE、Shopify、BASE、Magentoネットショップ特化
SSG (静的サイトジェネレータ)Hugo、Jekyll、Eleventy、Astroマークダウン → 静的 HTML
JS フレームワークNext.js、Nuxt、Remix、Gatsby動的・SPA・SSR
ノーコード / ローコードWix、Squarespace、STUDIO、Webflow、Jimdoドラッグ&ドロップでサイト構築
GUI エディタAdobe Dreamweaver (EOL 進行)、HTMLエディタ従来の HTML/CSS 手書き支援
ブログプラットフォームはてなブログ、note、Medium独自ドメイン不要のサービス利用

主な選択肢の比較

ソフト / サービス料金得意向く規模
WordPress無料 (OSS) + ホスティングブログ・コーポレート・小規模 EC個人〜中規模
WordPress.com無料〜有料プランマネージドな WordPress個人〜中規模
EC-CUBE無料 (OSS) + ホスティング日本向け EC中小規模 EC
Shopify月額有料越境EC・大量商品・運用代行中〜大規模 EC
BASE / STORES初期無料 + 決済手数料個人ショップを最短で個人〜小規模
Wix / STUDIO / Webflow有料プランデザイン重視・ノーコード個人〜中規模
Next.js + Vercel無料枠あり / 従量本格 Web アプリ・SPA開発者向け
Hugo / Astro (SSG)無料 + 安いホスティングブログ・ドキュメント・速度重視個人〜中規模

選定の観点

  • 目的: ブログ/コーポレート/EC/ポートフォリオ/Web アプリ
  • 更新頻度と運用体制: 編集する人のスキル・人数
  • 独自ドメイン: 必要ならホスティング込みで考える
  • カスタマイズ性: テーマ/プラグイン/HTML/CSS の改変余地
  • SEO: 構造化データ・サイトマップ・表示速度
  • セキュリティ: 自前ホスティング (WP) は更新が遅れると侵入される
  • 料金体系: 月額固定 / 従量 / 決済手数料
  • 多言語: 越境を想定するなら i18n 対応

WordPress を選ぶケース

  • 記事更新が多い・複数人で編集する
  • テーマ/プラグインが豊富で要件をすぐ満たせる
  • 制作会社・コミュニティが多く、依頼や情報入手が容易
  • カスタムフィールドや投稿タイプで柔軟に拡張したい

SSG / Next.js を選ぶケース

  • 表示速度・配信コストを最小化したい (静的ホスティング)
  • Git ベースのコンテンツ管理 (記事を Markdown で書き、Pull Request でレビュー)
  • 本格的な Web アプリ機能 (会員制・検索・リアルタイム) が必要 → Next.js / Nuxt
  • 開発者が在籍している

運用上の注意

  • WordPress は脆弱性アップデートを欠かさない (本体・テーマ・プラグイン)
  • バックアップを必ず取る (自動・複数世代)
  • HTTPS 化と HTTP→HTTPS リダイレクト
  • SEO・OGP・サイトマップを最初から設計
  • 表示速度を計測 (Lighthouse、PageSpeed Insights、Core Web Vitals)
  • ノーコードツールはサービス終了リスクがある。独自ドメインを持っておくと移行しやすい

関連

編集
Post Share
子ページ
  1. ワードプレス(WordPress)
  2. EC-CUBE3
同階層のページ
  1. 開発環境
  2. 仮想環境
  3. プロジェクト管理(プログラム)
  4. プロジェクト管理(グループウェア)
  5. ネットワーク
  6. バージョン管理
  7. Webサーバー / アプリケーションサーバー
  8. エミューレーター
  9. システム管理
  10. ゲームエンジン
  11. 3Dグラフィックス
  12. 学習・教育用ソフトウェア
  13. Webサイト作成
  14. シミュレーター
  15. Microsoft Office
  16. エディタ
  17. BIM
  18. Bluetooth
  19. ブラウザ
  20. その他