SPAとMPA のバックアップの現在との差分(No.1) - マイクロソフト系技術情報 Wiki

バックアップ一覧
差分を表示
ソースを表示
バックアップを表示
SPAとMPA へ行く。
- 1 (2019-06-17 (月) 14:33:19)
- 2 (2019-06-17 (月) 14:40:16)
- 3 (2019-08-23 (金) 13:54:20)
- 4 (2019-09-05 (木) 20:12:27)
- 5 (2019-11-05 (火) 09:21:18)
- 6 (2020-06-28 (日) 00:24:43)
- 7 (2021-06-15 (火) 16:29:37)

追加された行はこの色です。
削除された行はこの色です。

[[FrontPage]]
「[[マイクロソフト系技術情報 Wiki>http://techinfoofmicrosofttech.osscons.jp/]]」は、「[[Open棟梁Project>https://github.com/OpenTouryoProject/]]」,「[[OSSコンソーシアム .NET開発基盤部会>https://www.osscons.jp/dotNetDevelopmentInfrastructure/]]」によって運営されています。

-戻る
--[[.NET開発]] > [[ASP.NET]]
--[[VS系コンテンツ]]
---従来型のWebアプリ vs SPA（Single-page Application）
---[[ネイティブ vs SPA（Single-page Application）]]
---[[ネイティブ vs クロスプラットフォーム]]

* 目次 [#yb8ca880]
#contents

*概要 [#g936f16c]

**[[Single-page application]](SPA) [#q8640287]
[[ASP.NET SPA]]など、対応したフレームワークを使用して開発する。
-レンダリングはブラウザ側のJSで行うやり方
-初回リクエスト以降の通信はAjaxでのJSONのやり取りのみとなる。

**Multi-page application(MPA) [#o22838f7]
SPAの登場に合わせて登場した従来型のWebアプリを表す対義語
-HTTP GETが来たら、リクエストに応じたHTMLを組み上げてブラウザに返す。
-Rails等のサーバサイドフレームワークで何も考えずに作るとこうなる。

*詳細 [#i9a5110e]

**MPA [#z2ac84fc]

***[[ASP.NET Web Forms]] [#t2464917]
-業務系に向いているが、
-レガシー臭が漂い始めている（.NET Coreへの移行パスが未定）。

***[[ASP.NET MVC]] [#dec4a809]
-よりデザイン重視の案件に適合。
-しかし、SPAに比べるとレガシーではある。

**SPA [#ie22278a]

***[[ASP.NET SPA]] [#xa8c1510]
業務系ではなくユーザー・エンゲージメントが必要~
と、されているようなシーンで活用すると良さそう。

-モバイル向け
-PV数の多いB2C向け

***[[Blazor]] [#tcd15727]
[[ASP.NET SPA>#xa8c1510]]は、全く流行らず、~
[[JavaScript系のモノ>VS系コンテンツ#bbf6c1a5]]が流行ったので、その対抗。

**比較 [#k230472f]

***アーキテクチャ [#d2f9b0c6]
画面全体更新（MPA）か画面部分更新（SPA）か。

-画面全体更新（MPA）の方式は、
--業務系に適合する。
--参照系にも適合する。

-画面部分更新（SPA）の方式は、
--業務系以外（管理画面）に適合する。
--純粋な参照系やエントリ系にも適合しない。
--リッチでインタラクティブなUIを開発したい場合など。
--その他、[[SPAの適合 / 不適合>Single-page application#a35dc84d]]をご参照下さい。

***開発ツールの違い [#u3d57905]
-画面全体更新（MPA）の方式は、従来のIDEを使用した開発

-画面部分更新（SPA）の方式は、
--npm系の開発ツールとフレームワーク、テキスト・エディタを使用した開発
--npm系の開発ツールとフレームワークは、MPA開発環境と比べると、[[全体的に不安定>Single-page application#l0f451f9]]

***[[項目移送の段数が増加する。>Single-page application#he4fbad3]] [#ae904401]
手数が増え、開発の生産性が落ちる。

*参考 [#naf2b98d]
-SPAとMPAって何が違うの？SPAにしたほうがいい？ - やわらかVue.js~
https://scrapbox.io/vue-yawaraka/SPA%E3%81%A8MPA%E3%81%A3%E3%81%A6%E4%BD%95%E3%81%8C%E9%81%95%E3%81%86%E3%81%AE%EF%BC%9FSPA%E3%81%AB%E3%81%97%E3%81%9F%E3%81%BB%E3%81%86%E3%81%8C%E3%81%84%E3%81%84%EF%BC%9F

**OSSコンソーシアム [#c5bcaec0]
-フロントエンドと単位画面あたりの単価的な話~
https://www.osscons.jp/joicpdhoq-537/
-SPAに対する2つの見解。~
と言うかハマるところにハメれば良い。みたいな話~
https://www.osscons.jp/jodlnmgck-537/
-結局、WebAPIのフロントエンドUIの使いドコロってさぁ。~
https://www.osscons.jp/jorwrrjui-537/

----
Tags: [[:.NET開発]], [[:ASP.NET]], [[:ASP.NET Web Forms]]