blog

Visual Studio 2013でMVC5の旅を始める

このチュートリアルでは、Visual Studio 2013 を使用して、ASP.NET MVC5 の入門的な Web アプリケーションを構築します。このチュートリアルに付属する C# ソース・プロジ...

Jul 5, 2025 · 2 min. read
シェア

紹介

Visual StudioはIDE統合開発環境です。Microsoft Wordを使って文書を書くように、IDEを使ってアプリケーションを作成することができます。Visual Studioのトップツールバーには、さまざまなオプションが表示されます。また、IDE には、タスクを実行する別の方法を提供するメニューもあります。

最初のMVC 5アプリケーションの作成

新規プロジェクト」をクリックし、左側の「Visual C#」、「Web」、「ASP.NET Web Application」の順に選択します。 プロジェクト名を「MvcMovie」とし、「OK」をクリックします。

New ASP.NET Projectダイアログボックスで、MVC Templateを選択し、OKをクリックします。

Visual Studioが作成したばかりのASP.NET MVCプロジェクトはデフォルトのテンプレートを使用しているので、現在のプロジェクトでは何もする必要はありません!これは単純な "Hello World !" プロジェクトです。プロジェクトであり、"MvcMovie "プロジェクトを開始するには良い場所です。

キーボードショートカット F5 を押して、デバッグを開始します。 F5 を押すと、Visual Studio* で IIS Express が起動し、Web アプリケーションが実行されます。Visual Studio* がブラウザを起動し、アプリケーションのメインページを開きます。ブラウザのアドレスバーには、example.com のようなアドレスではなく、localhost:port# と表示されていることに注意してください。これは、localhost が常に自分のローカルコンピュータに解決されるためで、この場合 はまさに今ビルドしたアプリケーションです。Visual Studio が Web プロジェクトを実行すると、ランダムなポート番号の Web サービスが使用されます。下のイメージでは、ポート番号は 1234 です。アプリケーションを実行すると、異なるポート番号が表示されるかもしれません。

デフォルトのテンプレートページの右側には、"Home"、"About"、"Contact "のページがあります。下のスクリーンショットでは、「ホーム」、「会社概要」、「お照会」のリンクが表示されていません。ブラウザフォームのサイズにもよりますが、右上のナビゲーションアイコンをクリックすると、これらのリンクが表示されます。

また、デフォルトのテンプレートは、登録とログイン機能を提供するASP.Net MVCアプリケーションを作成します。 次のステップは、このデフォルトのアプリケーションを修正し、ASP.NET MVCについて学ぶことです。ブラウザを閉じて、ソースコードを修正してみましょう。

Read next

クラウド・コンピューティング:未知なるもの 準備はできているか?

クラウドが現実のものとなったとき、その恩恵がすぐそこまで迫っていることは明らかです。コスト削減、柔軟性、拡張性、資本支出を運用支出に変える能力などです。しかし、クラウドコンピューティングが提供するメリットに対する準備はできていますか?

Jul 5, 2025 · 3 min read