IT丸わかり 用語集 →

アプリ基盤編 第1章 / 全13章

Webアプリの仕組みとは

3層構造 ・ Web ・ アプリケーション

画面・処理・保存の3段
デパート。ショーウィンドウ(画面)、店員さん(処理)、倉庫(保存)。お客さんが増えたら入口で列を分け、店員さんを増やす。
図とさわれるデモで確かめる →

ポイント

名前の由来

webクモの巣application当てはめること

World Wide Web(世界に広がるクモの巣)の上で動く、用事のためのソフト。

仕事の現場では

ベンダーの構成図は、たいていこの3段と入口の部品で描かれています。「どの段の話か」「どこで動かすか」の2つを押さえると、構成図や見積もりが読めるようになります。

くわしく(正確な話)

  • 画面はブラウザの中で、処理はサーバーの上で動く。両者は HTTPS でやり取りする。
  • 処理を担うソフトを、Webサーバー・アプリケーションサーバーと呼ぶ。
  • クラウドの仕組みを前提に、コンテナや自動化を活かして作るやり方をクラウドネイティブと呼ぶ。
  • この編では、Webアプリが「届けられる・動く・作られる・見守られる」仕組みを順に見ていく。

うまれ:World Wide Web は1989年、欧州の研究所CERNでティム・バーナーズ=リーが考案した。

この章の用語(意味と語源)

3層構造 Three-tier Architecture

Webアプリを「画面・処理・保存」の3段に分ける作り方。

画面(プレゼンテーション層)、処理(アプリケーション層)、保存(データ層)に分けると、それぞれを別々に増やしたり直したりできます。

覚えておく:画面 / 処理 / 保存

語源tier は「段・列」。劇場のひな壇の段のように、上下に重なった層のこと。

Webサーバー / アプリケーションサーバー Web Server / Application Server

ブラウザからの頼みに答えるソフト/その奥で業務の処理をするソフト。

Webサーバーの代表は Nginx・Apache。アプリケーションサーバーは、Java・Python・Node.js などで書かれた処理を動かします。

語源serve(仕える・料理を出す)+ -er。Nginx は「エンジン・エックス」と読みます。

HTTP / HTTPS エイチティーティーピーエス

Webでやり取りするための決まりごと/それを暗号化したもの。

今のWebアプリは、通信を暗号化する HTTPS が当たり前です。

語源HyperText Transfer Protocol の頭文字。S は Secure(安全な)。

クラウドネイティブ Cloud Native

クラウドで動かすことを前提に、コンテナや自動化を活かして作るやり方。

語源native(生まれつきの)。クラウド「生まれ」のアプリ。

アプリ基盤編:章ごとに読む

  1. Webアプリの仕組み画面・処理・保存の3段
  2. フロントエンドとSPAブラウザの中で動く部分
  3. CDNとキャッシュ近くの配達所から届ける
  4. ロードバランサーとオートスケール混んだら振り分け、足りなければ増やす
  5. 仮想マシン(VM)で動かす1台を何台にも分ける
  6. モノリスとマイクロサービス1つの塊か、小さな部品の集まりか
  7. コンテナ(Docker)アプリを箱ごと運ぶ
  8. Kubernetes(クバネティス)コンテナの司令塔
  9. サーバーレス必要なときだけ動く
  10. CI/CD(自動テストと自動デプロイ)作る・確かめる・届けるを自動化
  11. 監視とログ(オブザーバビリティ)中で何が起きているかを見えるように
  12. どこで動かす?(実行基盤の選び方)手間と自由のバランス
  13. クラウド別の対応表同じ役割、違う名前

図とデモで学ぶ(アプリ基盤編)→ | IT用語集 →