SPA について
SPA (シングルページアプリケーション) は、単一のページで、JavaScript を使って DOM 操作を行うことによって切り替えるような Web アプリケーションです。
Ajax は JavaScript とサーバとの通信のために使用するだけであって、必ずあるという訳ではありません。
従来の Web アプリケーションとの違いは下記のようになります。
従来の Web アプリケーション:
サーバから HTML コンテンツが配信され、ブラウザがそれを描画する。
画面遷移の度にサーバにリクエストする。
シングルページアプリケーション:
サーバからは1つの HTML コンテンツしか配信されず、ブラウザはその HTML で指定された JavaScript を読み込む。JavaScript で HTML を生成して表示する。
画面遷移は JavaScript で HTML を再生成するだけでサーバへのリクエストは行われない。
JavaScript で HTML を生成するのは jQuery でも、ライブラリがなくても可能ですが、React.js の本領が発揮されるのは VirtualDOM です。
一部の HTML しか変更がない場合は、その HTML だけを変更できるため、パフォーマンスが良いとされています。
Angular.js や Vue.js も人気がありますが、いずれにせよ、それらのライブラリやフレームワークを利用することをおすすめします。
ハイブリッドアプリについて
一方で、ハイブリッドアプリはまったく異なります。
Web View と呼ばれる、ネイティブアプリで使えるブラウザのようなコンポーネントを使用し、それを使ってネイティブアプリ内で Web サイトを表示するようなアプリです。
iOS アプリや Android アプリでは開発言語などが異なりますが、WebView というコンポーネントは各 OS 共通で利用できるため、マルチプラットフォーム対応として話にのぼります。
しかしあくまでネイティブアプリの上にのった Web アプリなので、インストールが必要になるのが大きな違いです。Web アプリはブラウザで動くもの、ハイブリッドアプリはネイティブアプリ内の WebView で動くもの、です。
SPA の需要や難易度について
ここは私見が入りますが、年々 SPA の需要はぐんぐん伸びていっているように思います。
単なる Web サイト制作なら、普通は必要ありません。たぶんクラウドワークスさんにあるような求人では、あまりないと思います。
もっとインタラクティブな Web アプリケーション、例えば Twitter や Facebook、AirBnB や Uber、日本ならランサーズさんやウォンテッドリーさんが使っています。
SPA とまで言わなくとも、ある程度複雑化した Web アプリケーションは React.js や Angular.js を利用して作ったほうがいいです。
しかし学ぶ分量としてはかなりありますので、難しいとは思いますが、Todo アプリくらいは作ってみると勉強になります。
何かお力になれたら幸いです。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/05/14 04:39