Your SlideShare is downloading. ×
Hokuriku.NET ASP.NET MVC入門 「概要」 20120825
Hokuriku.NET ASP.NET MVC入門 「概要」 20120825
Hokuriku.NET ASP.NET MVC入門 「概要」 20120825
Hokuriku.NET ASP.NET MVC入門 「概要」 20120825
Hokuriku.NET ASP.NET MVC入門 「概要」 20120825
Hokuriku.NET ASP.NET MVC入門 「概要」 20120825
Hokuriku.NET ASP.NET MVC入門 「概要」 20120825
Hokuriku.NET ASP.NET MVC入門 「概要」 20120825
Hokuriku.NET ASP.NET MVC入門 「概要」 20120825
Hokuriku.NET ASP.NET MVC入門 「概要」 20120825
Hokuriku.NET ASP.NET MVC入門 「概要」 20120825
Hokuriku.NET ASP.NET MVC入門 「概要」 20120825
Hokuriku.NET ASP.NET MVC入門 「概要」 20120825
Hokuriku.NET ASP.NET MVC入門 「概要」 20120825
Hokuriku.NET ASP.NET MVC入門 「概要」 20120825
Hokuriku.NET ASP.NET MVC入門 「概要」 20120825
Hokuriku.NET ASP.NET MVC入門 「概要」 20120825
Hokuriku.NET ASP.NET MVC入門 「概要」 20120825
Hokuriku.NET ASP.NET MVC入門 「概要」 20120825
Hokuriku.NET ASP.NET MVC入門 「概要」 20120825
Hokuriku.NET ASP.NET MVC入門 「概要」 20120825
Hokuriku.NET ASP.NET MVC入門 「概要」 20120825
Hokuriku.NET ASP.NET MVC入門 「概要」 20120825
Hokuriku.NET ASP.NET MVC入門 「概要」 20120825
Hokuriku.NET ASP.NET MVC入門 「概要」 20120825
Hokuriku.NET ASP.NET MVC入門 「概要」 20120825
Hokuriku.NET ASP.NET MVC入門 「概要」 20120825
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Hokuriku.NET ASP.NET MVC入門 「概要」 20120825

30,249

Published on

2012/08/25 に開催したASP.NET MVC入門。 …

2012/08/25 に開催したASP.NET MVC入門。
MVCとWEBについての説明です。

0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
30,249
On Slideshare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
27
Comments
0
Likes
3
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide
  • 今、作ろうとしている WEB アプリケーションの特徴です。 Windows アプリなど、クライアントのみ作成している方には、特に見ていただきたい点。
  • 実際にプロジェクトを見る必要がある。
  • Hypertext Transfer Protocol Uniform Resource Identifer Hypertext Markup Language この3つが WEB を支える最も基本的な技術
  • メソッドは8つ種類がある。が、主に使うのは2種類。(理由は後程)
  • Transcript

    • 1. Hokuriku.NETASP.NET MVC 入門 2012/8/25(土) 13:00-17:00 1
    • 2. 今日のゴール ASP.NET MVC の概要・基礎を幅広く知る WEBの基礎を知る 簡単なアプリケーションを作成できるようになる この先でてくるであろう、ASP.NET MVCに関連する セッションやニュースが、身近なものとしてみられる 2
    • 3. 対象者 ASP.NET MVC を初めて触る方 基礎からASP.NET MVCを知りたい方 とりあえずアプリを作成してみたい!という方 3
    • 4. タイムスケジュール13:00~ 3分で作成! ASP.NET MVC ASP.NET MVCについて知る WEBについて14:00~ アプリケーションを作成する15:00~16:00~ まとめ、資料について17:00 プレゼントじゃんけん! 4
    • 5. 3分で作成!ASP.NET MVC 5
    • 6. ASP.NET MVC とは 6
    • 7. ASP.NET MVC とは MVCパターン を採用した、 ASP.NET の WEBアプリケーション のための フレームワークゴール  ASP.NET MVC がどんなものであるかを知る。  WEB知識の必要性について知る。目次  おさえておきたいWEBアプリケーションの特徴  フレームワーク  バージョン  MVCパターン  違う視点からみるASP.NET MVC  ASP.NET MVC でよく使うWEB要素 7
    • 8. ASP.NET MVC とは おさえておきたいWEBアプリケーションの特徴 アプリケーション HTTP 通信(WEB) ASP.NET リクエスト MVC レスポンス クライアント サーバ WEBを利用した、アプリケーションである。 HTTP通信で、データのやりとりを行う。 ユーザのリクエストがあって、はじめてサーバからレスポンスがくる。 ユーザはレスポンスがくるまで待つ。これの繰り返しで、目的を達成する。 サーバ側は、ユーザが前回にどんなリクエストを行ったかはわからない。 (=ステートレス 状態を持たない) → 1つのリクエストに対して、どう返すか? が重要 8
    • 9. ASP.NET MVC とは フレームワーク.NET Framework の 構造よりhttp://www.microsoft.com/japan/seminar/msdn/300sec2010/dotnet_framework/dotNETStructure/default.html WEB フォーム MVC ASP.NET ASP.NET とは  WEB開発用の実行基盤のこと WEB開発用のフレームワークは、ASP.NET WEBフォームと、 ASP.NET MVC の2つがある 9
    • 10. ASP.NET MVC とは バージョン 今日はココ 3 41 22009/4 2010/4 2011/1 2012/8ニーズに応え 業務アプリでも ・フレームワークとしての機能 ・モバイルなど、MVCが登場 使用される。 がほぼ完成。 マルチディバイスに対応 ・Razor 現在でも、2で ・Html5対応 ・WEB API の追加 保守を続ける所は ・フレームワークとしての 多いと思われる? 機能には大きな変更は ない 10
    • 11. ASP.NET MVC とは MVCパターン(ASP.NET MVCにおける) ユーザがブラウザを通して1 HTTPリクエストを送信する Controlller HTTPリクエスト =クラス Controllerが 2 Viewを呼ぶ HTTPレスポンス View =Html, Json, Atom HTTPレスポンス 3 を返す。 11 青:WEB 赤:ASP.NET MVC
    • 12. ASP.NET MVC とは MVCパターン(ASP.NET MVCにおける) WEBアプリなので ユーザがブラウザを通して 動的に対応しなくてはいけない1 HTTPリクエストを送信する Controlller Model HTTPリクエスト =クラス 1.5 リクエストに対応する処理を実行。 ユーザに返すための画面の内容 Controllerが (データモデル)を準備する。 2 Viewを呼ぶ 2.5 Viewは、Model(たとえば、1.5で HTTPレスポンス 準備されたデータモデル)を View 参照して、Htmlやjsonを作成 =Html, Json, Atom する。 HTTPレスポンス 3 を返す。 12 青:WEB 赤:ASP.NET MVC内
    • 13. ASP.NET MVC とは 違う視点からASP.NET MVC を見る ASP.NET WEBフォーム ASP.NET MVC /Person/List,どのボタンが押されたか? /Person/3 Controllerどのページが指定されたか? Model Model View View 画面はGUIでコントロールを配置。  画面はWEBのHtmlで作成。 Windowsフォームを作る様な感覚で作成。  WEBの技術に沿って作成。 ある程度のWEBの知識はなくても可能。 Html5やjavascriptなど、開発者が 自由に制御可能。  各要素が疎結合。テストの容易性UP。  イベント駆動型  HTTPリクエストに応じて処理
    • 14. ASP.NET MVC とは ASP.NET MVCでよく使うWEB要素 HTTPリクエスト Controlller URIなど クライアントJavaScript HTTPレスポンス View HTML Json Atomなど
    • 15. ASP.NET MVC とは まとめ MVCパターンを採用したASP.NET WEBアプリケーション フレームワーク。 バージョンは現在4まで。 4では、マルチディバイス対応やWEB APIがある。 MVCは、WEBについてある程度知っておく必要がある。
    • 16. WEB(for ASP.NET MVC) 16
    • 17. WEBゴール  ASP.NET MVC を開発する上で、最低限必要な WEBの基礎を知る。目次  WEBとは 取得 送信 リダイレクト  JavaScript 17
    • 18. WEB WEB とは 通信の約束 HTTP リソースの一意である名前 リソースのフォーマットの1つ URI HTMLURL : 場所URN : 名前 リソースとは、WEB上に存在する 情報提供システム 名前をもった情報
    • 19. WEB HTTPでやりとりされるメッセージ 文字列 リクエストメッセージ レスポンスメッセージ・メソッド (GET, POST) ★ ・プロトコルバージョン・リクエストURI★ ・ステータスコード★・プロトコルバージョン ・テキストフレーズ・ヘッダ ・ヘッダ・ボディ★ ・ボディ★例: 例:GET /person/list HTTP1.1 HTTP/1.1 200 OKHost : sample.com Content-Type : application/xhtml…UserAgent: Mozilla… <html xmls=“…”> … </html>
    • 20. WEB 取得する HTTP リクエスト メソッド : GET URI : http://sample.com/details - クエリパラメータ ?who=taro & number =1 HTTP レスポンス名前と値のペア ステータスコード : 200 ボディ : <html> … </html>
    • 21. WEB 送信する HTTP リクエスト メソッド : POST URI : http://sample.com/list Body : Who=Tanaka & Text = Hello! HTTP レスポンス名前と値のペアHtmlの ステータスコード : 200テキストボックスやチェックボックスを ボディ :使う <html> … </html>
    • 22. WEB 送信するときの HTMLの中身 <form action=“home/create” method=“post”> POSTかGETSubmitボタンを押すと、 <input type=“text” name=“Who”Formで囲まれたコントロールの value=“Taro” />NameとValueの値をペアとして 送信する名前送信する。 <input type=“submit” /> と値のペア送信するときの、HTTPメソッドは、GETかPOSTの2つのどれか。 </form>GETの場合は、URIのクエリ文字列として、POSTの場合は、Bodyの値として送信される。
    • 23. WEB リダイレクト他のリソースを参照してほしいことを表す、HTTPレスポンスのステータスコード。 HTTP リクエスト HTTP レスポンス ステータスコード : 3xxリダイレクトを受け取ると、 Location : http://sample.com/newブラウザはすぐにHTTPリクエストを HTTP リクエスト行う。 メソッド : GET URI : http://sample.com/new
    • 24. WEB GET と POST どちらを使うのか?一定の結果を返すもの、変化をあたえないものが GET → 例:googleの検索、データの表示 ・GETは”何かを取得する”のが目的 ・また、URLはそのままブックマークにも利用されるので、 何度も実行される可能性がある。変化をあたえるものが POST → 例:掲示板の投稿、facebookの投稿 ・データの新規登録や編集時など、送信することで 内容が変更される場合に使う。
    • 25. WEB リダイレクトはどんな時に使用するか?同じリクエストを安易に行ってほしくないとき。(F5) POST(変更) POST(変更) レスポンス リダイレクト GET(取得)F5押す POST(変更) F5押す レスポンス GET(取得) POSTが再び行われてしまう。 安全なGETリクエストを行う。
    • 26. WEB ところでJavaScriptとは? ブラウザ上などで動くスクリプト言語。 検証、リッチな画面を作成するためには必須のもの。 MVC3からは、jQueryが組み込まれるようになった。WEB開発 では必須。非同期 サーバーからのレスポンスの結果 より、 画面の一部だけを更新すること。
    • 27. WEB まとめWEBの基本 HTTP、URI、HTMLHTTP リクエスト ・メソッド (GET, POST, …) ・URIHTTPレスポンス ・ステータスコード ・Body取得はGET、送信はPOST。 ・WEBアプリではこの2つを主に利用する。データを送信するときは、HTMLのコントロールを使う。 ・名前と値のペアで送信。(nameとvalue)他のリソースを参照してほしいときは、リダイレクト。JavaScriptはクライアントサイドで動く言語。 ・リッチUI、検証や、非同期処理でよく使われる。

    ×