ふわりAngular

このサイトはAngularで作られています。

Angular初心者なので玄人向けの情報はありません。

初心者の方、理解レベルが同じくらいの方のお役に立てれば幸いです。

2016/11/9

Angularって何?


W3C Web Components をフレームワーク化したもの。

SPA(Single-Page Application)を作ることができる。



W3C Web Components って何?


Web を部品化するしくみ。

  • Custom Element … 独自タグを定義する
  • HTML Template … HTMLを部品化する
  • HTML Imports … 部品化したHTMLを取り込む
  • Shadow DOM(Scoped CSS) … DOMをカプセル化する

W3C Web Components のイメージ



SPA(Single-Page Application)って何?


ひとつのページで完結したWebアプリケーション。

ページ遷移はせず、DOM操作により切り替える。

サーバとのやりとりは、REST や WebSocket などで行う。


対比されるのは、MPA (Multi-Page Application)。

MPA は従来のWebアプリケーション。


SPA と MPA のイメージ比較



SPA と MPA のアーキテクチャ比較