ASP.NET Core SPAテンプレートのバックアップソース(No.8)

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

-戻る
--[[ASP.NET SPA]]
--[[ASP.NET Core]]

* 目次 [#jbe7fa80]
#contents

*概要 [#v519679c]
-[[Visual Studio]] 2017の.NET Framework側の[[SPA>ASP.NET SPA]]のテンプレートと比べると、~
[[ASP.NET Core]]の[[SPA>ASP.NET SPA]]テンプレートは、[[npm>https://dotnetdevelopmentinfrastructure.osscons.jp/index.php?npm]], [[webpack>https://dotnetdevelopmentinfrastructure.osscons.jp/index.php?webpack]], [[TypeScript]]などが導入され大きく進化している。

-今後、主流は、「[[Visual Studio Code]]」+「[[npm>https://dotnetdevelopmentinfrastructure.osscons.jp/index.php?npm]] ,etc.の[[Node.js>https://dotnetdevelopmentinfrastructure.osscons.jp/index.php?JavaScript#q9fc6e24]]系のツール」~
になる可能性があるが、以下の[[ASP.NET Core]]の[[SPA>ASP.NET SPA]]テンプレートの下調べを行った。

*コンテンツ [#l6beb08f]

**SPA共通 [#a35dc84d]

***適合 [#tb2d2f50]
-ステートレス、サーバーレス
--mBaaS的
--WebAPIマッシュアップ的

-コンポーネント指向~
最近のSPAはコンポーネント指向
--jQueryのように、ページ中のHTMLをDOM処理するような処理は書かない。
--横の繋がりも、縦の繋がりも無い。縦はBindingみたいなことはできる。
--コンポーネントの切り方が重要になってくる（下手に切ると上手く実装できなくなる）。

***不適合 [#c3720d07]
-無限ループが起きるため、Entryで使えそうで使えない（内部でコンポーネントの再描画するため）。
--理由は、[[Reactive Extensions（Rx）]]的なオブザーブ処理。
--AngularはRxJS、Reactは独自オブザーバーを実装している。

**MV* [#y82ca277]

***[[ASP.NET Core Angularテンプレート]] [#e6cc21de]

***[[ASP.NET Core React.jsテンプレート]] [#o7955d75]

***[[ASP.NET Core React+Reduxテンプレート]] [#md706767]

***ASP.NET Core Vue.jsテンプレート [#md706767]
-Vue.jsを使用したASP.NET Coreのテンプレートを用意する - つばろぐ~
http://tsubalog.hatenablog.com/entry/2018/01/05/070000

**[[Web Essentials]] [#n00fdc27]
特にSPA開発ではインストールすると良い。

*参考 [#c0349c91]
**[[Visual Studio CodeによるSPA開発]] [#m3b31091]

----
Tags: [[:.NET開発]], [[:.NET Core]], [[:ASP.NET]], [[:ASP.NET Web API]], [[:ASP.NET SPA]]
ASP.NET Core SPAテンプレート のバックアップソース(No.8)

ASP.NET Core SPAテンプレートのバックアップソース(No.8)
