皆さま引き続きコロナには気をつけてお過ごしください!

クライアントサイドとサーバサイドの違い

クライアントvsサーバー WordPress


WordPressで使われているプログラミング言語はPHPです。

 

WordPressには、数多くのテーマや、プラグインがあるため、

HTML、CSS、JavaScript、PHPを知らなくても、サイトは作れます。

 

でも、自分りゅうにカスタマイズしたいとか、

自分に合うプラグインが見つからないといったようなときに、

スキルがあるとないとではだいぶ差がつく気がします。

 

今回は、PHPなどを学ぶ前提ぜんていとなる、クライアントサイドとサーバサイドについて説明したいと思います。

 

スポンサーリンク

クライアントサイド

HTMLやCSS、JavaScriptは、次の3つさえあれば開発はできます。

  • PC
  • ブラウザ
  • テキストエディタ

HTMLで書かれているサイト、クライアント(ここではブラウザともいえる)上で動きます。

HTMLもCSSも、テキストファイルです。

HTMLで書かれているサイトは、
サーバ上に保存されているファイルをそのままクライアントで表示をさせています。

ですので、基本的には誰が見ても同じサイトになっています。

 

ユーザによって表示を変えたい場合、JavaScriptなどを使うことで実現可能となります。

いずれもクライアント側で動作どうさするため、

クライアントサイドのプログラムと言います。

クライアントサイド

 

例えば、問い合わせ画面をイメージしてみてください。

返信のため、メールアドレスを入力することがありますが、

入力らんにひらがなを入れたらどうなるでしょうか?

 

入力後、次の項目の入力のためにカーソルを移動すると、

このようなメッセージが表示されたことはありませんか?

入力チェック

 

Webサイトの多くは、サーバの負荷ふか軽減けいげんさせるため、

クライアント側で一次いちじ入力チェックを行い、

すべて問題ない場合に、データをサーバ側に送って処理をしています。

クライアント側チェック

 

スポンサーリンク

サーバサイド

では、WordPressはどのように動いているでしょうか?

 

WordPressは、データをファイルではなく、サーバ上のデータベース(MySQL)に保存しています。

これらをクライアント側からの要求に合わせて取得し、

表示するテンプレートにめ込んだ結果を表示させています。

取得しゅとくするデータを変えて埋め込むこともできるため、
ユーザごとに表示する内容を変えることも容易よういにできます。

これらはすべてサーバ側で行われており、

サーバサイドのプログラムと言われます。

サーバサイド

 

スポンサーリンク

まとめ

いかがでしょうか?

違いはおわかりになりましたか?

 

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

動作する場所が違います。

そのため、必要な環境も少し違います。

 

次回は、必要な環境についてお話ししたいと思います。

コメント

タイトルとURLをコピーしました