今更聞けない。Webサイトのアップロード方法。FTPって何?

  • URLをコピーしました!

「Webサイトをアップロードする」と聞くと、初心者の方は少し難しそうに感じるかもしれません。でも実は、適切なツールと手順を知っていれば簡単にできます。その中でもよく使われる方法が FTP(File Transfer Protocol) を使ったアップロード・ダウンロードです。人気のFTPクライアントソフト「FileZilla」を使った具体的なアップロード手順を行います。

目次

FTPとは?

FTP とは、インターネットを介してコンピュータ間でファイルを転送するためのプロトコル(通信規約)の一つです。このサイトでも紹介しているウェブデザイン技能検定の学科にもよく登場するプロトコルです。パソコンからサーバーにファイルを送るための仕組みを指しています。Webサイトを公開する際は、FTPソフトを使って簡単に、HTMLやCSSファイル、画像などをサーバーにアップロードします。

FTPソフトを使うメリット

  • ファイルを一括で簡単にアップロード・ダウンロードできる。
  • サーバー上のファイルを直接編集したり削除できる。
  • ほとんどのレンタルサーバーがFTPに対応している。

サーバーのコントールパネルに準備されているFTPツールがあります。これらのツールは、サーバーにもよりますが、ファイルが一度に5つまでとか制約も多いため、不便に感じることもありますので、Web制作者としては、FTPソフトは準備しておきましょう。

SFTPとは?
SFTP(SSH File Transfer Protocol)とは、サーバーとの間でファイルを送受信するための通信プロトコルで、Secure File Transfer Protocol(安全なファイル転送プロトコル)です。サーバー側では、ftp/sftpという記述になっているところが多いです。

必要なもの

Webサイトをアップロードするために以下のものを準備します

  1. FTPクライアントソフト
    • サーバーと通信してファイルを転送するツール。おすすめは FileZilla(無料で使いやすい)。
  2. FTPアカウント情報(サーバー側から提供される)
    • ホスト名(FTPサーバー)
    • ユーザー名
    • パスワード
    • ポート番号(FTP:21 SFTP:22)
  3. アップロードするWebサイトのファイル
    • 例:index.htmlstyle.css、画像ファイルなど。

FileZillaを使ったアップロード手順

以下では、FileZillaを使ってWebサイトをアップロードする方法を解説します。

FileZillaのインストール

まずは、公式サイトからFileZillaをダウンロードしてインストールします。
公式サイト:https://filezilla-project.org/

FTPアカウント情報の準備

レンタルサーバーから提供されたFTP情報を手元に用意しましょう。

  • ホスト名:ftp.example.com
  • ユーザー名:example_user
  • パスワード:password123
  • ポート番号:21

まずはFileZillaにクイック接続をしてみる

FileZillaを起動し、以下の手順で接続設定を行います:

  1. 上部の「クイック接続」バーにFTP情報を入力。
    • ホストftp.example.com(例)
    • ユーザー名example_user
    • パスワードpassword123
    • ポート:21
  2. 「クイック接続」をクリック。

接続成功時した場合は、画面右側にサーバー側のフォルダ構造が表示されます。

クイック接続は一度きりの接続なので、毎回サーバーに接続する必要がある時は、サイトマネージャーより接続を登録する必要があります。

サイトマネージャー

下図の左上 メニューバー>ファイルの下にあるサイトマネージャーのアイコンをクリックします。

新規サイトのところにサーバー名を入れ、右のホスト・ユーザー・パスワードを入力して接続します。サイトマネージャーで登録された内容は保存されるので、次回から、この画面を開き接続することが可能です。

ファイルをサーバーにアップロード

  1. FileZillaの左側にはあなたのパソコンのフォルダ、右側にはサーバー上のフォルダが表示されます。
  2. サーバーの「公開用フォルダ」(通常はpublic_htmlwww)を開きます。
  3. アップロードしたいファイル(例:index.html)を左側から右側にドラッグ&ドロップします。
  4. フォルダごとアップロードすることも可能です。

5. アップロードの確認

ブラウザで自分のドメイン(例:https://example.com)にアクセスし、Webサイトが正しく表示されるか確認します。

FTPでアップロードした際に起こりがちなこと

接続できない場合は?

  • ホスト名やユーザー名、パスワードが正しいか確認してください。
  • ファイアウォールやセキュリティソフトが通信をブロックしていないか確認。

アップロードしたのに反映されない?

  • ファイルを正しいフォルダ(public_html など)にアップロードしているか確認。
  • ブラウザのキャッシュをクリアしてリロードしてください。

FTPを使ったWebサイトのアップロードは、一見難しそうに見えますが、FileZillaのようなツールを使えば非常に簡単です。一度手順を覚えれば、今後のサイト運営や更新もスムーズに進められるようになります。

またアップロードに限らず、サーバーからのダウンロードも可能です。

よかったらシェアしてね!
  • URLをコピーしました!
目次