ASP.NET Core SPAテンプレート
をテンプレートにして作成
[
トップ
] [
新規
|
一覧
|
単語検索
|
最終更新
|
ヘルプ
]
開始行:
「[[マイクロソフト系技術情報 Wiki>http://techinfoofmicros...
-戻る
--[[ASP.NET SPA]]
--[[ASP.NET Core]]
* 目次 [#jbe7fa80]
#contents
*概要 [#v519679c]
-[[Visual Studio]] 2017の.NET Framework側の[[SPA>ASP.NET ...
[[ASP.NET Core]]の[[SPA>ASP.NET SPA]]テンプレートは、[[np...
-今後、主流は、「[[Visual Studio Code]]」+「[[npm>https:/...
になる可能性があるが、以下の[[ASP.NET Core]]の[[SPA>ASP.N...
-現時点では、[[Visual Studio]]と統合させないほうが良さそ...
*テンプレート [#sb2a9292]
**[[Visual Studio]]標準テンプレート [#gb8d805d]
***[[ASP.NET Core Angularテンプレート]] [#e6cc21de]
***[[ASP.NET Core React.jsテンプレート]] [#o7955d75]
***[[ASP.NET Core React+Reduxテンプレート]] [#md706767]
***ASP.NET Core Vue.jsテンプレート [#md706767]
.NET Core SDK 2.0.xであれば、dotnet new vueで生成可能。
-Vue.jsを使用したASP.NET Coreのテンプレートを用意する - ...
http://tsubalog.hatenablog.com/entry/2018/01/05/070000
**カスタム・テンプレート [#e4ffac31]
***[[Visual Studio]]を使用する。 [#i84dfc4b]
前述の[[Visual Studio標準テンプレート>#gb8d805d]]をカスタ...
***[[Visual Studio]]を使用しない。 [#h84eb730]
色々検討した結果、
-[[SPA>Single-page application]]（フロントエンド）を、
-[[ASP.NET Core]]（バックエンド）の
プロジェクトと結合させない方がイイと言う結論に至った。~
（案の定、[[JavaScript Services>#m46043c7]]も、廃止になっ...
-理由
--この理由は、例えば、[[create-react-app>https://dotnetde...
依存関係（Webpack、Babel、ESLintなど）が隠蔽されイイ感じ...
--これ（フロントエンド）を、バックエンドのプロジェクトと...
npm run ejectでコレらの依存関係を取り出してカスタマイズす...
---aspnet/[[JavaScriptServices>#m46043c7]] > Issue #997~
New Create React App-based template~
https://github.com/aspnet/JavaScriptServices/issues/997
--しかし、フロントエンドの専門性が高いので、~
ココはバイリンガルにしない方が最適であると考える。
---習得コストが高いためバイリンガルは困難。~
・フロントエンド・エンジニアがバックエンドを追加で覚える。~
・バックエンド・エンジニアがフロントエンドを追加で覚える。
---（[[Cordova＋React>https://dotnetdevelopmentinfrastruc...
組み合わせの情報は、割と見つかることがあるがバックエンド...
-移行
--[[Visual Studio標準テンプレート>#gb8d805d]]がなかなか良...
--こちらは、[[TypeScript]]を使用しているため、必要に応じ...
---[[コチラ>TypeScript#y2748bb6]]を参考にして任意のECMASc...
---以下のコマンドでイイ感じにコンパイルで変換できた。
tsc --noImplicitUseStrict --target es2015
--これを、[[create-react-app>https://dotnetdevelopmentinf...
ただし、JSXの部分が、React.createElementに変換されるので...
-組合せ~
SPAのMV*とCordova (PhoneGap)を組み合わせる。
--Cordova (PhoneGap) - .NET 開発基盤部会 Wiki~
https://dotnetdevelopmentinfrastructure.osscons.jp/index....
*参考 [#c0349c91]
**[[JavaScript Services]] [#m46043c7]
**[[Visual Studio CodeによるSPA開発]] [#m3b31091]
**CodeZine（コードジン） [#l911e59f]
***ASP.NET Core 2.0でSPAテンプレートを使おう [#o4ee4eef]
-【前編】 (1/2)~
https://codezine.jp/article/detail/10599
-【後編】 (1/2)~
https://codezine.jp/article/detail/10618
----
Tags: [[:.NET開発]], [[:.NET Core]], [[:ASP.NET]], [[:ASP...
終了行:
「[[マイクロソフト系技術情報 Wiki>http://techinfoofmicros...
-戻る
--[[ASP.NET SPA]]
--[[ASP.NET Core]]
* 目次 [#jbe7fa80]
#contents
*概要 [#v519679c]
-[[Visual Studio]] 2017の.NET Framework側の[[SPA>ASP.NET ...
[[ASP.NET Core]]の[[SPA>ASP.NET SPA]]テンプレートは、[[np...
-今後、主流は、「[[Visual Studio Code]]」+「[[npm>https:/...
になる可能性があるが、以下の[[ASP.NET Core]]の[[SPA>ASP.N...
-現時点では、[[Visual Studio]]と統合させないほうが良さそ...
*テンプレート [#sb2a9292]
**[[Visual Studio]]標準テンプレート [#gb8d805d]
***[[ASP.NET Core Angularテンプレート]] [#e6cc21de]
***[[ASP.NET Core React.jsテンプレート]] [#o7955d75]
***[[ASP.NET Core React+Reduxテンプレート]] [#md706767]
***ASP.NET Core Vue.jsテンプレート [#md706767]
.NET Core SDK 2.0.xであれば、dotnet new vueで生成可能。
-Vue.jsを使用したASP.NET Coreのテンプレートを用意する - ...
http://tsubalog.hatenablog.com/entry/2018/01/05/070000
**カスタム・テンプレート [#e4ffac31]
***[[Visual Studio]]を使用する。 [#i84dfc4b]
前述の[[Visual Studio標準テンプレート>#gb8d805d]]をカスタ...
***[[Visual Studio]]を使用しない。 [#h84eb730]
色々検討した結果、
-[[SPA>Single-page application]]（フロントエンド）を、
-[[ASP.NET Core]]（バックエンド）の
プロジェクトと結合させない方がイイと言う結論に至った。~
（案の定、[[JavaScript Services>#m46043c7]]も、廃止になっ...
-理由
--この理由は、例えば、[[create-react-app>https://dotnetde...
依存関係（Webpack、Babel、ESLintなど）が隠蔽されイイ感じ...
--これ（フロントエンド）を、バックエンドのプロジェクトと...
npm run ejectでコレらの依存関係を取り出してカスタマイズす...
---aspnet/[[JavaScriptServices>#m46043c7]] > Issue #997~
New Create React App-based template~
https://github.com/aspnet/JavaScriptServices/issues/997
--しかし、フロントエンドの専門性が高いので、~
ココはバイリンガルにしない方が最適であると考える。
---習得コストが高いためバイリンガルは困難。~
・フロントエンド・エンジニアがバックエンドを追加で覚える。~
・バックエンド・エンジニアがフロントエンドを追加で覚える。
---（[[Cordova＋React>https://dotnetdevelopmentinfrastruc...
組み合わせの情報は、割と見つかることがあるがバックエンド...
-移行
--[[Visual Studio標準テンプレート>#gb8d805d]]がなかなか良...
--こちらは、[[TypeScript]]を使用しているため、必要に応じ...
---[[コチラ>TypeScript#y2748bb6]]を参考にして任意のECMASc...
---以下のコマンドでイイ感じにコンパイルで変換できた。
tsc --noImplicitUseStrict --target es2015
--これを、[[create-react-app>https://dotnetdevelopmentinf...
ただし、JSXの部分が、React.createElementに変換されるので...
-組合せ~
SPAのMV*とCordova (PhoneGap)を組み合わせる。
--Cordova (PhoneGap) - .NET 開発基盤部会 Wiki~
https://dotnetdevelopmentinfrastructure.osscons.jp/index....
*参考 [#c0349c91]
**[[JavaScript Services]] [#m46043c7]
**[[Visual Studio CodeによるSPA開発]] [#m3b31091]
**CodeZine（コードジン） [#l911e59f]
***ASP.NET Core 2.0でSPAテンプレートを使おう [#o4ee4eef]
-【前編】 (1/2)~
https://codezine.jp/article/detail/10599
-【後編】 (1/2)~
https://codezine.jp/article/detail/10618
----
Tags: [[:.NET開発]], [[:.NET Core]], [[:ASP.NET]], [[:ASP...
ページ名:
![[PukiWiki]](image/pukiwiki.png "[PukiWiki]")
