こんにちは
- ラクス Advent Calendar 2017の21日目です
- 今回は、弊社社内の非エンジニアさんの要望により 「最低限これだけ知っておくと、エンジニアさんが話している内容が、理解しやすくなるよ」的な知識を共有します
- 弊社商材に従事している非エンジニアさん向けなので、情報に少々偏りがあります
- それでは、どうぞ
もくじ
Webサービスの流れ
Webサービスは、PCまたはスマホとインターネット上のWebサーバが通信し合うことで実現します
サービスを利用する側はクライアントサイド、サービスを提供する側はサーバサイドと呼ばれます
クライアントサイドからサーバサイドへ何か要求することをリクエストと呼びます
サーバサイドがクライアントサイドの要求に応答することをレスポンスと呼びます
Webサービスは、このリクエストとレスポンスの一連の通信で実現します
この通信は一般的にHTTPと呼ばれる通信プロトコルで実現しています
通信プロトコル？
- 「プロトコル」は直訳すると「お約束ごと」
- 例えば「人が話し合いをする上でのお約束事」といえば「同じ言語が話せること」ですよね
- システム同士の通信も同じで、通信する際は互いに同じ「お約束ごと」が使えることが必要になります
- 通信の場合は、これを「通信プロトコル」と呼んでいます
HTTPSとは
- Webサービスに従事すると、HTTPSと呼ばれるプロトコルを聞くことがあると思います
- HTTPと同じで、Webページをやりとりする際に使われるプロトコルです
- HTTPよりもセキュリティレベルが高いプロトコルです
WebサービスではHTTPよりもHTTPSで通信することが強く推奨されています
もくじ
クライアントサイドの仕組み
サーバサイドからのレスポンスは、下図のようにブラウザ上でクライアントサイドスクリプトが実行されてから、私たちの目に届いています
ブラウザとは
- サーバサイドからのレスポンスを、PCやスマホ画面上に表示するためのソフトのことです
- ブラウザでは、クライアントサイドスクリプトの実行、HTMLのレンダリングなど、様々な処理が実行されます
Windows標準ブラウザが Internet Exploer（IE） なので、日本での認識率No.1はおそらくIEです
ブラウザ別の普及率
- しかし世界規模で見ると、Chromeがとてつもないスピードで普及していることがわかります（緑グラフ＝Chrome）
- 日本も基本的には同じ傾向ですが、世界に比べIEの比率がやや高めです（青グラフ＝IE）
クライアントサイドスクリプトとは
- ブラウザ上で実行されるプログラムのことを指します
- サーバサイドからのレスポンスにこのプログラムが記載さているとブラウザ上で実行されます
一般的にはJavaScriptというプログラミング言語がメジャーです
クライアントサイドスクリプトの良し悪し
重要な処理（データの抽出・更新など）は、クライアントサイドスクリプトで行わないなど、使いどころに注意して使用することが大切です
もくじ
サーバサイドの仕組み
クライアントサイドからのリクエストは、下図のように①サーバサイドスクリプトを実行して、②データベースへ処理を行い、その結果をクライアントサイドへ返しています
サーバサイドスクリプトとは
- Webサーバ上で実行されるプログラムのことを指します
- クライアントからの要求を加工してデータベースに渡すこと、データベースからの応答を加工してクライアントに返すことこれが主な役割です
一般的にはJava、PHP、Python、Rubyなどのプログラミング言語がメジャーです
データベースとは
クライアントが入力したデータを保存するシステムです
- データベースは通常、下図のエクセルのような表形式で保存されます
- １つの表のまとまりをテーブルと呼び、１つのサービスで何百、何千のテーブルが使用されることもあります
PostgreSQL、MySQL、Oracle Databaseなど様々なデータベースシステムが存在します
以上です。
まとめ
- Webサービスの流れ
- 通信プロトコルについて
- HTTPSとは
- クライアントサイドの仕組み
- ブラウザとは
- ブラウザ別の普及率
- クライアントサイドスクリプトとは
- クライアントサイドスクリプトの良し悪し
- サーバサイドの仕組み
- サーバサイドスクリプトとは
- データベースとは
- 今回は、大まかにWebサービスがどのようにして動いているのかを中心に説明しました
- もし続きを作ることがあれば、次回は少し踏み込んだ技術知識やリアルなエンジニアの業務内容なんかも共有していきたいと思います