ドメインとサーバー、FTPによるファイルのアップロード【初級第5回-2】

WEBプログラミングと切っても切り離せないものがWEBサーバーとドメインです。
WEBで公開するために不可欠な2つですが、実際どのようなものか把握しておくと、今後の活動に差が出ます。
本講義ではFTPソフトを利用してレンタルサーバへのファイルアップロードを行います。

サーバーとドメイン

サーバーとは

サーバーだったり、サーバだったり、人によって書き方が違うようですが、拘る必要はないです。
そして、サーバーによって細分化されるらしいですが、それも覚える必要もありません。

サーバーはWEB上の土地だと思っておいて問題ありません。

サーバって何?初心者でもわかる4つのサーバの種類 | Marketing Bank (マーケティングバンク)
レンタルサーバーとは?契約からできることを初心者にもわかりやすく解説します | カゴヤのサーバー研究室

ドメインとは

ドメインは、土地に対する住所のようなものです。
土地(サーバー)を用意したのに、どこにその土地があるかわからないと困るので、住所(ドメイン)を割り当てるということです。

ドメインには『com』『net』『jp』『co.jp』など種類があり、それぞれに種類名がありますが、それらを覚える必要はありません。
一応、用途に応じたドメインがありますので、どうしても必要になったときに調べる程度でいいでしょう。

ドメインとは?その意味と企業ホームページとの関係を簡単に解説!
ドメインとは?をわかりやすく解説します | カゴヤのサーバー研究室

サーバーのレンタルとドメイン取得

サーバーを利用する際、よほどの知識や技術がない限りは、レンタルする必要があります。
『レンタルサーバー』で検索するとものすごい数のサーバー会社が出てきますが、最初の内は安いサーバーをレンタルするのが望ましいです。

そして、サーバー会社はドメインの販売も行っています。
所有管理のしやすさを考えて、サーバーとドメインを同じ場所で取得すると想定したうえで、2社紹介します。

サーバーとドメインの契約について

学生、特に高校生の塾生は保護者に相談のうえ、契約を行ってください。
最近のレンタルサーバー会社は契約時にクレジットカード情報が必要な場合が多いです。
そして、何か問題があった際に個人で対応できない場合がありますので、ご家族には理解を得ておいてください。

コアサーバー(CORESERVER)

<初期費用無料> 超高速・高安定レンタルサーバー コアサーバー(CORESERVER)
バリュードメインが運営するレンタルサーバー。
12ヶ月契約で約 198円 / 月という格安価格、さらに初期費用無料と初心者にはありがたいお値段設定。
この安さでWordPressも利用できるらしく、お試しで契約するにはかなり良いものだと言えます。

本講義では、こちらのコアサーバーを利用します

用意されている料金プランは以下になります。
料金プラン | レンタルサーバー CORESERVER(コアサーバー)

ロリポップ!レンタルサーバー

ロリポップ!レンタルサーバー
ご利用実績200万サイト以上という人気レンタルサーバー会社。
月額250円という格安価格でPHPが使えるので、企業HPなどでも多数利用されています。
ロリポップドメインが無料でついてくるので、ドメイン費用0でWEBサイトを立ち上げられる点が魅力。
ただし、ロリポップドメインは他社のサーバーでは使えません

私自身、初めてレンタルしたのがここの会社でしたが、初心者にはわかりやすい管理画面だったり、大きいサービスを作るまではここを利用するのも良いかもしれません。

用意されている料金プランは以下になります。
ご利用料金 – レンタルサーバーならロリポップ!

ムームードメイン

実は、ドメインに関してロリポップでは取得できません。
ロリポップドメインは借り物のため、サーバーとは切り離せない

その為、連携サービスとして『ムームードメイン』を利用する必要があります。
ムームードメイン | 欲しいドメインがすぐ見つかる。

設定は簡易化されているものの、ロリポップと別サービスなので、一括管理ができないという点で不安が残ります。
特に、支払い先が2社による支払い忘れには注意しましょう。

さくらインターネット

さくらインターネット|サーバーホスティングサービス

安定感があり、低価格で充実したサービスを受けられるレンタルサーバー会社。
現在のWEBサイトはこちらのサーバーを利用して運営しています。

ドメインの取得もこちらで行う事ができるので、一括管理という点においてはここが良いかと思います。
ただ、管理画面のデザインが古く、使い勝手が良いかというと何とも言えません。

用意されている料金プランは以下になります。
さくらのレンタルサーバ

格安ドメイン会社

レンタルサーバーの価格は大きな違いはありませんが、ドメインに関しては大きな開きがあります。
長期的に考えると安い買い物ではないので、価格を比べて契約するといいと思います。

有名どころの格安ドメイン会社は以下のように複数あります。
ドメイン取るならお名前.com | 国内シェアNo1
スタードメイン
使えるねっと | ドメイン

これらの会社はドメイン取得時の価格は安いものの、2年目以降の価格は他社とそれほど差がなかったりします

サーバーと別会社でドメインを取得した際には、ドメインをサーバーに割り当てるという操作が必要となりますが、慣れると簡単です。
一度は経験しておいて損はないので、価格を比べて契約する会社を決めてもいいと思います。

ドメインの種類に注意

ドメインによっては100円で取得できものがありますが、サーバー会社によっては、その取得したドメインが使えない場合があります。
「取得しておいて使えなかった」なんてことが無いように、事前に調べてから契約しましょう。

サーバーへのファイルのアップロード

FTPクライアント

FTPクライアントとは、FTPを使用してファイルの送受信を行うクライアントソフトウェアのことである。FTPサーバに接続してファイルをアップロード・ダウンロードすることができる。

FileZilla(ファイルジラ)

サーバーへのファイルのアップロードには、無料のFTPクライアントソフトFileZillaを利用します。
このソフトは、無料でありながら多機能なので使い勝手がよく、広く利用されております。

FileZillaのインストール

FileZilla プロジェクト日本語トップページ – OSDN

ダウンロード>最新リリース>一番上のリンクをクリック
自分の利用しているPCのOSに合ったファイルをクリックし、インストールを実行します。

サーバーの接続設定

  1. 左上メニューのファイルをクリック
  2. メニュー内からサイトマネージャーをクリック
  3. パネル内の新しいサイトボタンをクリック
  4. 名前を入力(何でもよい)
  5. ホストにサーバーホストを入力
  6. ユーザーにユーザー名を入力
  7. パスワードにパスワードを入力
  8. 接続ボタンを入力

接続情報は講義内で渡します

ファイルのアップロード

接続が完了したら、内容はなんでもいいのでhtmlファイルを作成します。
ファイル名は「あなたのローマ字名.html」にしますので、仮で「qomolangma.html」を作りました。
作成したファイルを以下の画像のエリアにドラッグ&ドロップします。

アップが完了したら
http://qomolangma.m48.coreserver.jp/beginner/qomolangma.html
にアクセスし、アップされたファイルの内容を確認します。
~.htmlの部分をアップしたファイル名に変更してください

応用問題

各塾生ごとにディレクトリを作成し、その中に「index.html」ファイルをアップしてみましょう。

ここで問題です。
アクセスすべきURLはなんでしょう?

ここにサーバーの特性が現れてきます。
せっかくサーバーをいじれる機会なので、色々試してみましょう。

まとめ

本講義では、WEBサーバーとドメインの関係、そしてサーバーへのファイルのアップロード方法を学びました。

初めてこれを経験する方は、とても簡単だと感じる事でしょう。
しかしこれは、世界中の人にこれだけ簡単に情報を見せることができてしまうということでもあります。

すべてが自分の責任によって情報が公開できてしまうので、まずはアップロード前に確認、アップロード後にも確認するほどの慎重さを持っておくと良いかもしれません。

自主学習のススメ