1. HOME
  2. »
  3. ニュース
  4. »
  5. 【初心者歓迎】クライアントサイドとサーバーサイドの違いを解説!!

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

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

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

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

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

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

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

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

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

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

クライアントサイド

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

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

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

サーバーサイド

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

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

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

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

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

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

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

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

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

スポンサードリンク

関連コンテンツ

オススメ記事

developing my games

男性が海の世界へと迷い込む!?人魚ストーリーのゲーム開発中です。

こんにちわ。現在様々な方面からゲーム開発中の@It_is_Rです。 今回はRが今、超頑張って制作中のゲームについて書いてみようと思います。 今開発中のゲームは横スクロールアクションゲームと、人

【罵倒少女】女の子に罵られたいなら急げ!!ボイス付きAIが公開中!!

そのうちコンピュータが人を作ってしまう時代が来るかもしれませんね。@It_is_Rです。 8月4日、期間限定で罵倒少女というAIがpixiv上で公開されました。 このAIの最大の特徴は、返って

格安SIM 24社の比較2017!! SMS が使えれば通話はいらない!!

最近スマホ変えました。 @It_is_R です。 この頃は LINE など、 SMS が必須のアプリが増えています。 前は、 SMS なしの格安 SIM を使っていましたが、 LINE が使え

illust

【監獄学園の千代役】武田玲奈さんの似顔絵描いてみました。

久しぶりにペンタブを握った@It_is_Rです 監獄学園-プリズンスクール-のアニメが終了し、ドラマが少し前に始まりましたね。とても楽しく拝見させていただいております。 そんな訳で、今回はドラ

LINE

LINE着せかえ販売がもうすぐ可能!クリエイター必見!!

LINEを使って会話する相手がいない。@It_is_Rです。 数年前、スマートフォンアプリである「LINE」が誕生し、メールよりもLINEを使うひとも多くなりました。 LINEで特徴的なのが、

chuwi

CHUWI hi8 Proを購入したので、使用方法とレビューを書いてみました

中華料理が最高に美味い。@It_is_Rです。 中国へ行ったことはありますか? 「社長さーん!」と声をかけられながら、ケンタッキーのパクリっぽい店に行くのが日常になります。はい。 そんな

クリエイターなら知っておくべし、有益な情報サイトまとめ10選!!

レバテッククリエイターにて、私が書いた記事「MediBang Paint Proで漫画を1ページだけ描いてみた。」を、紹介していただきました。@It_is_Rです。 レバテッククリエイターは、デ

R-hanrio

ちゃんりおメーカーで作る自分自身のキャラクターの作り方。

言うまでもなく、@It_is_Rです。 今流行りのちゃんりおメーカーを知っていますか? ちゃんりおメーカーとは、サンリオが提供する、自分自身のキャラクターをサンリオ風に作ることができるサービス

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

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

前は、猫より犬派だったけど、猫を飼いはじめてから、よく分からなくなった@It_is_Rです。 今回は、LINEスタンプの販売方法について、記事を書いてみたいと思います。 LINEスタンプは、誰

【無料あり】アニメが見れる動画サービスまとめ11選!!

アニメはこち亀が一番好きだった。。。@It_is_Rです。 最近はテレビでアニメを見ることが少なくなりました。ネットで見れてしまうので。。。 そんなわけで、今回はネット上でアニメが観れるサイト

コメントをどうぞ!

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




オリジナルゲーム.com