[ASP.NET Core][入門] 第1回:ASP.NET Coreとは?開発環境の準備と初めてのHello World

スポンサーリンク

ASP.NET Coreとは?

ASP.NET Coreは、Microsoftが開発したオープンソースの高性能なWebアプリケーションフレームワークです。 従来のASP.NETから大幅に刷新され、軽量化、モジュール化、クロスプラットフォーム対応など、現代のWeb開発に求められる機能が多数搭載されています。

ASP.NET Coreの主な特徴

高性能: 非同期処理やモジュール化により、高速なWebアプリケーションを開発できます。

  • クロスプラットフォーム: Windows、macOS、Linuxなど、さまざまなOS上で動作します。
  • オープンソース: GitHub上で公開されており、世界中の開発者によって開発が進められています。
  • クラウドネイティブ: Azureをはじめとするクラウドサービスとの連携が容易です。
  • MVCパターン: Model-View-Controllerパターンを採用しており、Webアプリケーションの構造を整理しやすくなっています。

開発環境の準備

ASP.NET Coreアプリケーションを開発するために、以下のソフトウェアをインストールする必要があります。

  • Visual Studio: Microsoftの統合開発環境です。ASP.NET Coreの開発に最適です。
    Community版は無料で利用できます。
  • .NET SDK: .NETアプリケーションを開発するためのソフトウェア開発キットです。
    Visual Studioのインストール時に一緒にインストールされます。

Visual Studioのインストール

初めてのHello World

新しいプロジェクトの作成:

Visual Studioを起動し、「新しいプロジェクト」の作成をします。

テンプレートの選択:

テンプレート一覧から[ASP.NET Core Web アプリ]を選択します。

ASP.NET Core アプリ(Model View Controller)

ASP.NET Core アプリ(Model View Controller)

ASP.NET Core Web アプリプロジェクト名と保存場所を入力し、[次へ]ボタンをクリックします。

プロジェクト名の入力と保存先の選択

プロジェクト名の入力と保存先の選択

フレームワークと認証の選択:

.NETのバージョンとASP.NET Coreのバージョンを選択します。
認証方式を選択します。今回は「なし」を選択しておきましょう。
その他の設定はデフォルトで問題ありません。[作成]ボタンをクリックします。

フレームワークと認証の選択

フレームワークと認証の選択

プロジェクトの構造

作成されたプロジェクトには、いくつかのフォルダとファイルが含まれています。
  • Controllers: コントローラーのクラスを置くフォルダです。
  • Models: モデルのクラスを置くフォルダです。
  • Views: ビューのファイルを置くフォルダです。
  • wwwroot: 静的なファイル(HTML、CSS、JavaScriptなど)を置くフォルダです。
  • Program.cs: アプリケーションのエントリーポイントとなるファイルです。

プログラムの実行と確認

実行:

Visual Studioの上部にある[開始]ボタンをクリックするか、F5キーを押します。
Visual Studioは、選択したブラウザでアプリケーションを起動します。
実行例

実行例

確認:

ブラウザに「Welcome」と表示されていれば、正常に動作しています。

コードの中身を見てみよう

Views/Home/Index.cshtml:

このファイルが、ブラウザに表示されるページのHTMLを記述するファイルです。
標準では、<h1 class=”display-4″>Welcome</h1>といった簡単なHTMLが記述されています。
<h1 class=”display-4″>Hello, World!!</h1> に書き換えて実行してみましょう。
Hello, World!!

Hello, World!!

Program.cs:

このファイルは、アプリケーションの起動に必要な設定を行います。
詳細は、今後の記事で解説します。

まとめ

今回は、ASP.NET Coreの概要と開発環境の準備、そして初めてのHello Worldアプリケーションの作成を行いました。 次回からは、MVCパターンやRazorページなど、ASP.NET Coreのより詳細な機能について解説していきます。

さらに詳しく知りたい方へ

Microsoft Learn: Microsoft公式の学習プラットフォームです。ASP.NET Coreに関するチュートリアルが豊富に用意されています。

初心者向けに ASP.NET Core で Web アプリをビルドする - Training
ASP.NET Core を使った Web 開発の概要です。 この初心者向けコースでは、C#、HTML、Razor Pages などの基本を学習します。

ASP.NET Core ドキュメント: ASP.NET Coreの公式ドキュメントです。詳細な情報が記載されています。

ASP.NET documentation
Learn to use ASP.NET Core to create web apps and services that are fast, secure, cross-platform, and cloud-based. Browse...

次回予告

次回の記事では、ASP.NET CoreのMVCパターンについて詳しく解説します。Model、View、Controllerの役割や、Razorページについて、その概要を説明します。

Please follow and like us:

コメント

タイトルとURLをコピーしました