初心者でもわかる ASP.NET

ASP.NET用開発環境を構築です。

ASP.NET+C#+SQLSERVERの構成にて説明をしていきます。以下の手順を実施すれば、自分のPCにWEB(ASP.NET)開発環境を簡単に作成できます。(2025/6/20現在の情報にて)

  1. Visual Studio 2022 のインストール
  2. SQL Server と SSMS(管理ツール)のインストール
  3. SQL Server 構成マネージャーの設定(ASP.NET接続のため)
  4. IIS Express / IIS の設定及び確認(Webサーバ)
  5. プロジェクト作成(Visual Studio 2022)
  6. Web.config へDB接続設定
  7. 動作確認(Hello World表示)

💻【STEP 1】Visual Studio 2022 のインストール

➡️用途:ASP.NET Webアプリを作成する統合開発環境(IDE)

手順:

  1. 以下のURLにアクセス
    Visual Studio 2022 ダウンロード(Microsoft公式)
  2. Community(無償)」または「Professional(ライセンスあり)」を選択
  3. インストーラ起動後、以下を選択してインストール:
    • 「ASP.NET と Web 開発」
    • 「.NET デスクトップ開発」(必要に応じて)
    • 日本語ランゲージパック(日本語環境の方がわかりやすいため)
  4. インストール後、Windowsのスタートメニューから起動(※初回起動にはMicrosoftアカウントが必要な場合あり。

💻【STEP 2】SQL Server と SSMS(管理ツール)のインストール

➡️用途:データベースサーバ(SQL Server)とGUI管理ツール(SSMS)

SQL Server Express の手順:

  1. 以下のURLにアクセス
    SQL Server Express(無料)公式DLページ
  2. SQL Server 2022 Express」をダウンロード → セットアップ開始
  3. 基本(Basic)」インストールを選択(推奨)
  4. インストール後、インスタンス名を控える(例:OFFICEAKITA002\SQLEXPRESS

SSMS の手順:

  1. SQL Server Management Studio (SSMS) をダウンロード
  2. ssms-setup.exe を実行してインストール
  3. 起動後、以下の情報で接続:
    • サーバー名:(local)\SQLEXPRESS
    • 認証:Windows認証(またはSQL Server認証)

💻【STEP 3】IIS Express / IIS の確認(Webサーバ)

➡️用途:ローカル環境でASP.NETを実行するためのWebサーバ

IIS Express

  • Visual Studioに標準で搭載 → 特別な設定は不要
  • 実行時にブラウザが自動起動し、http://localhost:xxxxx/ にアクセス

➡️IIS(本番・共有用テストサーバで使用)

  1. Windowsの「アプリと機能」→「Windowsの機能の有効化または無効化」
  2. インターネット インフォメーション サービス(IIS)」を有効化
    • 「Web管理ツール」
    • 「アプリケーション開発機能」→「.NET拡張機能」
  3. IISマネージャ起動(inetmgr)し、既定Webサイトにアプリを登録

💻【STEP 4】プロジェクト作成(Visual Studio)

➡️初期セットアップとしてプロジェクトを生成

手順:

  1. Visual Studioを起動
  2. [新しいプロジェクトの作成] → 「ASP.NET Webアプリケーション (.NET Framework)」を選択
  3. 名前を入力(例:CustomerManagerWeb
  4. 「Web Forms」を選択
  5. 認証は「個別ユーザー アカウント(Forms 認証)」を選択
  6. プロジェクト作成

💻【STEP 5】Web.config へDB接続設定

✨例:SQL Server(ローカル)へ接続するConnectionStringを記載

Windows認証で接続する場合(おすすめ)

<connectionStrings>
  <add name="DefaultConnection"
       connectionString="Data Source=localhost\SQLEXPRESS;Initial Catalog=CustomerMgmt_Dev;Integrated Security=True"
       providerName="System.Data.SqlClient" />
</connectionStrings>

SQL Server 認証(saユーザー等)を使う場合

<connectionStrings>
  <add name="DefaultConnection"
       connectionString="Data Source=localhost\SQLEXPRESS;Initial Catalog=CustomerMgmt_Dev;User ID=sa;Password=●●●●"
       providerName="System.Data.SqlClient" />
</connectionStrings>

💻【STEP 6】動作確認(Hello World表示)

  1. Default.aspx に以下を記述:
<asp:Label ID="lblHello" runat="server" Text="Hello World"></asp:Label>

Visual Studioでデバッグ(F5)実行
→ ブラウザで http://localhost:xxxxx/ が表示され、”Hello World” が確認できればOK。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA