Guide / 無料
Claudeで作ったホームページを、
Xserverで公開する方法
ホームページは作れた。でも、インターネットに出す方法が分からない。
アップロードから表示確認まで、実際の画面写真で案内します。
ホームページを「作ったあと」、こんなところで止まっていませんか
- Claudeでホームページは作れたけれど、自分のパソコンの中でしか見られない
- 「サーバーにアップロードする」と聞いても、どの画面で何を押せばいいか分からない
- FTPソフトなどの専門的な道具を、新しく覚えたくない
- 操作を間違えて、サーバーの大事なファイルを壊してしまわないか不安
- アップロードしたのに表示されない、となったときの直し方が分からない
Xserverに標準でついている「ファイルマネージャ」を使えば、ブラウザだけで、ファイルを1つアップロードするだけで公開できます。押すボタンを1つずつ、実際の画面写真で案内します。
このガイドでできるようになること
スクリーンショット9枚つきの手順書
全12手順。XServerアカウントへのログインから、ファイルのアップロード、インターネットでの表示確認までを実際の画面写真で解説します。
「どのフォルダに置くか」の迷いどころの先回り
初期ドメインのフォルダ→public_htmlという置き場所の開き方を、画面写真つきで案内します。
うまくいかない時の対処リスト
表示されない・前の表示のまま変わらない・ファイル名が違う、というよくあるつまずきの直し方をまとめています。
公開をやめたい時の戻し方
アップロードしたファイルを削除して、公開前の状態に戻す方法も載せています。
実際に気をつけたポイントを、先回りしてあります
AIに任せるときに、知らずに踏むと困るものばかりです。
どのフォルダに入れるかで迷子になる
ファイルマネージャには、たくさんのフォルダが表示されます。見るべきは「自分のドメイン名のフォルダ」と「public_html」の2つだけであることを、画面写真で示しています。
ファイル名が違っていて、アドレスを開いても表示されない
ファイル名が「index.html」であることの意味と、違う名前だった場合のClaudeへの頼み方を手順の中で案内しています。
アップロードしたのに、前の表示のまま変わらない
ブラウザの再読み込みの方法（Ctrl+R / ⌘+R）を、うまくいかない時の対処として明記しています。
公開してはいけない情報まで公開してしまう
公開すると世界中の誰でも見られる状態になることを冒頭で伝え、住所・電話番号・写真をアップロード前に確認する一手間を入れています。
含まれるもの・含まれないもの
含まれるもの
- 手順書本体（Webページ形式・全12手順・画像9枚）
- ファイルマネージャでのアップロード操作と、表示確認のやり方
- うまくいかない時の対処リスト・公開の取り消し方
含まれないもの
- Xserverの契約手続き・料金プランの選び方（契約ページへの案内はあります）
- 独自ドメイン（お店の名前のアドレス）の取得・設定
- ホームページ自体の作り方（前のガイド「Claudeに、自分のお店のホームページを作ってもらう方法」で扱っています）
※Xserverの画面は今後変更される可能性があります。画像は2026年8月時点のものです。
必要なもの
Claudeで作ったホームページのファイル（index.html）Xserverの契約と、ログイン用のメールアドレス・パスワード
パソコン（スマートフォンだけでは進められません）
読む
読み方
- 上のボタンから開くそのままブラウザで読めます。ダウンロードやアカウント登録は不要です。
- 実際の画面と同じ順番で進める各手順に画像がついているので、迷ったらそこを見ながら進めてください。
よくある質問
- 初心者でも大丈夫ですか。
- 大丈夫です。FTPソフトなどの専門的な道具は使いません。ブラウザの画面でボタンを押していくだけです。
- Xserverを契約していなくても読めますか。
- 読めます。ただし実際に公開するにはXserverの契約（有料）が必要です。ガイドの冒頭に契約ページへの案内があります。
- ホームページをまだ作っていません。
- 先に前のガイド「Claudeに、自分のお店のホームページを作ってもらう方法」（無料）でホームページのファイルを作ってから、このガイドに進んでください。
- ドメイン（アドレス）を買っていなくても公開できますか。
- できます。Xserverの契約に含まれる初期ドメイン（あなたのID.xsrv.jp）をそのまま使う手順で案内しています。お店の名前のアドレス（独自ドメイン）は、あとから追加できます。
- このガイドは無料ですか。
- はい、ガイドは無料で最後まで読めます。Xserverのサーバー代だけは別途かかります。