【FTP】ホームページをサーバーにアップロードする実際の手順を紹介！

2022年12月15日

ヨメ

自分でコーディングしたサイトをアップロードしたいな！
でも、サーバーにファイルを送るのは難しそう…

ファイルとソフトさえ揃っていれば難しくないよ！

サイトのアップロードと聞くと難しそうなイメージがありますが、コーディングさえしっかりできていればアップロードは難しくありません。

この記事ではFTPソフトである「Win SCP」を利用して、サイトをアップロードする方法を紹介します。

サイトをアップロードできるようになることで、ポートフォリオとして自己紹介が可能になり、就職活動や営業活動の助けになります！

なにより、自分が頑張って制作したサイトがネット上で表示されるなんてワクワクしますよね！

今回は、私がコーディングしたサイトを実際にサーバーにアップロードした手順をお伝えしていきます。

この記事で分かること

ホームページを実際にアップロードする方法
FTPソフト「Win SCP」の導入方法・使い方

実際にサーバーにホームページをアップロードする手順

ホームページを公開する為には、レンタルサーバーを契約・ドメインの取得・サイトデザインのコーディングデータを用意し、サーバーにアップロードする必要があります。

ホームページを公開する手順

STEP

レンタルサーバーを契約・ドメインの取得

ホームページの公開には、サーバー契約とドメインの取得が必須になります。

今はレンタルサーバーでドメインも取得できるプランがあったりします。

別々で契約・取得すると、それぞれの契約更新やサーバーとドメインを連携させることがとても面倒です…

連携させるだけで1日かかったこともあります…

その為、個人的にはドメインも取得できるレンタルサーバーの契約がおすすめです。

私が契約したのはConoHa WINGというサーバーで契約方法を載せておきますので、参考になれば嬉しいです。

あわせて読みたい

サイト制作ならConoHa WINGが使いやすい！2つ目のドメイン取得注意点も紹介！サイトをネット上にアップロードするには、サーバー・ドメイン・サイトデータが必要になります。今やサイト制作で副業はプロの方も受注している程の人気の仕事になって…

STEP

FTPソフトでサーバーにサイトデータをアップロード

レンタルサーバー契約とドメイン取得を終えたら、ホームページを立ち上げる場所が出来ました。

そうしたらいよいよFTPソフトを使ってサーバーにサイトデータをアップロードしていきます。

今回は「WinSCP」というFTPソフトを使用したアップロードを紹介していきます！

ファイルマネージャーとFTPソフトの違い

ヨメ

レンタルサーバーに「ファイルマネージャー」ってファイルの転送できる機能があるみたいだけど、それじゃダメなの？

「ファイルマネージャー」にサイトのアップロードは向いてないんだよ

各レンタルサーバーには「ファイルマネージャー」というファイル転送機能がありますが、サイトデータのように大量のデータを転送する場合には向いていません。また、レンタルサーバーによっては様々な制限があります。

ファイルマネージャーのデメリット

容量の制限がある
フォルダーのアップロードが出来ない

FTPはファイルの送受信の際に使用するプロトコルで、FTPを利用することで

新しいデータの追加
既存データの上書き更新
サーバー上のデータのダウンロード
サーバー上のデータの削除

といったデータの操作がおこなえます。

その際に使うソフトがFTPソフトです。

一度に大量のデータを送受信できるので、サイトのアップロードにはFTPソフトがおすすめです！

FTPソフト「Win SCP」の導入

ここからは「Win SCP」の導入方法について紹介していきます。

導入の仕方

STEP

ダウンロード

まずはこちらの窓の杜のダウンロードサイトから「WinSCP」をダウンロードします。

アプリ版ではなく、ソフト版をダウンロードします。

窓の杜

窓の杜「WinSCP」SCP/SFTP/FTPS対応のFTPクライアント

クリックするとダウンロードが始まります。

完了したらsetup.exeファイルを開き、インストールを開始していきます。

STEP

インストール

インストーラーが起動したら使用許諾の確認画面が出ますので、許諾をクリックして次に行きます

セットアップ方式では標準なインストール推奨されているものを選択。

STEP

初期設定

次に初期設定を行います。

ここではコマンダーはとエクスプローラーの2種類がありますが「コマンダー」を選ぶ方がおすすめです。

「コマンダー」は上記の画像のように左右にローカル（自分のPC ）とサーバーと分かれているので扱いやすいです。

STEP

完了

インストールをクリックするとインストールが始まり、完了ボタンが出ますのでクリックして終了します

コーディングしたサイトをアップロードする

「WinSCP」が導入出来たら、ホームページのアップロードの手順に入っていきます。

今回は私が契約しているConoHa WINGサーバーとの接続方法を紹介します。

ホームページアップロードの手順

サーバーでFTPアカウントを登録する
サーバーに接続する
ホームページデータをアップロードする

サーバーでFTPアカウントを登録する

FTPを使用する為にサーバーでFTPアカウントを登録する必要があります。

コントロールパネルに入り、「WING」→「サイト管理」→「FTP」を開きます。

「+FTPアカウント」をクリックし、アカウントを登録します。

ユーザー名
パスワード
接続許可ディレクトリ→自分用なら「すべて許可」

「接続許可ディレクトリ」を設定することで作成するFTPアカウントでアクセスできるディレクトリを制限することができます。

複数のWebサイトの管理やWebサイト作成者にFTPアカウントを渡すような際に有効なものになります。

設定する場合は「自由入力」を選択し、入力欄にパスを入力します。

ドメイン名：conohaexample.com直下のディレクトリのアクセス可能にする場合：入力欄に「public_html/conohaexample.com」を入力します

出典：ConoHa WING
ConoHaWING FTPアカウントを作成するより