はじめに
この文書は、検索キーワード「web サイト 作成」を入力した人が抱く疑問に応えるために作りました。主に、これから自分でサイトを作りたい初心者の方や、小さなホームページを検討している事業者向けのわかりやすい案内です。
目的と対象
- 目的：Webサイト作成の全体像を理解し、実際に作り始められるようになること。
- 対象：パソコンやスマホで情報を見ることはできるが、サイト作りは未経験の方。
このガイドで学べること
- 第2章：作り方の種類（自作、CMS、制作会社など）
- 第3章：必ず必要になる２つのもの（技術的な準備）
- 第4章：制作の全体フロー（企画から公開までの5ステップ）
- 初心者におすすめのWordPressを使った方法を具体的に解説します。
読み方と進め方のコツ
- 順番に読むと理解が早いです。気になる章だけ先に読んでも構いません。
- まずは目的（何を伝えたいか）を明確にしてください。内容が決まれば作業がシンプルになります。
- 小さく始めて、少しずつ改善する姿勢を大切にしてください。
Webサイト作成の基本：まず「作り方の種類」を知る
概要
Webサイトの作り方は主に4つに分かれます。それぞれ特徴と向き不向きがあるので、目的や予算に合わせて選びます。
1) 自作（HTML/CSS・手書き）
メリット: 表示や動きの自由度が高く、細かい調整ができます。学べば自分で全部管理できます。
デメリット: 専門知識が必要で時間がかかります。更新や保守も自分で行います。
向いている人: デザインや動作にこだわりたい上級者や学びたい人。
2) CMS（例: WordPress）
メリット: 管理画面から記事やページを簡単に更新できます。テーマやプラグインで機能追加が容易です。実際、多くのサイトで使われています。
デメリット: 初期設定やセキュリティ対策は必要です。プラグイン管理に注意が要ります。
向いている人: 定期的に更新したい個人・企業。柔軟性と拡張性を重視する場合に向きます。
3) ノーコード作成ツール（例: Wix, Squarespace）
メリット: テンプレートを選んでドラッグ&ドロップで短時間に見栄えの良いサイトが作れます。初心者に優しいです。
デメリット: カスタマイズ性は制限されることがあります。将来的に機能拡張が難しい場合もあります。
向いている人: すぐに見た目の良いサイトを用意したい個人や小規模事業者。
4) 制作会社に依頼する方法
メリット: 専門家が設計・デザイン・構築を一括で行います。要望に合わせた本格的なサイトが作れます。
デメリット: コストが高く、制作期間も長くなることがあります。
向いている人: ブランド価値を重視する企業や複雑な機能が必要な場合。
多くの記事は、初心者にはWordPressをおすすめしています。まずは目的（更新頻度・デザインの自由度・予算）をはっきりさせ、最適な方法を選びましょう。
Webサイト作成で必ず必要になる２つのもの
サーバー（保存と配信の役割）
サーバーはWebサイトのデータを保管し、訪問者に配信するコンピュータです。個人や小規模サイトならレンタルサーバーの共用プランで十分です。トラフィックが多い事業サイトはVPSや専用サーバーを検討します。WordPressなどを使う場合はPHPやデータベースの対応を確認してください。ファイルのアップロードはFTPやコントロールパネル、最近はGitや自動デプロイも使えます。
ドメイン（Web上の住所）
ドメインはインターネット上の住所で、例として「yoursite.com」のような名前です。ドメインは登録業者で取得し、取得後にDNS設定でサーバーと結びつけます。具体的にはAレコードでサーバーのIPを指定したり、CNAMEで別名を設定します。ドメインは年単位で費用がかかり、ブランドに合った分かりやすい名前を選ぶと良いです。
SSL（https化）の重要性
企業サイトではHTTPS化が標準です。HTTPSは通信を暗号化し、ブラウザの鍵アイコンで安全性を示します。Let’s Encryptのような無料証明書を使う方法や、ホスティング会社が自動で設定してくれる場合があります。SSLはユーザーの信頼を高め、検索エンジンの評価にも影響します。
簡単な準備チェックリスト
- サーバーの種類を選ぶ（共用、VPS、専用など）
- ドメインを登録する（短く覚えやすい名前推奨）
- DNSでドメインをサーバーに向ける（A/CNAME設定）
- SSLを有効にする（自動設定やLet’s Encryptを利用）
- ファイルをアップロードし、ブラウザで動作確認する
この2つ（サーバーとドメイン）とSSLの準備が整えば、どの作り方でもWebサイトを公開できます。制作の次の段階では、具体的な設計やコンテンツ作成に進みましょう。
Webサイト制作の全体フロー：企画から公開までの5ステップ
Webサイト制作は大きく5つのステップで進みます。初心者でも流れを押さえれば混乱しません。以下で各STEPの目的と具体的な作業例をわかりやすく説明します。
STEP1：プロジェクト企画
目的（販売・問い合わせ・情報発信など）を決め、ターゲットを具体化します。例：30代子育て中の母親向けに商品を紹介する。成果指標（問い合わせ数や購入数）を設定し、優先度の高い機能を洗い出します。成果物：要件リスト、スケジュール案。
STEP2：サイト設計（UX設計）
ページ構成を決め、サイトマップとワイヤーフレームを作ります。重要な動線（購入ボタンや問い合わせ導線）を明確にします。例：トップ→商品一覧→商品詳細→購入。成果物：サイトマップ、ワイヤー。
STEP3：デザイン制作
色・レイアウト・写真などを決め、デザインカンプ（主要ページ）を作成します。スマホ表示も同時に考えます。成果物：デザインデータ（Figmaや画像ファイル）。
STEP4：実装（開発と環境準備）
HTML/CSS/JavaScriptでコーディング、またはWordPressなどのCMSを導入します。ドメイン取得、サーバー設定、SSL導入もここで行います。フォームや決済の動作確認、表示速度の最適化を忘れずに。テストは複数ブラウザ・スマホで行います。
STEP5：リリースと運用
ステージングで最終確認後、本番公開します。公開後はアクセス解析や定期バックアップ、セキュリティ対策を続けます。例：初月は問い合わせ数・ページ速度・エラーを毎週チェックする。
初心者はこの5ステップを順に進めるだけで、無理なく公開までたどり着けます。小さく試して改善を繰り返すと安心です。
