【連載特別企画】

技術者が語る、パブリッククラウド活用のすすめ from ニフティクラウド ユーザーブログ

2 シングルページアプリケーション(SPA)を実現する技術(Backbone.js, Angular.js, Ember.js)

 

2/28

この記事の執筆者

岡田氏
ニフティ株式会社

シングルページアプリケーション(SPA)

皆さんは、シングルページアプリケーション(SPA)という言葉はご存知でしょうか。

SPA とは、

  • 単一ページによるWebアプリケーション
  • ページはハッシュの変更や DOM の操作によって切り替わる
  • サーバとの通信は Ajax や WebSocket などで行う

といった特徴をもつWebアプリケーションのことをいい、2013年ごろからWeb業界で盛り上がりを見せている技術です。

参考情報として、オライリー社のサイトでは、以下のように書かれています。

シングルページWebアプリケーション――Node.js、MongoDBを活用したJavaScript SPA

シングルページWebアプリケーション(SPA)は、最近注目を集めているWebアプリケーションのアーキテクチャです。SPAは、ユーザがアプリケーションを使っている間、Webページ全体をロードすることがなく、レスポンスが高速でUI/UXに優れているという利点を持っています。(以下略)
http://www.oreilly.co.jp/books/9784873116730/

従来のコントロールパネルでは、画面を遷移するたびにサーバにリクエストし、返却された HTML を描画するという処理を行っていましたが、新しいコントロールパネルでは、 ログイン時に、HTML ファイル、CSS ファイル、JavaScript ファイルといった静的ファイルを取得し、初期画面を表示します。

続きは、ニフティクラウド ユーザーブログよりご覧ください。
(別サイトへ移動します)

続きを読む

~この後の構成~
・SPAを実現するために利用している技術
・ネットワーク図の描画に利用している技術
・まとめ

関連記事のご紹介

契約後からRails3稼働環境構築まで(前編)
15分でCakePHP環境を作ってみよう
YAMAHA RTX1210 で単一拠点 L2TPv3/IPsec VPN(L2 VPN)

(マイナビニュース広告企画:提供 ニフティ)

2/28

インデックス

連載目次
第28回 ストレージサービス間でデータの移行を行う方法
第26回 Ansibleを使用してニフティクラウドのインスタンスを構築する
第25回 【シンプルVPN】RHEL6.7をVPNクライアントとしてニフクラからオンプレに接続してみる
第24回 サーバーレスでRDB/NASをMackerel監視する
第23回 起動時スクリプトを用いたサーバーOS設定 part1 ~サーバーOS_アカウントパスワード設定編~
第22回 IoTデバイスハブを活用して郵便受け監視システムを作ってみた
第21回 NIFTY Cloudの脆弱性診断をJenkinsで自動実行し、結果をSlackに通知してみた
第20回 SSHログイン~DNATを添えて~/前編
第19回 ドメイン名の取得とDNSの設定方法
第18回 これから始める人のためのニフティクラウド入門(Windowsサーバー作成編)
第17回 これから始める人のためのニフティクラウド入門(リージョン選択編)
第16回 ownCloudを使ったクラウドストレージ構築(導入編)
第15回 Mackerelでニフティクラウドのサーバーを監視しよう
第14回 Mackerelでニフティクラウドのサーバーを監視しよう
第13回 オブジェクトストレージをベンチマークしてみた
第12回 オブジェクトストレージをベンチマークしてみた
第11回 ニフティクラウドと物理サーバーを比較する(ストレージ編)
第10回 ニフティクラウドと物理サーバーを比較する(CPU編)
第9回 ニフティクラウド SDK for Java を、サンプルソースを利用して動かしてみる。
第8回 Zabbixでニフティクラウドを監視する(Windowsホスト監視編)
第7回 RDB 新サーバータイプ「Type-e」をベンチマークしてみた。
第6回 Zabbixでニフティクラウドを監視する(Linuxホスト監視編)
第5回 Zabbixでニフティクラウドを監視する(導入編)
第4回 ニフティクラウド利用開始時に知っておきたいポイントまとめ
第3回 ニフティクラウドタイマーのご紹介
第2回 シングルページアプリケーション(SPA)を実現する技術(Backbone.js, Angular.js, Ember.js)
第1回 高速ディスクはどれぐらい速いのか?

もっと見る

人気記事

一覧

イチオシ記事

新着記事