SPAの概要について

SPAの概要について

SPAの背景

• SPAという技術はJavaScript、HTML、モバイルアプリの発展とともに成長
• 従来、Webページにリッチな動きを提供するのはFlashという技術だった
  • FlashはAdobe社が持っていた技術
• FlashのWeb技術をAdobe社が独占しているとの指摘があり、世界中で反Flash技術運動が起こる
• Flashの技術は使われなくなり次第に衰退
• その後HTML5が正式リリース
  • HTML4ではできなかった動画コンテンツの表示・再生、データのクライアントサイドへの保存などができるようになった
• HTML5上でリッチなクライアントサイドの動きを実現したのがSPAフレームワークのReact
  • jQueryでは複雑なDOM管理が発生するため、SPA技術がWebのスタンダートになっていった

SPAのメリット・デメリット

メリット

• ページの遷移速度がはやい
• フロントエンド処理とサーバーサイド処理が分離

デメリット

• SEO対策しにくい場合がある
• セキュリティ対策が必要