ASP.NETの開発準備（ASP.NET）


# 新しいプロジェクトを作成する。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3079289/4d46e7d9-76e0-30e1-fbc2-9a5189bcf8d2.png)

# プロジェクトのテンプレートを選択する。
画像では、検索項目に「ASP.NET Web Application (.NET Framework)」と検索し、上部に出てきた選択項目を選択しました。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3079289/03e46824-aa78-6072-3f82-521eb2730f5f.png)

# プロジェクト名などを設定し、作成を行う。
プログラム言語、OSなどに問題ないことを確認し、プロジェクト名、ソリューション名を設定していきます。
フレームワークのバージョンに関しては、作るアプリケーションなどの状況に応じて、作成すればよいです。
今回、一からアプリを作成していくので、最新のバージョンをインストールしました。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3079289/cf701fa5-98c3-8b83-33f0-476f953cdac4.png)

# プロジェクトが開くと、Visual Studio Cummunity Editionをインストールする。
この段階ではまだ必要なツールが整っていない状態なので、「ASP.NETを使用して作業を開始する」をクリックし、microsoft公式のページへアクセスします。ｚ
ASP.NETを使用して作業を開始するを選択すると、Visual Studio Cummunity Editionをインストールするよう促すページにつながります。
https://learn.microsoft.com/ja-jp/aspnet/overview
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3079289/c2ea712c-39cb-74f6-eb1d-35434ff45036.png)

# Visual Studio Community Editionをダウンロードするため、Microsoftの公式サイトへアクセスします。
https://visualstudio.microsoft.com/ja/downloads/
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3079289/fd8fd049-87b8-5dea-8f99-ceb012cd66ae.png)

# Communityをダウンロードします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3079289/e55c21c1-15eb-484b-30dc-5e6d03a7e01a.png)

# インストーラーを起動し、インストールする。
※私はインストールが完了するまで、10分以上かかりました。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3079289/cebca1f0-479a-a2be-3d90-1b9624d36655.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3079289/6b72457f-c49b-2741-aa73-a55c72f95c53.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3079289/76ce4361-99b6-87b3-7603-6e27a0351006.png)

# Visual Studio Communityを起動する。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3079289/41d95a3f-f174-96d0-06e7-477b90b6d52b.png)

# 先ほど準備したプロジェクトを開く。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3079289/894e672b-fdb9-e020-5e21-6d17d8b2b46e.png)

# ソリューションエクスプローラに必要なファイルが準備されている。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3079289/c52885bd-23aa-eb47-c93f-25d8446a9f56.png)

# 試しにデバックする。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3079289/1eea9500-3f6e-d9bd-0998-796d9b8de56a.png)

# セキュリティ警告は「はい」を選択する。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3079289/b849955d-7139-88e1-10de-43ed506007db.png)

# 「この接続ではプライバシーが保護されません」と出るので、詳細から「localhostにアクセスする」でアクセスする。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3079289/737f747e-7f69-bb6c-c3aa-5b0b522dfad0.png)

# localhostへアクセスが成功する。
その後、デバックする際にセキュリティ警告のメッセージは出なくなる。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3079289/91e6acc8-f0ac-d6e7-e0fd-e53afa10ceac.png)

# 注意事項
- この記事では、visual studio 2022を使用しているので、試してみたい方は事前に準備が必要です。
- 関連する記事の一覧は[こちら](https://qiita.com/portfoliokns3/items/7c789b7e1ba40500abbb#%E3%81%93%E3%82%8C%E3%81%8B%E3%82%89%E6%89%B1%E3%81%A3%E3%81%A6%E3%81%84%E3%81%8D%E3%81%9F%E3%81%84%E4%BA%BA%E5%90%91%E3%81%91%E3%81%AE%E8%A8%98%E4%BA%8B-1)。
※参照先のリンクが切れている場合は、[トップページ](https://qiita.com/portfoliokns3)から確認してください。

# この記事は誰向けの記事か？
- 試しにASP.NETを始めてみたいと思っている人
- ASP.NETの環境構築の手順を知りたい人

# 環境
- OS：Windows10
- [visual studio 2022](https://visualstudio.microsoft.com/ja/vs/)
- [Visual Studio Community Edition](https://visualstudio.microsoft.com/ja/downloads/)

# 本記事における注意事項
- 本記事は、備忘録としてまとめたものになります。
- 他の方の参考になる可能性も踏まえて、一般公開も行なっております。
- また記載内容はすべて、正しい内容が記載されているとは限りません。
- 誤った内容を見つけた場合は、ご指摘をお願いいたします。