どうも！初めましての方は初めまして、初心者のWebサイト勉強のとみーです！
自分のサイトを作ってみたいな〜！
と思ったときに、まず最初に知りたいのが
そもそもどうやって作るの？
ということですよね。
とみーもこのサイトを作るときに色々調べたのをよく覚えています。
この記事を読めば、どういう流れでサイトを作るのかがわかります！
基礎知識：Webサイトが見られる仕組み
Webサイトを作成するにあたって、まずは簡単にその仕組みについて見ていきましょう。
の３つがキーワードです。
順番に見ていきましょう！
WebページはHTMLファイルに書かれている
Webサイトは、Webページが集まってできています。
そして、普段わたしたちが見ているWebページの情報は HTML という特別なファイルに書かれています。
HTML には、「こういう内容を画面に表示してね！」という指示が書かれています。
つまり、
HTMLファイルを作ること
ということになります。
そのため、Webページを見るということは、どこかに保存されているHTMLファイルを見るということです。
HTMLファイルはWebサーバーに保存されている
その答えは、Webサーバーというコンピューターです。
Webサイトでやり取りをするファイルを保管しているコンピューター
Webサーバーはサイトに必要なファイルを保管するだけでなく、世界中に公開するという役割もあります。
サイトのHTMLファイルをWebサーバーに保管しておくことで、世界中の人がそのサイトを見れるようになるのです！
Webページを見るために使うGoogle ChromeやSafariなどのWebブラウザは、実は裏でWebサーバーから必要な情報を受け取っています。このおかげでWebサイトが見れるのですね。
参考 Webサーバーについてもう少し詳しく知りたい方は、こちらの記事をご覧ください。
Webサーバーはコンピューターなので、置き場所が必要です。
Webサーバーがある住所＝ドメイン
その答えとなるのが、ドメインです。
ドメインは、インターネット上の住所とよく呼ばれます。
Webサーバーがある住所。Webサイトに必要なファイルが保存してある場所の名前。
現実世界の住所のように世界中に同じドメインは1つしか存在しないため、ドメインがわかればどのWebサイトかということがわかります。
ドメイン名の付け方には一定の規則があり、よく見る形としては「〜.com」や「〜.co.jp」といったものがあります。
例えば、google.comはGoogleのサイトと、microsoft.comはMicrosoftのサイトと紐づいています。
住所がわかればその場所に行って必要な情報にアクセスできるという仕組みですね。
参考 ドメインについてもう少し詳しく知りたい方は、こちらの記事をご覧ください。
ここまでのまとめ：Webサイト制作に必要なもの
以上をまとめましょう。
Webサイトを作成するためには、
- Webページの内容を記述するHTMLファイル（＋それを作成する知識・技術）
- 各種のファイル・情報を保管するWebサーバー
- Webサーバの住所となるドメイン
の3つが必要です。
HTMLファイルはWebページの中身にあたる部分なので、サイトを更新するたびに新しいファイルを作成したり、既存のファイルを更新したりしていくことになります。
Webサイトを制作するまでの具体的な流れ
ここまでで基礎知識が押さえられたので、ここからは具体的な流れを見ていきましょう。
以下のステップでサイトを作ることができます。
- STEP１Webサーバーを用意する
- STEP２ドメインを取得する
- STEP３Webサイトのコンテンツを作成する
１つずつ解説します。
STEP１：Webサーバーを用意する
まず初めに行うのが、Webサーバーの用意です。
Webサイトを見られるようにするためには、元となるHTMLファイルの置き場が必要だからです。
Webサーバーを用意する方法は、
の2種類があります。
自前サーバ
自分でWebサーバーを用意することもできますが、用意するにあたって必要な知識や準備しなければならないものが多く、初心者にはハードルが高いと思われます。
残念ながら、現在の管理人とみーの知識は自前サーバについて解説できるレベルにありません。
むしろ不十分な知識で自作してしまうと、セキュリティなどの多くの面で管理が大変になってしまいます。
レンタルサーバー
管理人のとみーと同じレベルの初心者の方は、レンタルサーバー会社と契約してサーバーをレンタルする方が断然簡単でおすすめです。
レンタルサーバー会社は多数のサーバーを保有しており、空きサーバーをレンタルで貸し出しています。
会社が保有するマンションの空室がサーバで、その1室をレンタルするような感じです。
レンタルサーバー会社は、エックスサーバー、ロリポップ！、さくらのレンタルサーバという3社が大手となっており、これらに加えて新参で成長中のConoHa WINGなどがあります。
サーバーのレンタルに必要な料金
レンタル料金は契約する会社によって多少違いはありますが、月額数百円〜数千円程度のプランが多いようです。
機能に制限があるものの無料で契約できるレンタルサーバーもあります。
とりあえずお金をかけずにやってみたいという人は、無料レンタルサーバーから初めてみるのもいいでしょう。
サーバーのレンタル方法
参考 Webサーバーをレンタルする方法は、下の記事にまとめてあります。
サーバーが用意できたら、Webページのもとになるファイルを置く場所が確保できたことになります。
STEP２：ドメインを取得する
Webサーバーが用意できたら、ドメイン管理会社を通じてWebサイトのドメイン（住所）を決めていきます。
Webサーバーがあってもその住所がわからなければ、誰も辿り着くことはできないですよね。
レンタルサーバー会社はドメイン管理会社と提携していることも多く、その場合はサーバーをレンタルする際にドメイン取得まで手続きできることがあります。
そうでない場合は別途ドメイン管理会社で契約します。
ドメイン取得に必要な料金
「〜.com」や「〜.net」などのドメインの種類によって料金は大きく異なってきますが、おおよそ年額数百円〜2,000円程度の幅に収まっています。
つまり、早い者勝ちということです！
ドメインの取得方法
参考 ドメインを取得する方法は、下の記事にまとめています。
ドメインが取得できたら、そのドメインを使ってWebサーバーにアクセスできるようになります。
STEP３：Webサイトのコンテンツを作成する
が準備できたら、あとはWebサイトの中身となるHTMLファイルを作成していきます。
Webサーバをマンションの1室と考えると、これは部屋の装飾や家具の搬入といった作業に相当します。
ここではもう少しHTMLファイルについて理解を深めましょう。
文章構成を定めるHTMLファイル
HTMLファイルには、文章の内容とその構造が記述されています。
どういう文章を表示し、どの文字が見出しでどこからどこまでが段落なのか…といったことがこのHTMLファイルで定められます。
そのため、HTMLの基本的な書き方を習得しなければWebページを作ることができないということになります。
さすがにこれではハードルが高いので、HTMLについて勉強しなくてもいいように便利なソフトウェアが用意されています。
HTMLを知らなくてもサイトが作れるWordPress
それが WordPress です。
WordPress を用いると、
HTMLの知識がなくても簡単に記事を作成・更新できる
ようになります。
それ以外にも以下のような利点があります。
WordPress を利用すると、HTMLを書くことなくボタン操作だけでWebサイトを作れます。
WordPress を使う場合は Web サーバー上にインストールする必要がありますが、現在ではレンタルサーバーを契約するとその管理画面から簡単にインストールできるようになっていることが多いです。
参考 ConoHa WINGのWebサーバーを契約したときにWordPressをインストールする方法は、下の記事で解説してあります。
絶対にお金をかけたくない場合は無料ブログ
ここまで読んできてこう思った方が中に入るかもしれません。
WordPressっていうのを使えば色々できるのはわかったけど、お金はかけたくない…。
お金をかけたくない場合は
などの無料ブログサービスを使うという選択肢があります。
この場合はすでにサイトを持っている会社のスペースを無料で貸してもらうという形になります。
自由にカスタマイズできる部分は減ってしまいますが、お金を１円もかけたくないという場合はこちらの方がいいかもしれません。
参考 具体的にWordPressと無料ブログサービスのどちらが自分に向いているかは、こちらの記事にまとめてあるのでぜひ参考にしてみてください。
まとめ：サーバーやドメインについて詳しく知りたい方は
初心者がWebサイト（ブログ・ホームページ）を制作するにあたって必要なのは、以下の3つです。
大まかな流れは掴めたでしょうか？
流れが掴めたら、次のステップはWebサーバー、ドメインに関してもう少し理解を深めましょう！
コメント