- 追加された行はこの色です。
- 削除された行はこの色です。
「[[マイクロソフト系技術情報 Wiki>http://techinfoofmicrosofttech.osscons.jp/]]」は、「[[Open棟梁Project>https://github.com/OpenTouryoProject/]]」,「[[OSSコンソーシアム .NET開発基盤部会>https://www.osscons.jp/dotNetDevelopmentInfrastructure/]]」によって運営されています。
-[[戻る>Visual Studio Code]]
-戻る
--[[ASP.NET Core SPAテンプレート]]
--[[Visual Studio Code]]
---[[CSharp for Visual Studio Code]]
---[[Python for Visual Studio Code]]
---[[Cordova Tools Extension]]
---Visual Studio CodeによるSPA開発
* 目次 [#ue78b231]
#contents
*概要 [#ua42607d]
-今後、主流は、「[[Visual Studio Code]]」+「[[npm>https://dotnetdevelopmentinfrastructure.osscons.jp/index.php?npm]] ,etc.の[[Node.js>https://dotnetdevelopmentinfrastructure.osscons.jp/index.php?JavaScript#q9fc6e24]]系のツール」になる可能性がある。
-「[[Visual Studio Code]]」を使用したSPAでは、バックエンドも[[ASP.NET Core>#z5f8abe0]]である必要はない。[[PHP>#edee3717]]などでも開発可能。
**[[Visual Studio]]のテンプレートを引き継ぐ [#b7acb41a]
-[[Visual Studio Code]]で[[ASP.NET Core]]を開発する場合、[[CSharp for Visual Studio Code]]を使用できる。
-このため、[[Visual Studio]]の[[ASP.NET Core SPAテンプレート>#y71df26d]]で作成したプロジェクトを、[[Visual Studio Code]]に引き継ぐ。
**[[Visual Studio]]のテンプレートを引き継がない。 [#cc81bcca]
-しかし、[[フロントエンドとバックエンドは切り離した方が良いという説が有力>ASP.NET Core SPAテンプレート#e4ffac31]]。
-[[Node.js>https://dotnetdevelopmentinfrastructure.osscons.jp/index.php?JavaScript#q9fc6e24]]系のツールでフロントエンドのプロジェクトを生成し、WebAPIのみでバックエンドと連携する。
*詳細 [#y90adc01]
以下の手順でVisual Studio CodeによるSPA開発が可能。
**SPA側 [#vfa2b471]
***[[React>https://dotnetdevelopmentinfrastructure.osscons.jp/index.php?React%E3%81%AE%E3%83%95%E3%82%A1%E3%83%BC%E3%82%B9%E3%83%88%E3%83%BB%E3%82%B9%E3%83%86%E3%83%83%E3%83%97#v9b02d5b]] [#ua32a162]
***, etc. [#yece3b83]
**Web API側 [#j3963acb]
***ASP.NET Core [#z5f8abe0]
-ASP.NET Core と Visual Studio Code で Web API を作成する | Microsoft Docs~
https://docs.microsoft.com/ja-jp/aspnet/core/tutorials/web-api-vsc?view=aspnetcore-2.1
#ref(Debug.png,left,nowrap,デバッグ実行,60%)
***PHP [#edee3717]
-Visaul Studio Code で PHP、インテリセンスとデバッグ~
https://qiita.com/diconran/items/6caed6b15cdda23c9933
***, etc. [#a373d6c5]
*参考 [#d2d51562]
**[[Postman]] [#n4882a21]
**[[ASP.NET Core SPAテンプレート]] [#y71df26d]
**[[Cordova Tools Extension]] [#z8742d02]
----
Tags: [[:.NET開発]], [[:モバイル系開発]]
Tags: [[:.NET開発]], [[:.NET Core]], [[:プログラミング]], [[:ツール類]]