SPA

読み

エスピーエー

意味

  • Single Page Applicationの略で、1つのHTMLページで動作するWebアプリケーション
  • ページ遷移せずにコンテンツを動的に書き換えてスムーズな操作感を実現

比喩

1枚の大きなキャンバス。絵を消したり描いたりしながら、ずっと同じキャンバスを使う。

語源

Single Page Application

例文

  • GmailはSPAで作られているため、ページ遷移なく快適に操作できる。
  • ReactでSPAを構築して高速なUI/UXを実現。

よくある勘違い

  • SPAは常にSSRより優れていると思うこと → SEOや初回表示速度ではSSRが有利な場合もあります。

関連用語