NerdDinner チュートリアルの紹介

投稿者: Scott Hanselman

PDF のダウンロード

新しいフレームワークを学習する最善の方法は、それを使用して何かを構築することです。 このチュートリアルでは、ASP.NET MVC 1 を使用して小規模ながら完全なアプリケーションを構築する方法について説明し、その背後にある主要な概念をいくつか紹介します。

ASP.NET MVC 3 を使用している場合は、MVC 3 の概要または MVC Music Store に関するチュートリアルに従うことをお勧めします。

NerdDinner チュートリアル

新しいフレームワークを学習する最善の方法は、それを使用して何かを構築することです。 このチュートリアルでは、ASP.NET MVC を使用して小規模ながら完全なアプリケーションを構築する方法について説明し、その背後にある主要な概念をいくつか紹介します。

構築するアプリケーションは "NerdDinner" と呼ばれます。 NerdDinner は、オンラインでディナー イベントを見つけたり、企画したりするための簡単な方法を提供します。

Screenshot of the Nerd Dinner application page. The Host a Dinner page is shown.

NerdDinner では、登録済みユーザーはディナー イベントを作成、編集、削除できます。 アプリケーション全体で一貫した検証が実施され、ビジネス ルールが適用されます。

Screenshot of the Nerd Dinner application page. The Edit Dinner page is shown.

参加希望者は、AJAX ベースのマップを使用して、近くで開催される予定のディナー イベントを検索できます。

Screenshot of the Nerd Dinner A J A X based map page.

ディナー イベントをクリックすると、詳細ページに移動し、詳細を確認できます。

Screenshot of the Nerd Dinner web page with details about the A S P dot NET Study Group dinner.

ディナー イベントに参加することに興味がある場合は、サイトにログインするか、登録します。

Screenshot of the Nerd Dinner Log On page.

その後、AJAX ベースの RSVP リンクをクリックしてイベントに参加できます。

Screenshot of the Nerd Dinner Study Group page. The R S V P button can be found at the bottom.

Screenshot of the Nerd Dinner details page. A message saying Thanks we'll see you there is shown.

NerdDinner の実装

Visual Studio 内で [ファイル] > [新しいプロジェクト] コマンドを使用して新しい ASP.NET MVC プロジェクトを作成し、この NerdDinner アプリケーションの構築を開始します。 その後、機能を段階的に追加します。 順を追って、次の内容について説明します。

  1. 新しい ASP.NET MVC プロジェクトを作成する方法
  2. データベースを作成する方法
  3. モデルとビジネス ルール検証を作成する方法
  4. コントローラーとビューを使用してリスティング/詳細 UI を実装する方法
  5. CRUD (作成、読み取り、更新、削除) データ フォーム エントリ サポートを提供する方法
  6. ViewData を使用して ViewModel クラスを実装する方法
  7. マスター ページと部分ビューを利用して UI を再使用する方法
  8. 効率的なデータ ページングを実装する方法
  9. 認証と認可を利用してアプリケーションを保護する方法
  10. AJAX を使用して動的更新を配信する方法
  11. AJAX を使用してマッピング シナリオを実装する方法
  12. 自動化された単体テストを有効にする方法

この章で説明する各手順を実行することで、NerdDinner の独自のコピーを最初から作成できます。 また、GitHub で NerdDinner の完成したバージョンのソース コードをダウンロードすることもできます。 また、必要に応じて、オフラインでチュートリアルを読みたい場合は、このチュートリアルの無料の PDF 版をダウンロードすることもできます。

Visual Studio 2008 または無料の Visual Web Developer 2008 Express を使用して、アプリケーションをビルドできます。 データベースには、SQL Server または無料の SQL Server Express を使用できます。

Microsoft Web Platform Installer の V2 を使用して、ASP.NET MVC、Visual Web Developer 2008 Express、SQL Server Express (すべて無料) をインストールできます

それでは始めましょう...

NerdDinner の概要を抑えたところで、ここから本腰を入れてコードを記述していきましょう。

まず、Visual Studio の [ファイル] > [新しいプロジェクト] を使用して NerdDinner アプリケーションの作成を開始します。