【実例あり】サブドメインの使い方とは?WEB制作歴10年の僕がやってる確認・テスト運用術を解説

【プロが10年以上使って実感】エックスサーバーの本音レビュー|WEB制作現場が選び続ける理由とは?

はじめに:サブドメインって聞いたことありますか?

「副業でWEB制作を始めたけど、公開前の確認ってどうやるの?」
「本番サイトを壊しちゃいそうで怖い…」

そんな初心者の方にこそ知っておいてほしいのが、“サブドメイン”という仕組みです。

トミー
今回は、僕が実際に仕事で使っているサブドメイン活用法を交えながら、
確認・テスト環境の作り方や、初心者にもやさしいサーバーの選び方まで解説していきます。

1. サブドメインとは?仕組みをかんたんに説明

XSERVER:サブドメイン機能について

「サブドメイン」とは、メインのドメイン(URL)から分岐して作る別のWebアドレスのことです。

たとえば、あなたが「www.sample.com」というドメインを持っていたとします。
wwwのところを以下のように

  • blog.sample.com(ブログ用)

  • shop.sample.com(ECサイト用)

  • demo.sample.com(確認用)

といった別のURLを自由に作成できるのがサブドメインです。

トミー
しかもこれ、XSERVERでは無料でいくつでも作れます
つまり、ひとつの契約で「用途別のWebサイト」を運営できる便利な仕組みなんです。

2. 実際に僕がやっている“確認用サブドメイン”の使い方

KAKERUデザインでは、クライアント案件の際に
**本番環境とは別に、確認用のサブドメイン(例:demo.kakeru-d.jp)**を用意しています。

たとえば、新しいページを追加するときや、サイト全体をリニューアルするとき。
いきなり本番サイトにアップするのはリスクが高すぎるので、

  • サーバー上に「demo」フォルダを作成

  • そこに新しいデータをアップロード

  • demo.kakeru-d.jp にアクセスして確認

という流れで、安全に動作確認を行っています

これをやるだけで、

  • サイトが崩れる心配がない

  • クライアントに見せながら調整ができる

  • 万一のバグも事前に対処できる

といった大きなメリットがあります。

実際の制作した時のサイトの事例紹介

20250612_xserver_cut_02

URLにご注目ください。両方とも見た目は同じですが、URLが異なります。
こうやってサブドメインを作りることで、お客様にも確認しやすい環境が作れるのがポイントです!

左(デモURL):https://naradeha.kakeru-d.jp/
※誰でも閲覧できないようにBasic認証を設定しており、閲覧することができませんのでご了承ください。
Basic認証については、以下の方に説明しております。

右(本番URL):https://narade-wa.co.jp/


3. なぜ本番に直接アップは危険なのか?

イラスト:いきなり本番アップは禁止

初心者のうちは、「ローカルで確認したし、まあ大丈夫だろう」と思って
本番に直接アップしてしまうケースもあります。

でも実際は、

  • サーバー側の設定が違って表示崩れ

  • CSSがキャッシュに残っていて想定どおりに動かない

  • いきなりアクセスが来て、完成前のサイトを見られてしまう

といったリアルなトラブルが起こりがちです。

トミー
クライアント案件では特に、
「安心・安全に公開できる」という信頼がとても大切。

そのためにも、確認用のサブドメインを用意することは必須だと感じています。
KAKERUデザイナは、必ず確認のドメインを発行して作業を進めるようにしています。


4. 検索エンジンに見られないよう“Basic認証”も忘れずに

確認用のサブドメインは、Googleなどの検索エンジンに表示されないように対策しておく必要があります。

というのも、「demo.〜」のような作業中のサイトがインデックスされてしまうと、
中途半端な状態で見られてしまったり、ブランドイメージに影響が出たりするからです。

そこでおすすめなのが、Basic認証(ベーシック認証)です。

これは、IDとパスワードをかけて外部からの閲覧をブロックできる仕組み。
クライアントとの共有や内部確認用には最適です。

XSERVERなら、管理画面からかんたんに設定できるので、
初心者でも安心して使えるところも大きなポイントです。


5. サブドメインが無料&使いやすいおすすめサーバー

僕が10年以上使っているのが、**XSERVER(エックスサーバー)**です。

おすすめポイントは以下のとおり👇

✅ サブドメインが無料で無制限に作れる
✅ サブドメインにも無料SSLが使える(https対応)
✅ Basic認証の設定も簡単
✅ 表示速度・安定性が高く、商用利用でも安心

特に、「これから副業や自分のブログを始めたい」という人にとって、
余計な手間なく、安心して環境を整えられるサーバーです。

KAKERUデザインは、自信を持ってレンタルサーバーはXSERVERをオススメします。



高速・多機能・高安定レンタルサーバー『エックスサーバー』【PR】

  • 運用サイト数250万件で国内シェアNo.1 ・初期費用無料、月額990円から、大容量500GBからの高コストパフォーマンス ・安定のサーバー稼働率99.99%以上 ・世界最速クラスのWordPress実行環境「KUSANAGI」の高速化技術を導入 ・.com .netなどから選べる!独自ドメインが永久無料 ・マルチドメイン、メールアドレス無制限!独自SSLを無料で利用可能!

まとめ

今回の記事では、サブドメインの基本的な仕組みから、実際の活用法、そして確認用サイトの安全な運用方法までご紹介しました。

「本番環境を壊すのが怖い…」という初心者の方でも、サブドメイン+Basic認証という組み合わせを知っておくことで、安心して制作や運用ができるようになります。

僕自身も10年以上使っている「XSERVER」なら、
こういった設定も初心者にやさしく、しかも無料で使える機能が豊富です。

合わせて読んで欲しいオススメ記事

【プロが10年以上使って実感】エックスサーバーの本音レビュー|WEB制作現場が選び続ける理由とは?

【プロが10年以上使って実感】エックスサーバーの本音レビュー|WEB制作現場が選び続ける理由とは?

2025年6月6日

一緒に悩み、一緒に考えて、伝わる形に仕上げていく。
小さなお困りごとからでも、まずはご相談ください。

「まずは話を聞いてみたい」「うちでも同じようにできる?」
そんなご相談だけでも大歓迎です。業種に合わせたご提案をいたします。

無料相談・お問い合わせはこちら
【プロが10年以上使って実感】エックスサーバーの本音レビュー|WEB制作現場が選び続ける理由とは?

コメントを残す

メールアドレスが公開されることはありません。

CAPTCHA