Visual Studio CodeによるSPA開発のバックアップ(No.10) - マイクロソフト系技術情報 Wiki

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

バックアップ一覧
差分を表示
現在との差分を表示
ソースを表示
Visual Studio CodeによるSPA開発へ行く。
- 1 (2018-04-13 (金) 13:52:50)
- 2 (2018-04-13 (金) 14:01:10)
- 3 (2018-04-18 (水) 18:22:18)
- 4 (2018-05-10 (木) 10:33:48)
- 5 (2018-05-14 (月) 18:28:50)
- 6 (2018-05-14 (月) 19:26:11)
- 7 (2018-06-06 (水) 15:25:28)
- 8 (2018-06-28 (木) 09:50:59)
- 9 (2018-06-28 (木) 10:29:39)
- 10 (2022-01-14 (金) 17:23:44)

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

戻る

目次 †

目次
概要
- Visual Studioのテンプレートを引き継ぐ
- Visual Studioのテンプレートを引き継がない。
詳細
- SPA側
  - React
  - , etc.
- Web API側
  - ASP.NET Core
  - PHP
  - , etc.
参考

概要 †

今後、主流は、「Visual Studio Code」+「npm ,etc.のNode.js系のツール」になる可能性がある。

「Visual Studio Code」を使用したSPAでは、バックエンドもASP.NET Coreである必要はない。PHPなどでも開発可能。

Visual Studioのテンプレートを引き継ぐ †

Visual Studio CodeでASP.NET Coreを開発する場合、CSharp for Visual Studio Codeを使用できる。

このため、Visual StudioのASP.NET Core SPAテンプレートで作成したプロジェクトを、Visual Studio Codeに引き継ぐ。

Visual Studioのテンプレートを引き継がない。 †

しかし、フロントエンドとバックエンドは切り離した方が良いという説が有力。

Node.js系のツールでフロントエンドのプロジェクトを生成し、WebAPIのみでバックエンドと連携する。

詳細 †

以下の手順でVisual Studio CodeによるSPA開発が可能。

SPA側 †

React †

, etc. †

Web API側 †

ASP.NET Core †

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

デバッグ実行

PHP †

Visaul Studio Code で PHP、インテリセンスとデバッグ
https://qiita.com/diconran/items/6caed6b15cdda23c9933

, etc. †

参考 †

Postman †

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

Cordova Tools Extension †

Tags: :.NET開発, :.NET Core, :プログラミング, :ツール類