SPA Single Page Applicationを作る際のエトセトラ(入門的な取っ掛かり情報)

More than 3 years have passed since last update.

SPA(Single Page Application)を実現する技術は、昔だとFlash, さらに昔であればJavaアプレットやActiveX?とかもありそうだけど、まぁー、今ならJavaScriptでゴリゴリという感じなのかな... HTML5とか、CSS3なんかもわかっていないといけなさそうな...

ということで、このエントリーでは、最近のトレンドを追いつつ、技術要素の下調べをして、採用する技術の目星をつけたいと考えています。

関連する書籍も、最近の技術を踏まえたものが幾つか出版されている模様

直接は関係ないけれど、CSS周りの最近の考え方は押さえておきたい...

7,8年前のウェブ標準が流行っていた時に、かなり深堀して理解に努めたけど、HTML5+CSS3は追いきれていないので...

SinglePageApplicationで書籍を調べるとサーバ側はNode.js+Socket.IO, フロントはAngularJSあたりが採用されるケースが多い?

Qiitaのタグで「SinglePageApplication」を見てみると、フロントにBackbone.jsを使うケースもチラホラ

Knockoutという選択も...

Qiitaから拾った以下のあたり、事前に把握しておくとよさげ

先日のrebuild.fmで、Node.jsはフォークされたio.jsなる派生/亜流が出ているとか...

そのほか、ウェブで検索して見つけた色々

まとめ的なことは、上記の各エントリーを見れば良さそう...

SPAの採用や、採用する技術を検討する際の考慮点は、以下のあたりでしょうか?


  1. フロント技術 e.g. AngularJS, Knockout, Ember.js, Backbone.js, etc


    • CSS周りの検討も必要? e.g. Sassあたり?



  2. サーバサイド e.g. Node.js, Socket.IO, Rails, etc

  3. SPA周りの実践的ノウハウ


    • パフォーマンス

    • セキュリティ

    • ほか



ということで、AngularJS, Sass, Node.jsあたりを少し触って、もう少し具体的なイメージを膨らまそうかと... ということで、時折、お世話になっているドットインストールの以下のあたりをチョロチョロ試していこうかと