「[[マイクロソフト系技術情報 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] **[[Web Essentials]] [#n00fdc27] 特にSPA開発ではインストールすると良い。 *参考 [#c0349c91] **[[Visual Studio CodeによるSPA開発]] [#m3b31091] ---- Tags: [[:.NET開発]], [[:.NET Core]], [[:ASP.NET]], [[:ASP.NET Web API]], [[:ASP.NET SPA]]