Skip to content

DNET_MVStarUIFramework

Jump to bottom
nishi_74322014 edited this page Sep 11, 2026 · 1 revision

(MV*) UIフレームワーク

概要

Single-page application を開発するためのフレームワーク

  • 色々あって、良く解らない。
  • 末尾に、XXXX.jsまたはXXXXJSと付くケースが多いが、
    公式の名称は、「XXXX」と言うモノが増えている。

詳細

調べると、React & Vue.js が2強っぽく、
順位変動なども、近年、安定し始めている。

種類

Backbone.JS

ほぼ、discon。

KnockoutJS

ほぼ、discon。

Angular

徐々に、discon。

  • Google

  • MVCおよびMVVM

    • 宣言型プログラミング
    • MVCおよびMVVMアーキテクチャ
    • "MVC" アーキテクチャにおけるスコープ
    • 双方向データ結合

  • バージョン

    • １系はAngularJSと呼ばれる。

    • ２系はAngular（Angular 2）と呼ばれる。

      • TypeScript ベース
      • コンポーネントシステムの採用
        （Scopeやコントローラーという概念が無くなる）

    • １系と２系の互換性は殆ど無い。

  • Wikipedia

React

React

  • Facebook、Instagram
  • Component志向のMVC
  • ・・・。

Vue.js

Vue.js

  • AngularJSの開発者によって開発され、2014年2月にリリースされた。
  • Angularの良い部分を抽出し、余分な概念なしに軽いものとして造られた。
  • ・・・。

傾向

React と Vue.js

以下が参考になる。

大規模向け

色々なコンテキストがある模様。

  • Angularはフルスタックであるが故に大手SIerの大規模案件に採用された。
    しかし、そのフルスタックさ故にエコシステムがシュリンクし、disconに向かっている。

  • 原理主義的で明確なスタンスのReactは大規模向けではある。
    しかし、その設計思想などを大規模案件の設計・開発要員に理解・徹底させるのは困難かもしれない。

  • 八方美人で曖昧なスタンスのVue.jsは本来大規模向けではないのかもしれない。
    しかし、大手SIerの大規模案件に採用されていたAngularから思想が抽出されているため、
    開発要員を移行させる場合、マインドシフトが発生しないため適切な選択肢と言えるのかもしれない。

その他

WebAssembly

WebAssemblyベースのSPAでは、JavaScript以外のコードで実装可能。

ハイブリッドアプリ

ハイブリッドアプリ

SPAをラップしてネイティブアプリにしてしまう
ハイブリット化（側？皮？）フレームワークと併用可能。

参考

比較

POSTD

Qiita

OSSコンソーシアム

マイクロソフト系技術情報 Wiki

開発基盤部会 Blog

移行メモ

  • 「AngularJSをの開発者によって開発され」は「AngularJSの開発者によって開発され」に正した。
  • 参考の URL 末尾にあった PukiWiki の改行記法（~）を除いた。
  • マイクロソフト系技術情報 Wiki（techinfoofmicrosofttech.osscons.jp）への リンクは、移行済みの MS_SPAAndMPA / MS_SinglePageApplication に張り替えた。

Tags: 移行, JavaScript, SPA, UIフレームワーク, React, Vue.js, Angular, WebAssembly

このWikiは「Open棟梁Project」,「OSSコンソーシアム 開発基盤部会」によって運営されています。

NetDevInfraWiki

マイクロソフト系技術情報 Wiki
Open 棟梁 Wiki

（未着手）

開発基盤部会 Wiki

移行管理: DONE ／ TODO

Clone this wiki locally