ASP.NET MVC 基礎のキソ 技術ひろば.net 2009年12月勉強会　セッション資料 （2009年12月19日開催）

1. 瀬尾佳隆 (y.seo@seosoft.jp)
Microsoft MVP for Visual C#
1

2.  道場スタイル（風）
◦ 資料の説明は極力少なめで
◦ 基本を実際に操作してお見せします
◦ 自習のきっかけとして見てください
 ASP.NET MVC に全く or あまり触ったことがない方、これから
触ってみようという方のためのセッションです
◦ 漠然とでも、「ASP.NET とはずいぶん違うな～」という感覚
◦ ASP.NET MVC は実はそんなに面倒ではないということ
◦ 手順（お作法）と基本的な考え方
◦ ・・・を体感していただくことを目標としています
 経験者には簡単すぎる内容です
◦ 寝てるか
◦ フォローするか
◦ ・・・をお願いします
 打たれ弱いので、優しく見守ってください (^^;)
2

3.  ASP.NET MVCとは？
◦ ASP.NET MVCとは？／MVC パターンとは？
 開発手順とデモ
◦ ダウンロード＆インストール
◦ プロジェクトの構成
◦ ルーティング
◦ Controller の作成、View の作成
◦ Controller→View のデータの渡し方
◦ POSTの方法
◦ DB 連携
 データモデルの定義
 ASP.NET MVC の DB 連携
3

4.  文字通り、MVC パターンの ASP.NET です :-P
◦ サーバーコントロールは使いません（使えません）
◦ 見た目の部分は HTML や View 埋め込みコードで記述
 よく言われるキーワードとしては、デザイナとの協業
 でも Windows に慣れた開発者には面倒（？）
◦ レスポンスがシンプル＆開発者の意図したとおりになります
◦ 単体テストが簡単
 開発生産性は ASP.NET のほうが多分上・・・
◦ ASP.NET を置き換える技術、開発手法ではありません
 結局 ASP.NET との使い分けが大事
 個人的には ASP.NET のほうが好きですが
 Silverlight なんかもあったりしますが
4

5.  Web 開発では一般的な考え方
 Model – View – Controller
が役割を分担
◦ Model ・・・データ操作を担当する
部分
◦ View ・・・ユーザーと対話する部分
◦ Controller・・・リクエストを処理し、
Model と View をつなげる部分
※MSDN マガジン 2008年3月号より
5

6.  Visual Studio 2008 SP1
 または Visual Web Developer Express Edition
(無償)
◦ ただし VWD の場合はユニットテストは使えません
6

7.  http://www.asp.net/mvc/ でダウンロード（無償）
7

8. 8

9. 9

10. 10

11. 11

12. 12

13. Controllers
Models
Views
◦ MVC の役割ごとのファイルは上
のそれぞれのフォルダに配置
Globals.asax
◦ ルーティングのルールはココで決
める
*.Tests
◦ ユニットテストはここ
13

14. 14

15.  ルーティングのルールを決めているのは・・・
15

16. 16

17. 17

18. 18

19.  まずは View を呼び出すだけの Controller のまま
で動かしてみます
19

20. 20

21. 21

22. Index.aspx
 まずは単なる静的ページ
22

23.  面白みのない当たり前の結果・・・ですが
◦ ルーティングされて
◦ Controller が呼び出され
◦ さらに View が呼び出されたものが、これです
23

24. 24

25. Index.aspx (変更)
 ViewData を通してデータを受け渡し
 表示の際は Html.Encode を使う
◦ クロスサイトスクリプティング対策
25

26. 26

27. 27

28. Post.aspx
 Input 要素（Html.TextBox ヘルパー）の名前を Controller 側と
揃えることに注意
28

29. Result.aspx
 特に難しいところはありません
29

30. 30

31.  まずは DB の準備
31

32. 32

33. 33

34. 34

35.  既定値を変更
◦ Discontinued・・・
False
◦ UnitPrice・・・0
◦ UnitsInStock・・・0
◦ UnitsOnOrder・・・0
 新規登録時の既定
値として使われる値
35

36.  “Add Action methods …” のチェックを忘れずに
36

37. ※ Controller クラスでは Model の using を追加しておくとラク
（ファイル先頭付近に “using <プロジェクト名>.Models; ” を追加）
37

38. 38

39. Index.aspx (前半)
39

40. Index.aspx (後半)
40

41. 41

42. 42

43. 43

44. Details.aspx (前半)
44

45. Details.aspx (後半)
45

46. 46

47. 47

48. 48

49. Create.aspx
49

50. 50

51. 51

52. 52

53. Edit.aspx (前半)
53

54. Edit.aspx (後半)
54

55.  これで DB 連携の一連の操作は終わり
55

56.  最後に紹介する参考文献を読んでください :-P
 リクエストがあれば続編をやります（または誰か立候
補を！）
◦ バリデーション
◦ TextBox 以外のビューへルパ（HTML 要素）
◦ ルーティングのカスタマイズ
◦ 認証
◦ AJAX 化
◦ ユニットテスト
◦ ・・・など、なかなか奥が深いです
56

57.  「ASP.NET MVC入門」 （@IT）
◦ http://www.atmarkit.co.jp/fdotnet/aspnetmvc/index/index
.html
◦ これを読めば、今日の話はすべて忘れても大丈夫です
 「Web フォームを使用しないで Web アプリケーションを作成す
る」 （MSDN マガジン 2008年3月号）
◦ http://msdn.microsoft.com/ja-
jp/magazine/cc337884.aspx
 「Professional ASP.NET MVC 1.0」 （Wrox）
◦ http://aspnetmvcbook.s3.amazonaws.com/aspnetmvc-
nerdinner_v1.pdf
◦ 書籍のオンライン版がタダで読めます
 「ASP.NET MVC 実践プログラミング」 （山田祥寛 著、秀和シ
ステム 刊、3200円）
◦ 深いです
57

58. 58