キャリアバイトコラム - インターン・インターンシップ情報キャリアバイト

エンジニア

目指せ、文系エンジニア!文系大学生にもわかりやすいIT・WEBの基礎知識【基本編②】

  • このエントリーをはてなブックマークに追加
目指せ、文系エンジニア!文系大学生にもわかりやすいIT・WEBの基礎知識【基本編②】 文系大学生でもわかるIT・WEBの基本知識シリーズ第二弾!
IT・WEB業界に就職する学生が多い一方で、学生が意外と知らないIT・WEBの基本知識を、文系大学生でもわかりやすいようにお伝えします。

今回は、インターネットを中心に「WEBの基本知識」を学んでいきます。

WEBとは


前回のおさらいですが、WEBとは「インターネット上の情報を見れるように公開する仕組み」のことです。
今回は、インターネットの仕組みという事で、「アクセスまでの流れ」と「WEBサイトの表示の仕組み」についてお話しします。

※前回コラム:WEB初心者は必見!文系大学生にもわかりやすいIT・WEBの基礎知識【基本編①】

インターネットのアクセスまでの流れ


1387505121-6qfYwLEdWt
インターネットとユーザーをつないでいるものは、主に「ネットワーク(通信回線)」と「ブラウザ」の二種類があります。

ネットワーク(通信回線)


パソコン、スマホなどの端末(デバイスともいう)とインターネットをつなぐもののこと。無線LANや3G回線、LTEなどというものがこうした通信回線に当たります。
回線速度というのは、「端末とインターネットの間で通信回線が、情報を転送する(受け取る、あるいは送り出す)速度」のことで、早いほど表示速度やインターネット上の操作がスムーズになっています。

ブラウザ


Internet Explorer、Google Chrome、Firefox、Safariなど、インターネットを表示するためのソフトのこと。機能や立ち上がるまでの速さ、デザインなどが異なり、好みによって使い分けられています。

また、WEB関連の技術が日々進歩している中で、ブラウザも日々更新されており、最新のWEB技術に対応しているブラウザのことをモダンブラウザ、それ以外の未対応のブラウザのことをレガシーブラウザと呼んでいます。

レガシーブラウザだとWEBサイトの表示が崩れやすく、WEBサイトを制作する場合は注意が必要です。
Facebookなどもモダンブラウザでないと起動できないので、できればモダンブラウザを使用するようにすると良いでしょう。

また、スマートフォンではブラウザだけではなく、Android、iOSなどOSや機種ごとにも表示される色や表示が異なり、本格的なスマホサイト制作の際には機種ごとに表示してみてチェックする必要も出てきています。

WEBサイトの表示の仕組み


1387512603-fzVFEoYnzv
「WEBサイトが表示される仕組み」に関しても、勉強していきましょう。
まずは、WEBサイトがどのような仕組みで表示されているのか、簡単に図にしてみました。

上の図を簡単に補足すると、WEBサイトのページが表示されるポイントとなるのは「サーバ」「ドメイン」の二つです。

◆サーバ
1387513239-5tnTqIaCTN
データ、機能を提供するソフトウェアのこと。
上の図のようなハードウェアを意識しがちですが、これはそうした機能を稼働させている機器になります。

ここではコンピュータ上に保存されているWEBサイトのデータを読み込み、組み合わせて、ユーザーの要求に沿ってWEBサイトを提供する機器です。
インターネットを通じて見ることができるWEBサイト/サービスは、こうしたサーバーから提供されています。

◆ドメイン
1387513277-7oJ18uVwe1
インターネット上の住所のこと。サーバーやPCなど、インターネットにつながるハードはそれぞれIPアドレスと呼ばれる住所をもっており、そこに保存されているWEBサイトもそのアドレスを持ちます。
例)IPアドレス=123.786.2.8

しかし、数字ばかりで覚えづらい。そこでインターネット上で使われるのが、ドメインになります。
ちなみに、キャリアバイトでいうところの、http://careerbaito.comの部分。
※.co.jpや.comなどドメイン名の一覧は、こちら(外部リンク)

つまり、「ユーザーがサーバーにWEBサイトのデータを要求し、サーバーがインターネットを介してユーザーにデータが送る」という形でWEBサイトが表示されています。

※上記のアクセスの流れは簡略化して書いてあるので、詳しくはこちら(外部リンク)がわかりやすいです。

最後に


これまで仕組みや全体像の話ばかりで、面白みがないかと思いますが、次からはいよいよ「WEBサイトの成り立ち」ということで、プログラミング言語が登場してきます。
ここまでの基本知識をしっかり押さえた上で、次の「WEBサイトの成り立ち」を勉強していきましょう!

次回は、12/24(火)クリスマスイブの更新です!
ご意見やわからないことは、@careerbaitoまで。
下のソーシャルボタンからも、受け付けています!

WEBとは


前回のおさらいですが、WEBとは「インターネット上の情報を見れるように公開する仕組み」のことです。
今回は、インターネットの仕組みという事で、「アクセスまでの流れ」と「WEBサイトの表示の仕組み」についてお話しします。

※前回コラム:WEB初心者は必見!文系大学生にもわかりやすいIT・WEBの基礎知識【基本編①】

インターネットのアクセスまでの流れ


1387505121-6qfYwLEdWt
インターネットとユーザーをつないでいるものは、主に「ネットワーク(通信回線)」と「ブラウザ」の二種類があります。

ネットワーク(通信回線)


パソコン、スマホなどの端末(デバイスともいう)とインターネットをつなぐもののこと。無線LANや3G回線、LTEなどというものがこうした通信回線に当たります。
回線速度というのは、「端末とインターネットの間で通信回線が、情報を転送する(受け取る、あるいは送り出す)速度」のことで、早いほど表示速度やインターネット上の操作がスムーズになっています。

ブラウザ


Internet Explorer、Google Chrome、Firefox、Safariなど、インターネットを表示するためのソフトのこと。機能や立ち上がるまでの速さ、デザインなどが異なり、好みによって使い分けられています。

また、WEB関連の技術が日々進歩している中で、ブラウザも日々更新されており、最新のWEB技術に対応しているブラウザのことをモダンブラウザ、それ以外の未対応のブラウザのことをレガシーブラウザと呼んでいます。

レガシーブラウザだとWEBサイトの表示が崩れやすく、WEBサイトを制作する場合は注意が必要です。
Facebookなどもモダンブラウザでないと起動できないので、できればモダンブラウザを使用するようにすると良いでしょう。

また、スマートフォンではブラウザだけではなく、Android、iOSなどOSや機種ごとにも表示される色や表示が異なり、本格的なスマホサイト制作の際には機種ごとに表示してみてチェックする必要も出てきています。

WEBサイトの表示の仕組み


1387512603-fzVFEoYnzv
「WEBサイトが表示される仕組み」に関しても、勉強していきましょう。
まずは、WEBサイトがどのような仕組みで表示されているのか、簡単に図にしてみました。

上の図を簡単に補足すると、WEBサイトのページが表示されるポイントとなるのは「サーバ」「ドメイン」の二つです。

◆サーバ
1387513239-5tnTqIaCTN
データ、機能を提供するソフトウェアのこと。
上の図のようなハードウェアを意識しがちですが、これはそうした機能を稼働させている機器になります。

ここではコンピュータ上に保存されているWEBサイトのデータを読み込み、組み合わせて、ユーザーの要求に沿ってWEBサイトを提供する機器です。
インターネットを通じて見ることができるWEBサイト/サービスは、こうしたサーバーから提供されています。

◆ドメイン
1387513277-7oJ18uVwe1
インターネット上の住所のこと。サーバーやPCなど、インターネットにつながるハードはそれぞれIPアドレスと呼ばれる住所をもっており、そこに保存されているWEBサイトもそのアドレスを持ちます。
例)IPアドレス=123.786.2.8

しかし、数字ばかりで覚えづらい。そこでインターネット上で使われるのが、ドメインになります。
ちなみに、キャリアバイトでいうところの、http://careerbaito.comの部分。
※.co.jpや.comなどドメイン名の一覧は、こちら(外部リンク)

つまり、「ユーザーがサーバーにWEBサイトのデータを要求し、サーバーがインターネットを介してユーザーにデータが送る」という形でWEBサイトが表示されています。

※上記のアクセスの流れは簡略化して書いてあるので、詳しくはこちら(外部リンク)がわかりやすいです。

最後に


これまで仕組みや全体像の話ばかりで、面白みがないかと思いますが、次からはいよいよ「WEBサイトの成り立ち」ということで、プログラミング言語が登場してきます。
ここまでの基本知識をしっかり押さえた上で、次の「WEBサイトの成り立ち」を勉強していきましょう!

次回は、12/24(火)クリスマスイブの更新です!
ご意見やわからないことは、@careerbaitoまで。
下のソーシャルボタンからも、受け付けています!
  • このエントリーをはてなブックマークに追加

関連するおすすめ記事

これもビジネスマナー!?男性のネイル事情
服装、髪型

これもビジネスマナー!?男性のネイル事情

もうインターンの定義に惑わされない!インターン種類別解説
インターンについて

もうインターンの定義に惑わされない!インターン種類別解説

【就活面接やOB・OG訪問へ行く前に】社会人へのメールマナー、大丈夫ですか?~御礼メールを送ろう~
お礼状、メール

【就活面接やOB・OG訪問へ行く前に】社会人へのメールマナー、大丈夫...

商社に就職したい学生がインターンをするべき理由。
その他

商社に就職したい学生がインターンをするべき理由。

意外と知らない!?Web業界の代表的な5つの職種のその役割
エンジニア

意外と知らない!?Web業界の代表的な5つの職種のその役割

もうキャパオーバーにならない!インターンで期日までに多くの仕事をこなすための3つのコツ
心構え、行動

もうキャパオーバーにならない!インターンで期日までに多くの仕事を...

知りたいことなどを入力してください

新着インターンシップ

東京都

アウモ株式会社(グリー100%子会社)

NEW!

おでかけメディア『aumo』のコンテンツ制作&編集スタッフを大募集!! 最新の旅行スポットやグルメ情報をWebメディア・・・

東京都

株式会社講談社

NEW!

【会社】 変化と革新が続く出版界。100年の歴史を持つ講談社ですが、デジタルへの挑戦は業界随一と自負しています。もっと・・・

東京都
私たちと一緒に会社を盛り上げていきましょう!

株式会社じょぶれい(コンサルティング業務)

NEW!

▼このインターンの魅力  ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ 家電量販店・携帯ショップ・モールなどで、店員さんに相談して解決できた・・・

東京都
社内は風通しが良く、メンバーの仲もいいです!

株式会社じょぶれい(プロモーション業務)

NEW!

▼どんなインターン  ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ 家電量販店、携帯ショップ、モールなどで抽選会やビンゴ大会をいたことはありませ・・・

東京都
日本と海外の架け橋として非常にやりがいのある仕事です。

株式会社CyberZ【海外事業部】(サイバーエージェントグループ)

NEW!

【海外事業について】 昨今、海外スマホプロモーションのニーズは非常に多くなっており、 企業のグローバル進出が急激に進・・・