ASP.NET Core SPAテンプレートのバックアップ(No.10) - マイクロソフト系技術情報 Wiki

[ トップ ] [ 新規 | 一覧 | 単語検索 | 最終更新 | ヘルプ ]

「マイクロソフト系技術情報 Wiki」は、「Open棟梁Project」,「OSSコンソーシアム .NET開発基盤部会」によって運営されています。

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

目次 †

目次
概要
テンプレート
- Visual Studio標準テンプレート
- カスタム・テンプレート
  - Visual Studioを使用する。
  - Visual Studioを使用しない。
参考
- Visual Studio CodeによるSPA開発
- CodeZine（コードジン）
  - ASP.NET Core 2.0でSPAテンプレートを使おう

概要 †

Visual Studio 2017の.NET Framework側のSPAのテンプレートと比べると、
ASP.NET CoreのSPAテンプレートは、npm, webpack, TypeScriptなどが導入され大きく進化している。

今後、主流は、「Visual Studio Code」+「npm ,etc.のNode.js系のツール」
になる可能性があるが、以下のASP.NET CoreのSPAテンプレートの下調べを行った。

テンプレート †

Visual Studio標準テンプレート †

ASP.NET Core Angularテンプレート †

ASP.NET Core React.jsテンプレート †

ASP.NET Core React+Reduxテンプレート †

ASP.NET Core Vue.jsテンプレート †

.NET Core SDK 2.0.xであれば、dotnet new vueで生成可能。

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

JavaScriptServices? †

テンプレート生成の基盤となっているdotnet new XXXは、JavaScriptServices?によって実装されている。

https://github.com/aspnet/JavaScriptServices/

カスタム・テンプレート †

Visual Studioを使用する。 †

・・・

Visual Studioを使用しない。 †

色々検討した結果、SPA（フロントエンド）をASP.NET Core（バックエンド）のプロジェクトと結合させない方がイイと言う話になった。

この理由は、例えば、create-react-appで、生成した場合、
依存関係（Webpack、Babel、ESLintなど）が隠蔽される。

このため、バックエンドのプロジェクトと結合する場合は、必要に応じて、
npm run ejectでコレらの依存関係を取り出してカスタマイズする必要がある（と思われる）。
- https://github.com/aspnet/JavaScriptServices/issues/997

しかし、フロントエンドの専門性が高いので、ココはバイリンガルにしない方が最適であると考える。

習得コストが高いためバイリンガルは困難。
- フロントエンド・エンジニアがバックエンドを追加で覚える。
- バックエンド・エンジニアがフロントエンドを追加で覚える。

（Cordova＋Reactなど）フロントエンドに限定すれば、組み合わせの情報は、割と見つかることがある。

参考 †

Visual Studio CodeによるSPA開発 †

CodeZine?（コードジン） †

ASP.NET Core 2.0でSPAテンプレートを使おう †

【前編】 (1/2)
https://codezine.jp/article/detail/10599
【後編】 (1/2)
https://codezine.jp/article/detail/10618

Tags: :.NET開発, :.NET Core, :ASP.NET, :ASP.NET Web API, :ASP.NET SPA