家族について考えるパパのブログ

普段の生活をいかに快適に過ごすかを考えて実践をしていくブログ

シングルページアプリケーションについて

 

こんにちは。

今回は、今後シングルページアプリケーションを実装していくにあたってそもそも何なのか、どういう時に使うものなのかをまとめてみました。

 

 

シングルページアプリケーションとは

 ・単一ページで構成されるWebアプリケーション

 

シングルページアプリケーションを実現するために利用する技術

 ・AjaxやWebSocket
 ・JacaScriptによるフロント操作

 

シングルページアプリケーションのメリット・デメリット

メリット

 ・ページ遷移速度の向上
 ・クロスブラウザ

 

デメリット

 ・初期ローディングに時間がかかる
 ・実装コストが高い

 

シングルページアプリケーションを利用すべき場面

 ・ユーザーの入力によってフロントエンドの中身の置き換えが頻発する場合

 

シングルページアプリケーションを利用すべきでない場面

 ・フロントサイドで行う処理が多くない場合

 

シングルページアプリケーションで利用する技術

 ・JavaScriptフレームワーク、ライブラリ(Angular、Vue.js、Reactなど)
 ・CSS Preprocessor(sass、stylusなど)
 ・通信技術(Ajax,WebSocketなど)
 ・バックエンド技術(Ruby on Railsなど)
 ・HTML5/CSS3

 

参考にしたサイト

qiita.com

rara-world.com

www.atmarkit.co.jp

cloudear.jp

docs.microsoft.com

gihyo.jp

codezine.jp

digitalidentity.co.jp

 

以上です。