SPA

SPA(Single Page Application)とは

• 単一ページによるWebアプリケーション
• ページはDOM(Document Object Model)の操作により切り替える。DOMはヘッダやフッターなど、階層構造のノードにアクセスする仕組み
• サーバとのやりとりはajaxやWebSocketを利用する
• URLは基本的に遷移しないため、遷移による遅延がなくなる

SPAのメリット

• 通信量、遅延の低減
• デプロイがサーバへアップロードするだけ
• ネイティブアプリを上回る機能開発が進んでいる
• クロスプラットフォーム
• 近年HTML5/CSS3/JavaScriptのサポートと機能開発がかなり進んできている
• オンラインアプリの「脱オンライン」化。 クライアントサイドでの処理の実現

SPAのデメリット

• 初期レンダリングに時間がかかる
• JavaScriptの高い技術が必要

RIA　(Rich Internet Application )

パーソナルコンピュータ等のソフトウェアの分類の1つであり、ウェブブラウザなどのクライアントの機能を活かした、柔軟なインターフェースをもつウェブアプリケーションのことである

• 表現力の高さ：動画、音声などマルチメディアの活用
• デスクトップアプリケーションと同様なUI：リフレッシュすることなく、バックエンドでサーバとデータの送受信が可能
• ユーザーエクスペリエンス：インタラクティブな操作性
• アプリケーションと実行環境を含むソフトウェアの配布と更新が容易である
• 複数の異なるプラットフォームに対応する

RIAを実現するものとして従来はFlashなどのプラグイン方式が用いられてきたが、最近ではWebベースの形式つまり、SPAが用いられるようになっている。SPAがRIAに入るか、RIAとSPAが別物かは、調べた限りではどちらの考えもあるようだ。

利用されるフレームワーク

ext.js,emben.js,knockout.js,batman.js,Cappuccine.js,Vue.js,React.js,BackBone.js,Knockback.js,Angular.jsなど

事例

• Google Maps
  https://www.google.co.jp/maps

• Google Keep
  http://www.google.com/keep/

• Offline Gmail
  https://chrome.google.com/webstore/detail/gmail-offline/ejidjjhkpiempkbhmpbfngldlkglhimk?hl=ja

• Cordova(PhoneGap)を使ったネイティブアプリ事例
  http://qiita.com/takeshy/items/18a902289c05de044d50