2022年1月18日TwitterSharePocketHatenaPinterestLINEコピーするこんにちは、ayaです。自分のPCにサイトを作った後、どうやってインターネットに公開するの?って初めてサイトを作ったときに思ったので、Webサイトの公開までの流れをまとめてみました。この記事を読めば、無事にインターネットにサイトをアップできますよ。Webサイト公開までの流れは、次の4つのステップとなります。レンタルサーバーを契約する独自ドメインを取得する作成したWebサイトのファイルをWebサーバーにアップロードするURLを入力してWebサイトを確認それでは、ステップごとに説明していきますね。ContentsSTEP1:レンタルサーバーを契約しようSTEP2:独自ドメインを取得しようSTEP3:作成したWebサイトのファイルをサーバーにアップロードしようFTPソフトをインストールするFTPソフトに、サーバーのFTP情報を設定するWebサイトのファイルをWebサーバーにアップロードするSTEP4:URLを入力してWebサイトを確認しようSTEP1:レンタルサーバーを契約しようWebサイトをインターネット上に公開するには、公開する場所(サーバー)を用意する必要があります。Webサーバーは一般的にサーバー会社からレンタルして利用します。レンタルサーバーのサービスに加入しましょう。レンタルサーバーには、無料のものと有料のものがあります。無料サーバーは費用が掛からないので気軽に始められますが、次のようなデメリットがあります。容量が少ない独自ドメインが使えない商用利用できない商用利用や中長期的にWebサイトを運用をしていく場合は、有料サーバーを選んだ方がいいです。有料サーバーは月1000円前後で利用できます。続きを見るサーバーの準備ができたら、次はドメインを取得します。STEP2:独自ドメインを取得しようドメインはインターネット上の住所のようなものです。このブログのURLは「https://ayablog-life.com/」なので、「ayablog-life.com」がドメインとなります。「○○.com」の○○の部分は、自分で決めることが出来ます。サイト名など、分かりやすいものを指定しましょう。ドメインには「.com」「.net」「.info」などの種類があります。種類によって取得料金と更新料金が異なるので、取得時に注意してください。独自ドメインが取得できる代表的なサイトを2つ紹介します。独自ドメイン取得サービスお名前.comムームードメインサーバー会社によってはドメイン取得サービスも行っているので、サーバーと一緒に契約するのもありです。このときも更新料金は忘れずにチェックしてくださいね。STEP3:作成したWebサイトのファイルをサーバーにアップロードしようWebサイトをインターネット上に公開するには、Webサイトのファイルをサーバーにアップロード(転送)する必要があります。サーバーにファイルをアップロードする方法は2つあります。サーバーのFTP機能を利用するFTPソフト(ファイル転送ソフト)でアップロードするファイルの数が多い場合は、FTPソフトを利用した方がスムーズにアップロードできます。無料FTPソフトFileZilla(Windows、Mac)WinSCP(Windows)FFFTP(Windows)この記事ではFileZillaを使った方法を説明します。FTPソフトをインストールするFileZillaをインストールします。https://filezilla-project.org/FTPソフトに、サーバーのFTP情報を設定するFileZillaを起動し、「ファイル」→「サイトマネージャ」をクリックします。「サイトマネージャ」画面が表示されるので、「新しいサイト」をクリックします。任意のサイト名(接続先名)を設定します。FTP情報を入力します。FTPパスワードを入力(わからない場合は、契約したサーバーのサイトから再設定してください)FTP情報を入力後、「接続」ボタンをクリックします。エックスサーバーにはFTPソフト設定マニュアルがあります。https://www.xserver.ne.jp/manual/man_ftp_setting.phpFTPソフトの設定が終わったら、次はWebサイトのファイルをWebサーバーにアップロードします。WebサイトのファイルをWebサーバーにアップロードするFileZillaの左欄(ローカルサイト:)からアップロードするファイルのあるフォルダを選択します。アップロードするファイル(フォルダにまとまっている場合はフォルダ)を選択します。選択したフォルダ、ファイルを右欄にドラッグします。これでデータのアップロードが開始されます。同じ名前のファイルがWebサーバー上にあると、「対象のファイルは既に存在しています」というメッセージが出てきます。FileZillaの動作が止まればアップロード完了です。STEP4:URLを入力してWebサイトを確認しようWebサーバーへのアップロードを含むすべての作業が終わったら、Webサイトが正しく表示されているか確認します。ブラウザのアドレスバーにURLを入力して、Enterキーを押します。TOPページが表示されていれば、他のページも確認しましょう。リンクをクリックして正しいページに移動するか画像は正しく表示されているかなどを確認します。以上で無事にWebサイトを公開できました!必要に応じてメンテナンスを行ってくださいね。TwitterSharePocketHatenaPinterestLINEコピーする-BLOGauthor関連記事BLOGエックスサーバーの永久無料ドメインを取得してみた!こんにちは、ayaです。最近、エックスサーバーを契約したときに特典で永久無料ドメインが付いていたのを思い出したのでサイトを確認したら、有効期限があと2ヶ月くらいしかありませんでした。...BLOGブログ初心者にオススメなサーバーはエックスサーバーです【コスパ最強】サーバーを借りたいけど、初心者だからどこがいいか分からない。こんな疑問を解決します。HTML/CSS【感想】1冊ですべて身につくHTML&CSSとwebデザイン入門講座をやってみた2022/1/18BLOGエックスサーバーの永久無料ドメインを取得してみた!2022/1/18BLOGブログ初心者にオススメなサーバーはエックスサーバーです【コスパ最強】2022/1/18ENGLISH英語で学ぶ!英語学習におすすめの海外YouTubeチャンネル8選!2022/1/18aya元OL→現フリーランスエンジニア3年目(未経験・スキル0でフリーランス転身しました)カナダ・バンクーバーにワーホリ経験あり。海外大好きなアラサー女です。スキルアップのため英語とプログラミングを日々勉強しています。