MyOctocat、たまに作るとアイテム増えてて。めちゃくちゃ可愛いです。なんでプログラマ界隈ってキャラもの大好きなんでしょう。
それはともかく技術者としては周回遅れな自分。今更な記事な気がしますが、「Single Page Application」でググって読み漁っています。
SPA(Single Page Application)ってなに?
Webサイトの動作が向上したり、高度なWeb表現ができたり、最近何かと注目されているSPA。 ブラウザによるページ遷移を行うことなく、単一のWebページでコンテンツの切り替えを行うことで、UXが向上すると言われていますが、いったいどのようなものなのでしょうか? 皆さんは、SPAをご存知でしょうか? WebマーケティングにおけるSPAとは、Single Page …
ゼロから学ぶ! Single Page Applicationの特徴と主なフレームワーク5選 (1/2)
本連載「 モダンなフロントエンド開発者になるためのSPA超入門 」では、フロントエンド開発のアーキテクチャである「SPA(Single Page Application)」について、開発に必要となる各種フレームワークの特徴や、サンプルアプリ開発を通じたSPA開発の流れ、フレームワークによる作り方の違いなどを紹介します。 …
SPA(Single Page Application)の基本 – Qiita
More than 1 year has passed since last update. 単一ページで構成されるWebアプリケーション JavaScriptでDOMを操作しページを切り替える AjaxやWebSocketを使用する 2010年にスティーブ・ジョブズがThoughts on Flashを発表。 それがきっかけとなりFlashなどのProprietary Software(ソフトウェアの配布者が独占的に提供しているソフトウェア)が衰退 2014年にHTML5正式勧告がされたこともあり、Flashなどに代わる技術としてHTML5が推進されてきた。 そのHTML5でFlashと同等のUI/UXを実装するためSPAが開発された。 JavaScriptフレームワーク、ライブラリ(Angular、Vue.js、Reactなど) CSS Preprocessor(sass、stylusなど) 通信技術(Ajax,WebSocketなど) バックエンド技術(Ruby on Railsなど) HTML5/CSS3 豊かな表現力 クロスブラウザ 応答がはやい 開発のスピードがはやい プッシュ通知などもAPIとして提供されている Why not register and get more from Qiita?
SPAのメリット
https://qiita.com/takanorip/items/82f0c70ebc81e9246c7a
・豊かな表現力
・クロスブラウザ
・応答がはやい
・開発のスピードがはやい
そうそう、それがやりたいの。
ずっとレスポンスが遅いと苛まれてきてたのが、技術なんか新陳代謝激しいのに手持ちの型落ちの技術でやれと言われてて。酷いよなぁそりゃ白髪増えるよwって話だった。
さてSPAの登場人物といえば
SPAで使われている技術
https://qiita.com/takanorip/items/82f0c70ebc81e9246c7a
・JavaScriptフレームワーク、ライブラリ(Angular、Vue.js、Reactなど)
・CSS Preprocessor(sass、stylusなど)
・通信技術(Ajax,WebSocketなど)
・バックエンド技術(Ruby on Railsなど)
・HTML5/CSS3
(うぉ、sassなんて出てきた。忘れてた。汗)
バックエンドの技術が必要。
専らRuby on RailsかLaravelあたりの2択になりつつあるけれど、
「それCodeIgniterじゃダメですか?」
と問いたいのです。
日本じゃ人気無いかも知れないけど。長年使ってて慣れてるし。Laravelよりインストール時間短いし(←ここ重要)
そう疑問に思うまでもなく先駆者がいらっしゃいました。
行けるんじゃないですか。人気無いけど(←ここ悔しいw)
あとはWebSocketとかsassとか習得すれば、ある程度のことはできるんじゃ無いかと思います。
Ruby on Rails?習得してないとまずいですか?(汗
レスポンスがいいにはいいんでしょうが。
コメント