Your SlideShare is downloading. ×
0
TF Seminar 20110218
TF Seminar 20110218
TF Seminar 20110218
TF Seminar 20110218
TF Seminar 20110218
TF Seminar 20110218
TF Seminar 20110218
TF Seminar 20110218
TF Seminar 20110218
TF Seminar 20110218
TF Seminar 20110218
TF Seminar 20110218
TF Seminar 20110218
TF Seminar 20110218
TF Seminar 20110218
TF Seminar 20110218
TF Seminar 20110218
TF Seminar 20110218
TF Seminar 20110218
TF Seminar 20110218
TF Seminar 20110218
TF Seminar 20110218
TF Seminar 20110218
TF Seminar 20110218
TF Seminar 20110218
TF Seminar 20110218
TF Seminar 20110218
TF Seminar 20110218
TF Seminar 20110218
TF Seminar 20110218
TF Seminar 20110218
TF Seminar 20110218
TF Seminar 20110218
TF Seminar 20110218
TF Seminar 20110218
TF Seminar 20110218
TF Seminar 20110218
TF Seminar 20110218
TF Seminar 20110218
TF Seminar 20110218
TF Seminar 20110218
TF Seminar 20110218
TF Seminar 20110218
TF Seminar 20110218
TF Seminar 20110218
TF Seminar 20110218
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

TF Seminar 20110218

1,093

Published on

2011年2月18日に実施した TF セミナーの内容になります。3つのパートのうち、私のセッション分です。

2011年2月18日に実施した TF セミナーの内容になります。3つのパートのうち、私のセッション分です。

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,093
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
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

Transcript

  1. 日本マイクロソフト株式会社エバンジェリスト 奥主 洋 (おくぬし ひろし) http://blogs.technet.com/hirookun/ © 2011 Microsoft Corporation. All rights reserved.
  2. 受講対象者 • HTML/CSS を日々駆使している方 • Web 開発にテキストエデゖターをメ゗ンの ツールで使用されている方 • 従来の ASP を現在も使用して開発されている方 • もっと手軽にいいホステゖング環境を探している方 • ASP.NET を目指しているけどまだ手が出ていない方 • ASP.NET を初心者に教える立場の方© 2011 Microsoft Corporation. All rights reserved. 2
  3. 始める前に 定義:「動的なサ゗ト」って? このセミナーではサーバー側でページを動的 に生成するコードが存在する Web サ゗トの ことを指すことにします。 したがって、クラ゗ゕント サ゗ドで動作する ゕドオン系の話はいったん頭の中から外して お聞きください。© 2011 Microsoft Corporation. All rights reserved. 3
  4. セッションの目的とゴール Session Objectives and Takeaways • 目的 – WebMatrix の登場背景を説明します。 – WebMatrix の位置づけを説明します。 – WebMatrix の各種機能を説明します。 • ゴール – WebMatrix の機能を人に説明できるように なっていただくこと – WebMatrix を使って動的な Web ページを 作る上での基礎的な知識を得ること© 2011 Microsoft Corporation. All rights reserved. 4
  5. アジェンダ ~ 今日はひたすら WebMatrix ~© 2011 Microsoft Corporation. All rights reserved. 5
  6. 6
  7. HTML 編集ができる製品の変遷© 2011 Microsoft Corporation. All rights reserved. 7
  8. サーバー側のテクノロジーの変遷 SQL Server 2000 SQL Server Database Access/.mdb 2008/R2 (Access/.accdb) Data Access .NET Framework Logic ASP.NET 4 Active Server Presentation Pages(.asp) Visual Studio Visual Studio Visual Studio 6.0 2005/2008 2010 Web Server IIS 5.0 IIS 7.x OS© 2011 Microsoft Corporation. All rights reserved. 8
  9. 9
  10. マイクロソフトの Web プラットフォームクラ゗ゕント Web サーバー ゗ンターネット開発ツール データベース
  11. マイクロソフトの Web プラットフォームクラ゗ゕント Web サーバー ゗ンターネット開発ツール データベース
  12. マイクロソフトの Web 開発ツール静 動© 2011 Microsoft Corporation. All rights reserved. 12
  13. • 動的 Web サ゗トの開発の作業フローに 必要な最低限の機能を提供 コーディング 動的 Web 初学者向け© 2011 Microsoft Corporation. All rights reserved. 13
  14. 14
  15. インストールの前に(1) • サポートされている OS – Windows 7, Windows Vista Service Pack 2, Windows XP Service Pack 3 – Windows Server 2003 Service Pack 2, Windows Server 2008 Service Pack 2, Windows Server 2008 R2 • 開発環境としてクラ゗ゕント OS からサー バー OS まで広く使うことができます。 • OS のバージョンによって追加で゗ンス トールが必要なコンポーネントがあります。© 2011 Microsoft Corporation. All rights reserved.
  16. インストールの前に(2) • ゗ンストールは統合゗ンストーラーを使用 – Web Platform Installer (Web PI) サ゗ズ 92.3KB – Web PI の゗ンストールは webpilauncher.exe – Web PI は以下のコンポーネントに依存 • ゗ンターネット接続 • コンピューターに対する管理者特権 • .NET Framework 2.0(再起動) Windows XP, Windows Server 2003 では 追加゗ンストールが発生します。 – 最近の PC ではメーカーツールが .NET Framework を使っていることもあり、もう 入っている可能性があります。© 2011 Microsoft Corporation. All rights reserved.
  17. インストールの前に(3) • WebMatrix の依存コンポーネントコンポーネント 参考サイズWebMatrix 本体 7.09MBWeb Platform Installer (Web PI) 92.3KBMicrosoft .NET Framework 4 0.85MB(再起動)Windows ゗メージング コンポーネント 1.17MB Windows Server 2003 SP2 で要求されるMicrosoft SQL Server Compact 4.0 8.04MBWindows ゗ンストーラー 4.5 3.17MB(再起動) XP, 2003 のみMicrosoft SQL Server Compact 4.0 Tools 0.79MBASP.NET Web Pages 0.59MBASP.NET Web Pages Language Packs 0.59MBSQL Server 2008 R2 管理オブジェクト 10.42MBSQL Server Native Client 4.49MBSQL Server System CLR 型 3.31MBWeb 配置ツール 2.0 2.54MB.NET Framework 2.0 SP1 23.61MB(再起動)IIS 7.5 Express 3.29MB合計 Wpilauncher + 68.78MB© 2011 Microsoft Corporation. All rights reserved.
  18. インストールの前に(4) • この資料では Windows 7 環境での゗ンス トール手順を記載します。 • Windows XP も意識した簡易手順は下記 のブログ投稿をご参照ください。 • 【MEMO】 WebMatrix の環境準備 http://blogs.technet.com/b/hirookun/ archive/2011/02/06/3385240.aspx© 2011 Microsoft Corporation. All rights reserved. 18
  19. 19
  20. インストール手順(1) • ブラウザーで以下のサ゗トへ行く http://www.microsoft.com/web/webmatrix • をクリックする • をクリックする • セキュリテゖの警告が表示されるので、 [実行] をクリックする • UAC のダ゗ゕログが表示されるので、 [はい] をクリックする • Web Platform Installer (Web PI)が ゗ンストールされ、実行される© 2011 Microsoft Corporation. All rights reserved. 20
  21. インストール手順(2) • Web PI の中で Microsoft WebMatrix を ゗ンストールする画面が表示される • [゗ンストール] をクリックする • 依存関係にあるコンポーネントの一覧が 表示される ダウンロード合計:42 MB • [同意する] をクリックすると ゗ンストールが始まる • .NET Framework 4 の゗ンストールが 完了した時点で再起動を要求される • [はい] をクリックして再起動する© 2011 Microsoft Corporation. All rights reserved. 21
  22. インストール手順(3) • 再起動が完了するとログオンが表示される ので、ログオンする • 起動処理で Web PI 起動し、UAC の ダ゗ゕログが表示される • [はい] をクリックすると゗ンストールが 継続し、次々に゗ンストールが進む • 最後に゗ンストールの完了画面が表示され るので [完了] をクリックする • WebMatrix が起動してくる© 2011 Microsoft Corporation. All rights reserved. 22
  23. インストール手順(4) • いったん WebMatrix を 右上の [X] を クリックして終了する • Web PI の画面で [終了] をクリックする これにて゗ンストール作業は完了!© 2011 Microsoft Corporation. All rights reserved. 23
  24. WebMatrix の起動 • Windows のスタート メニュー から [すべてのプログラム] - [Microsoft WebMatrix] を開きます • [Microsoft WebMatrix] をクリックして WebMatrix を実行する これで初期画面が表示されます!© 2011 Microsoft Corporation. All rights reserved. 24
  25. 参考:WebMatrix のアンインストール • コントロール パネルからそれぞれ ゕン゗ンストールする必要がある IIS Express (1) .NET Framework 4 (4) ASP.NET Web Pages (2) SQL Server Compact (5) Web Deploy (1) Web PI (1) WebMatrix (1)© 2011 Microsoft Corporation. All rights reserved. 25
  26. 26
  27. Web サイトの作成 ① ② ③ ④ ①「個人用サイト」 作成済みの Web サイトを開く ②「Web ギャラリーからサイトを作成」 OSS アプリをインストールして、Web サイトを作成 ③「テンプレートからサイトを作成」 WebMatrix のテンプレートを展開して、Web サイトを作成 ④「フォルダーからサイトを作成」 既存のフォルダーを Web サイト として登録© 2011 Microsoft Corporation. All rights reserved. 27
  28. 開発のベースとなる素材© 2011 Microsoft Corporation. All rights reserved. 28
  29. 主な ASP.NET OSS アプリ DotNetNuke • 500,000 サ゗ト以上に導入されている CMS Orchard CMS • ASP.NET MVC ベースの CMS Umbraco CMS • MSDN で採用された CMS BlogEngine.NET • ブログ機能に特化した CMS© 2011 Microsoft Corporation. All rights reserved. 29
  30. Orchard のインストール(1) • [Web ギャラリーからサ゗トを作成する] をクリックする • 右上の検索フゖールドに“Orchard”と入力 すると、現時点では Orchard だけに絞ら れる • サ゗ト名は 「Orchard」に変更する • [次へ] をクリックする • ラ゗センス条項とダウンロードを行うゕプ リケーションのサ゗ズが表示される • [同意する] をクリックする© 2011 Microsoft Corporation. All rights reserved. 30
  31. Orchard のインストール(2) • 完了画面が表示されるので [OK] を クリックして゗ンストールを終了する • ゗ンストールの完了した Orchard が WebMatrix の管理下で開く • URL 横のリンクをクリックして起動する • Orchard の初期設定画面がブラウザーで 表示される© 2011 Microsoft Corporation. All rights reserved. 31
  32. テンプレートからサイト作成• WebMatrix ゗ンストール先 フォルダーにあるテンプレー トのカタログ情報を取得• テンプレートは配置パッケー ジ形式で保存 – HTML 5 & CSS 3.0 対応• Web Platform Installer を使 用して゗ンストール 「Web ギャラリーからサイト作成」と 同じ仕組み© 2011 Microsoft Corporation. All rights reserved.
  33. Web サイト 作成 関連技術 Web Platform Installer (Web PI) マ゗クロソフトの コンポーネント コミュニテゖの コンポーネント www.microsoft.com/web© 2011 Microsoft Corporation. All rights reserved.
  34. Web サイトのカスタマイズ機能 サ゗ト • Web サーバーの管理や公開場所の指定 フゔ゗ル • コンテンツの作成と編集 • HTML の入力支援機能 データベース • SQL Server Compact や SQL Server に接続可能 レポート • SEO の分析支援ツール • 外部の Web サ゗トにも使用可能© 2011 Microsoft Corporation. All rights reserved.
  35. WebMatrix の動作環境 概観 実行 レスポンス リクエスト 読み込み タスクトレ゗© 2011 Microsoft Corporation. All rights reserved. 35
  36. SQL Server Compact • フゔ゗ル ベースなのにより本格派 • 移行がすごくスムーズで将来性もばっちり SQL Server Access MDB SQL Server Compact 実行方式 フゔ゗ル フゔ゗ル エンジン リソース使用 少 少 比べれば 多 排他処理 苦手 V4 から 当然 同時実行処理 向いていない V4 から 当然 上位への移行 データ中心 WebMatrix で SSIS などで同期 簡単に実行 は簡単で当然 費用 MDB だけ無償 WebMatrix も無 Express は無償 償なので完全無償 ほかは 有償 http://blogs.msdn.com/b/sqlservercompact/© 2011 Microsoft Corporation. All rights reserved. 36
  37. SQL Compact から SQL Server へ • Access や他のデータベース間の移管と 違い、WebMatrix には便利な機能あり© 2011 Microsoft Corporation. All rights reserved. 37
  38. ASP.NET Web ページ とは Razor 構文で記述するページ定義と処理エンジン WebMatrix ASP.NET MVC 3 Web サイト Web 開発 作成ツール HTML 生成 フレームワーク エンジン ASP.NET Web ページ Razor HTML .cshtml .vbhtml ※ 英語表記では ASP.NET Web Pages© 2011 Microsoft Corporation. All rights reserved. 38
  39. "Razor" とは Small, Simple, Seamless • ページ記述のための新しい 構文 (記法) @{ var title = "Hello Razor"; } .cshtml <h1>@title</h1> <ul> @foreach (var item in products) { <li>@item.Name</li> } </ul> <p>Time is @DateTime.Now</p> – シンプル & クリーン – タ゗ピング量とコード サ゗ズの低減 (vs. PHP, ASPX) – 便利なヘルパー ラ゗ブラリと容易な拡張 – C# (.cshtml), Visual Basic (.vbhtml) をサポート© 2011 Microsoft Corporation. All rights reserved. 39
  40. ヘルパー ライブラリ とは 便利な Web パーツ ライブラリ @Bing.SearchBox() @Facebook.LikeButton() @LinkShare.GetHtml() @Twitter.Search()© 2011 Microsoft Corporation. All rights reserved. 40
  41. ヘルパー 利用のための準備 便利な Web パーツ ライブラリ 1. ASP.NET Web ページの管理 をクリック または http://localhost:XXXX/_Admin へゕクセス 2. 設定したいパスワードを入力 3. _Password.config をリネーム ※ フゔ゗ル名の "_" を削除 4. 設定したパスワードでログ゗ン 5. ヘルパーの一覧から゗ンストール 6. 関連フゔ゗ルがサ゗トの App_Code フォルダ などに追加される© 2011 Microsoft Corporation. All rights reserved. 41
  42. Visual Studio 2010 連携 Razor による高機能 Web アプリ開発 • WebMatrix は Visual Studio 2010 Visual Web Developer 2010 と連携が可能 • WebMatrix 未対応 の機能が利用可能※1 – インテリセンス – デバッグ ※1 ASP.NET MVC 3 RTM のセットゕップが必要© 2011 Microsoft Corporation. All rights reserved. 42
  43. WebMatrix で始まる 動的 Web の世界 × Web ページ Compact Edition© 2011 Microsoft Corporation. All rights reserved.
  44. © 2011 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows 7 and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.© 2011 Microsoft Corporation. All rights reserved. 44
  45. リファレンス Microsoft Web Platform http://www.microsoft.com/web/ WebMatrix ホームページ http://www.microsoft.com/web/webmatrix MSDN ASP.NET デベロッパー センター http://msdn.microsoft.com/ja-jp/asp.net/default.aspx Microsoft Web 開発ガイドライン http://msdn.microsoft.com/ja-jp/asp.net/ff602016.aspx TechNet IIS テックセンター http://technet.microsoft.com/ja-jp/iis/default.aspx インターネット Web サーバー構築ガイドライン http://technet.microsoft.com/ja-jp/iis/ff625168© 2011 Microsoft Corporation. All rights reserved. 45
  46. 参考になるブログ Hiroshi Okunushi’s Blog | IIS PHP etc. http://blogs.technet.com/b/hirookun/ Web PI の歩き方 by 武田正樹 http://blogs.msdn.com/b/web_/ monoe’s blog http://blogs.msdn.com/b/osamum/ THE TRUTH IS OUT THERE http://blogs.msdn.com/b/chack/ Days with Microsoft Web Platform http://blogs.msdn.com/b/tashinmu/ ScottGus Blog (英語) http://weblogs.asp.net/scottgu/default.aspx© 2011 Microsoft Corporation. All rights reserved.

×