【初心者向け】Webデザイナーが最低限伝えたいサーバーの基本

Web制作で必ず出てくる「サーバー」という言葉。

ただ、Web初心者には、システム周りはいまいちピンとこないですよね。

この記事では、非エンジニアのWebデザイナー向けに、「Web制作に関わるなら、ここまでは知っておくといい」というラインを目指して、サーバーの基本を解説します。

サーバーってなに？ 役割を知ろう

Webサービスはすべてサーバー上で動いている

現代は、インターネットを通じて情報をやり取りする時代です。

その情報を管理して、データのやり取りを支えているのがサーバーです。

SNSやネットショッピング、銀行のATM、オンラインゲームなど、私たちが利用しているオンラインサービスは、すべてサーバーを介して動いています。

サーバーにデータを置き、
サーバー上でプログラムを動かし、
サーバーを通じてサービスを提供する。

この仕組みがあるからこそ、私たちはいつでも同じサービスを使うことができます。

サーバーは、データの保管庫

サーバーは、インターネット上にある「データ置き場」のような存在です。

例えば、Googleフォトに保存している写真や、SNSに投稿した写真・文章のデータは、クラウド（インターネット）にアップしているというイメージは皆さん持っていると思いますが、具体的にいうと、すべてサーバー上に保存されています。

私たちは普段あまり意識していなくても、インターネットを使うたびに、サーバーにデータを預けながら生活しています。

サーバーに置くと世界中からアクセスできる

例えば、あなたのパソコンの中に、Webサイトのデータ（HTMLファイルや画像ファイル）が入っているとします。

この状態では、そのファイルは基本的に自分のパソコンからしか見ることができません。

一方、サーバーにデータを置くと、インターネットを通じて、世界中の人がそのデータにアクセスできます。

インターネット上には、世界中に無数のサーバーが存在していて、私たちが普段見ているWebサイトは、その中のどれか一つに保存されているデータです。

サーバーは物理的に存在している

サーバーはクラウド上の存在のように思われがちですが、実際には個人や企業が用意した「物理的な機械」です。

サーバーの実態イメージはこんな感じです。

見た目は普通のパソコンとよく似ています。この中に、実際のWebサイトのデータや各種情報が保存されています。

なので、この装置が物理的なダメージを受けて故障すると、中のデータも失われる可能性があるため、必ずバックアップ体制が取られています。

データーセンターとは

このような写真を見たことはないでしょうか。

これは、数百台から数千台、場所によっては数万台ものサーバーをまとめて管理している施設で、データセンター（DC）と呼ばれています。

温度管理や電源、セキュリティが徹底され、24時間安定してサーバーを動かせる環境が整えられています。

サーバーは処理できる容量の限界があり、アクセスが集中するとサーバーダウンしてしまうことがあります。

一時的に話題になった企業サイトが急に見られなくなるのは、このケースです。

そのため、大規模なWebサービスでは高性能なサーバーと信頼性の高いデータセンターが欠かせません。

　

サーバーは「データを提供する存在」

サーバーは、ただデータを置いておくだけの「保管庫」ではありません。

サーバーの役割は、ユーザーからのリクエストに応じて、「必要なデータを提供すること」です。

例えば、ユーザーが「このホームページが見たい」というリクエストを送るとします（具体的には、ブラウザにURLを入力する行為）

サーバーは、その要求を受け取り、中に保存されているデータを取り出して、ユーザーのブラウザに返しています。

これがサーバーの仕事です。

Webサイトが表示されるのも、
画像が読み込まれるのも、
ページを更新すると内容が変わるのも、
すべてサーバーが「提供」しているから成り立っています。

　

サーバーにはいろいろな種類がある

サーバーは多くの要求に応えるべく、目的に応じていろいろな種類に分かれています。

例えば、Webサイトのデータを扱うのが「Webサーバー」、メールの送受信を行うのが「メールサーバー」です。

どのサーバーになるかは、サーバーにどんな役割のソフトをインストールするかで決まります。

Webサーバーが欲しければ、Webサーバー用のアプリケーションをインストールするというイメージです。

Web制作で、Webデザイナーが主に関わるのが、「Webサーバー」です。

Webデザイナーが一番関わるのは「Webサーバー」

Webサーバーは、HTMLやCSS、画像、プログラムファイルといったWebサイトをつくるためのファイルを保存して、ユーザーに提供する役割を持っています。

私たちが ChromeやSafariでWebサイトを見ているとき、裏側ではWebサーバーからデータが送られてきているんです。

作ったデータは「Webサーバー」にアップロードする（FTP）

パソコンの中で制作している状態を「ローカル環境」と呼び、この段階では基本的に自分しかWebサイトを見ることができません。

Webサーバーにデータをアップロードしてはじめて、インターネット上に公開され、第三者が閲覧できるようになります。

この一般公開された状態を「本番環境」と呼びます。

このデータを送る仕組みがFTPです。

「FileZilla」などのFTPソフトを使い、ローカルからサーバーへデータを転送します。

アップロード＝FTPでサーバーにデータを届けることと覚えておきましょう。

最近は、保存するだけでサーバーへ反映されるツールも多く、FTPソフトを使わないシーンも増えています。でも「手元のローカルデータをサーバーという箱に届ける」という基本は変わりません。最もシンプルで直接的な届け方がFTPです。

なお、WebデザイナーがWebサーバーを使う時によくあるトラブルが、

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

「本番環境を書き換えてしまった」

といったトラブルです。特に上書き保存には要注意です。

サーバーとドメインの関係

ドメインとは

Webサイトにはドメインという名前がついています。

このサイトで言うと、「fukufuku-life.com」がドメイン名です。

ドメインとサーバーは別もの

ブラウザのURL欄にドメインを入力すると、そのサイトが表示されますよね。

インターネット上のサーバーには、それぞれ「IPアドレス」という数字の住所が割り当てられています。

コンピュータはこのIPアドレスを使って通信しています。

でも、数字だけでは人間には覚えにくいですよね。そこで、看板として「ドメイン名」が必要になります。

この「看板（ドメイン）」と「住所（IPアドレス）」を紐づけているのが、DNSというシステムです。

DNSはサーバーとドメインをつなぐ役割

ユーザーがドメインを入力すると、DNSが対応するサーバーを調べて正しい場所へ案内します。

ドメインとサーバーは、もともと別ものであり、セットなわけではありません。

たとえば、「ドメインはそのままで、サーバーだけ別の会社に変える」といったことは、Web制作ではごく普通にあります。

DNSは、ドメインとサーバーをつなぐ案内役のような存在だと考えるとわかりやすいです。

SSLについて

SSL（Secure Sockets Layer）は、「情報の盗み見や改ざんを防ぐための暗号化通信」のことです。

URLの、「http://」が「https://」になっているサイトは、SSLが有効になっています。

現在のWebサイトではSSLは必須で、未対応の場合は警告表示が出たり、SEO面でも不利になります。

Webサーバーの選択肢はいくつかある

Webサイトを公開するためのWebサーバーには、いくつかの選択肢があります。

企業のWebサイトでは、社内サーバーやAWSなどのクラウドサーバーを使うケースが多く、構築や管理はエンジニアが担当するのが一般的です。

一方、個人サイトや小規模サイトでは、管理の手間が少ないレンタルサーバーがよく使われます。

初心者はまずレンタルサーバーから

レンタルサーバーとは、サーバー会社からWebサーバーの一部を借りて使うサービスです。

管理やメンテナンスは提供側が行い、利用者はデータを置くだけでWebサイトを公開できます。

そのため、サーバーに詳しくなくても、簡単にWebサイトを公開できます。

セキュリティ対策も整っており、高性能なサーバーを比較的安価に利用できるのもよい。

例えば、このブログは「Xserver 」というレンタルサーバー上にあります。

私はXserverに利用料を支払い、サーバーの一部をレンタルして、このサイトを運営しています。

まとめ

以上、サーバーについて基本的な知識をまとめました。

なんとなくでもイメージが湧いてもらえたら嬉しいのですが…。

Webデザイナーが実際に関わるのは、主にサーバーへデータをアップロードする部分です。

ただ、フリーランスになると、サーバー選びの相談や移転（引っ越し）、ドメイン契約のサポートなどを任される場面も出てくるかもしれません。

まずは初心者向きのレンタルサーバーに実際に触れてみるだけでも、十分な勉強になりますよ。