看護師でもわかる！WEBアプリケーションの仕組み解説！

たにぐち＠精神科訪問看護師

2021年8月9日 14:27

谷口です！

今回は前回に引き続きIT用語について解説していきます。

前回の記事では、アプリやソフトウェア、ハードウェアについて解説しました。現在は、ソフトウェアが主戦場になっております。というのも、スマートフォンが普及し、誰もがインターネットにアクセスできる環境になったからです。

今回の記事では、インターネットを介して動くWEBアプリケーションについて説明していきます。

それでは早速本題に入っていきましょう。

WEBアプリケーションの仕組みは？

まずWEBアプリケーションの仕組みについて解説していきます。

その前にWEBアプリケーションについて簡単に復習しておきましょう。

WEBアプリケーションとは、インターネットを介して表示させるものです。何を表示させるかというと、プログラミングで作られたソフトウェアのことですね。（前回の記事はこちら）

それでは、そのWEBアプリケーションはどのような仕組みで動いているのでしょうか？この「note」というサービスを例に考えてみます。

僕たちは、このnoteというサービスを利用するにあたり、お使いのパソコンやスマホなどハードウェアに搭載されているブラウザ（インターネットを検索するシステム）を利用しインターネットを経由してnoteのサービスや記事を読むことができます。

ブラウザとは？

ブラウザとは、WEBを検索するシステムで、Google chromeやsafari、Internet Explorer(IE)などがあります。

文章で読んでもなんのこっちゃ？って感じですよね〜
大丈夫です、僕も同じです😂なので今回は図解してみました！

まずはブラウザとサーバーの基本的な仕組みです。

この図の様に、ブラウザから①リクエストを送り、サーバーが②レスポンスを返してくれています。

ちなみに、ブラウザ側をクライアントサイド、サーバー側をサーバーサイドと言います。また別の記事で解説していくのですが、エンジニアと呼ばれる職業でも、クライアントサイドなのか、サーバーサイドなのかによって使用する言語が変わります。

一概にエンジニアと言っても専門性は多岐にわたります。
看護師で例えると、看護師自体はさまざまな領域を包括していますが、具体的には専門領域が分かれていますよね？急性期なのか、慢性期なのか、回復期なのか…より具体的にはICUなのか救命なのか、整形外科なのか、神経内科なのか、精神科なのか…といったところですかね。

本題に戻りましょう。

ブラウザは、僕はsafariやGoogle chromeを使用することが多いです。みなさんは何を使われますか👨‍💻？Google chrome(以下chrome)を使われている方は多いと思いますので、今回はchromeを使って説明してみますね。

まず、「note」をみたい、もしくは投稿したいと思ったときにchromeで検索をします。するとchromeから、WEBサーバーというところに「noteを表示して欲しいんだけど」とリクエストを送ります。するとWEBサーバーは、noteの情報があるデータベースサーバーから必要な情報を取得してくれます。そしてそれがchromeで表示されるようにレスポンスを返します。