65
70

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

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

Last updated at Posted at 2014-12-31

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あたり?
  1. サーバサイド e.g. Node.js, Socket.IO, Rails, etc
  2. SPA周りの実践的ノウハウ
  • パフォーマンス
  • セキュリティ
  • ほか

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

65
70
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
65
70

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?