東京都府中市、渋谷区のWEB制作会社Maromaroのブログです

2021.05.10

Sasaki

React,Angular,Vue?旬なJavaScriptフレームワーク調べてみた!

jQueryで何でも片付けていましたが・・・・。
旬なフレームワークといえば、軽くReactぐらいしか触ったことがなく、
本腰をいれ今後のMaromaroスタンダードはどれにするべきか!調べてみました。

今回は旬な?トレンドになっているフレームワークに限定します。

早速それぞれの特徴を調べてみました。

React

Facebookで開発されているフレームワーク。海外で人気のよう。

状態管理(文字列が変わったとか、ボタンを押下したとか・・・etc)が容易なのが特徴。
HTMLライク(JSX)に記述できますが、やや癖があり、混乱する場面も。

処理が高速なのも特徴です。
なれるまでの習得時間がかかりますが、大規模開発などにも耐えられる設計のようです。

  • 大規模開発向け
  • 仮想DOMを用いているので高速
  • コンパイルが必要
  • 必要な機能はサードパーティーから取得する必要がある
  • SSR(サーバサイドレンダリング)にも別フレームワークで対応可能

Vue

GoogleでAngularJSを開発したエンジニアが開発しました。

Angularの良いところを抽出して軽量にした?とのこと。

SPA(シングルページアプリケーション)を作るなVueらしいです。

設計思想の違いから、Reactに比べると記述が簡単に済むシーンもあるようです。
ですので、がっつりプログラマではない、などであればVueを使うのが良いかも?

  • 仮想DOMを用いているので高速
  • コンパイル不要で手軽
  • jQueryの代替にするならVue一択か
  • 既存HTMLの上で操作するのに適している。
  • SSR(サーバサイドレンダリング)にも別フレームワークで対応可能

Angular

こちらはGoogleが開発しているフレームワークです。
JavaScriptの代替になるTypeScriptで記述する必要があるのが特徴です。(ただし互換性があるので、JavaScriptが書ければ問題なし)
素のJavaScriptはナンセンスとのことで(白目)、私もそろそろ素のJavaScriptは卒業しないとですかね・・・。

React,Vueに比べると、Angularは人気が落ちてきている印象でしょうか。

  • 大規模開発向け
  • こちらは仮想DOMではない
  • コンパイルが必要
  • 多機能
  • SSR(サーバサイドレンダリング)にも別フレームワークで対応可能

個人的な総括

すでにHTMLがある、JSの動き部分だけ担当する場合や、小規模開発(サクッと実装したい)

Vue

大規模開発、別途プログラム(rails,phpとか)を使う場合には

React

を使うと良いのかな!と思いました。