【初心者歓迎】クライアントサイドとサーバーサイドの違いを解説!!

公開 :

努力という言葉が大っ嫌いな@It_is_Rです。
今回のテーマは、ちょっと細かいテーマですが、難しいこと考えずに気楽にいきましょう!

今回はクライアントサイドプログラムと、サーバーサイドプログラムの違いについての記事です。
大まかに言うと、クライアントのWebブラウザ上で動作するプログラムと、サーバー側で動作するプログラムです。

今回はこの二つを詳しく解説していきます。

クライアント、サーバーとは?

男性
まず、クライアントやサーバーの意味はご存知でしょうか?
もし知っている人は、この部分を読みとばしてしまって構いません。

いくつか意味はありますが、今回はIT用語でいうクライアントやサーバーの意味を解説します。
クライアントとは、簡単に言うとサーバーを利用する側のことをいいます。例えば、今あなたはこの記事をパソコンやスマホ上で読んでいますよね。では、この記事は一体どこに保存されているのでしょう?

答えを言ってしまえば、サーバーに保存してあるデータを、ネットワークを通してあなたのパソコンやスマホにダウンロードして、その画面に表示しています。
ネットワークに繋がり、サーバーを利用したコンピューターやソフトウェアのことをクライアントと呼びます。

つまり、データを提供するコンピューター(サーバー)に、ネットワークで接続され、サーバーを利用しているコンピューター、もしくはソフトウェアがクライアントです。

ここまで理解できたら次へいきましょう!

クライアントサイド

クライアントサイドプログラムは、Webブラウザ上で動作するプログラムのことです。
代表的なものとしてはJavaScriptがあげられます。(Node.jsなど、サーバー側で動作するJavaScriptもあります。)

クライアントサイドプログラムの仕組みとして、クライアント側がサーバーにリクエストすることによって、Webサーバー上のプログラムがクライアント側に送信され、そのプログラムをWebブラウザが実行するという形になります。
サーバーサイドとクライアントサイド

Webブラウザには、インタプリタと呼ばれるプログラムを実行するソフトウェアが組み込まれています。
それを使ってWebブラウザがプログラムを実行するという仕組みです。

サーバーサイド

サーバーサイドプログラムはWebサーバー上で動作するプログラムです。代表的なものにPHP、Ruby、Pythonなどがあげられます。

サーバーサイドプログラムというと、何やら難しいイメージがあるかもしれませんが、仕組みはそれほど難しいものではありません。
クライアントからのリクエストに対し、サーバー側でプログラムを実行し、実行結果をクライアント側へ送るという仕組みです。
サーバーサイドとクライアントサイド

つまり、クライアントサイドプログラムとサーバーサイドプログラムの違いは、ブラウザ上で動作するのか、それともサーバー上で動作するのかの違いです。

サーバーサイドプログラムの利点

女性
クライアントサイドプログラムに対して、サーバーサイドプログラムは厄介に感じる人もいるかもしれません。では、サーバーサイドプログラムの利点とは一体何なのでしょうか?

その利点は、サーバーサイドプログラムがどの様なものに使われているのかを知ることで、自然と分かります。

例えば、このブログにサーバーサイドプログラムが使われています。
ブログのソースを見るとHTML5で書かれてはいますが、実際にはそんな単純なものではありません。

最も重要なのはデータベースから記事のデータを読み込んでいることでしょう。
記事のデータだけではありません。カテゴリーやタグ、ユーザー情報など、様々なデータをデータベースから取り出して、それを元にサーバー上でウェブページを作成してから、クライアント側にデータが送られるのです。

なので、クライアント側でソースコードを見ても、ただ単にHTML5が記述されている様にしか見えないのです。

スポンサードリンク

おすすめの記事♪

Medibang Paint

MediBang Paint Proの使い方。4コマ漫画を描く8つの手順。

[email protected]_is_Rです。 さて、最近は本当にMediBang Paint Proが流行っているから凄いなと思っています。 そこで、今回はMediBang

Medibang Paint

MediBang Paint Proで漫画を1ページだけ描いてみた。

こんばんは。おひさしぶりです。日本は最強だと[email protected]_is_Rです。 さて皆様、漫画はお好きでしょうか。Rは漫画が大好きです。……実は私、小学生の頃は漫画家に憧れていまして、こっそり漫画を描

日本通信のポケモンGO専用SIM「b-mobile ゲームSIM」もうすぐ発売!!

[email protected]_is_Rです。 ポケモンGOが凄く流行ってますね。ニュースを見ていると、ポケモンGOの記事の割合がすごいです。 FREETELの「Pokémon GOパケ

software

【Android対応】SoundCloud Pulseが公開。アカウントを取得してダウンロード!!

上を見上げればソラがある様に、大阪の隣にはナ[email protected]_is_Rです。 今はネットがここまで普及したかという程に普及しましたね。曲を作ったらYouTubeなどにアップロードして、すぐに誰か

Google Drive

MacのGoogleドライブで複数アカウントを切り替える方法。

[email protected]_is_Rです。 オンラインストレージはとても便利ですよね。RはオンラインストレージにMacの大切なデータをバックアップする時によく使用しています。 万が一、持

software

StartNinjaで超簡単にMacの起動音を消す方法。

ダメと言われるとやりたくなる。良いよって言わ[email protected]_is_Rです。 Macを起動する時、「ジャーン!!」という音がなりますよね。なんかこの音、ちょっと良いけど、たかが知れてる

あなたの前世は猫でしょう!

LINEスタンプを販売しよう。販売の手順や方法。

前は、猫より犬派だったけど、猫を飼いはじめて[email protected]_is_Rです。 今回は、LINEスタンプの販売方法について、記事を書いてみたいと思います。 LINEスタンプは、誰

【Vim使い方】行番号を表示&非表示にする方法。

[email protected]_is_Rです。 Vimの使い方、第7回目です。 今回はVimの画面に行番号を表示&非表示にする方法を紹介したいと思います。 前回の記事はこちらに

WordPress|特定カテゴリーに属する記事を一覧表示させる方法!!

今まで、何度かに分けて書いた記事でも、その一[email protected]_is_Rです。 昨日、記事の一覧表示をするショートコードを作って、記事の一覧が欲しい記事にだけ貼り付けてみ

wordpress

WordPress – デフォルトで用意されたショートコード一覧と使い方。

昔は WordPress の画面が真っ白になって、頭も真っ白になったこ[email protected]_is_Rです。 WordPress では、プラグインを使ったりしない限り、投稿記事のなかで php


コメントを残す

メールアドレスが公開されることはありません。


Category

Games