Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
71
Help us understand the problem. What is going on with this article?
@yamazaki

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

More than 5 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あたりを少し触って、もう少し具体的なイメージを膨らまそうかと... ということで、時折、お世話になっているドットインストールの以下のあたりをチョロチョロ試していこうかと

71
Help us understand the problem. What is going on with this article?
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away

Comments

No comments
Sign up for free and join this conversation.
Sign Up
If you already have a Qiita account Login
71
Help us understand the problem. What is going on with this article?