TF Seminar 20110218

日本マイクロソフト株式会社
エバンジェリスト奥主洋 (おくぬしひろし)
http://blogs.technet.com/hirookun/

© 2011 Microsoft Corporation. All rights reserved.

受講対象者
• HTML/CSS を日々駆使している方
• Web 開発にテキストエデゖターをメ゗ンの
ツールで使用されている方
• 従来の ASP を現在も使用して開発されている方
• もっと手軽にいいホステゖング環境を探している方
• ASP.NET を目指しているけどまだ手が出ていない方
• ASP.NET を初心者に教える立場の方

© 2011 Microsoft Corporation. All rights reserved. 2

始める前に
定義：「動的なサ゗ト」って？

このセミナーではサーバー側でページを動的
に生成するコードが存在する Web サ゗トの
ことを指すことにします。

したがって、クラ゗ゕントサ゗ドで動作する
ゕドオン系の話はいったん頭の中から外して
お聞きください。


セッションの目的とゴール
Session Objectives and Takeaways
• 目的
– WebMatrix の登場背景を説明します。
– WebMatrix の位置づけを説明します。
– WebMatrix の各種機能を説明します。
• ゴール
– WebMatrix の機能を人に説明できるように
なっていただくこと
– WebMatrix を使って動的な Web ページを
作る上での基礎的な知識を得ること


アジェンダ
～今日はひたすら WebMatrix ～


HTML 編集ができる製品の変遷


サーバー側のテクノロジーの変遷
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


マイクロソフトの Web プラットフォーム

クラ゗ゕント Web サーバー

゗ンターネット

開発ツールデータベース

マイクロソフトの Web 開発ツール

静動

• 動的 Web サ゗トの開発の作業フローに
必要な最低限の機能を提供

コーディング

動的 Web
初学者向け

インストールの前に（１）
• サポートされている 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 のバージョンによって追加で゗ンス
トールが必要なコンポーネントがあります。

インストールの前に（２）
• ゗ンストールは統合゗ンストーラーを使用
– 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 を使っていることもあり、もう
入っている可能性があります。

インストールの前に（３）
• WebMatrix の依存コンポーネント
コンポーネント参考サイズ
WebMatrix 本体 7.09MB
Web Platform Installer (Web PI) 92.3KB
Microsoft .NET Framework 4 0.85MB（再起動）
Windows ゗メージングコンポーネント 1.17MB Windows Server 2003 SP2 で要求される
Microsoft SQL Server Compact 4.0 8.04MB
Windows ゗ンストーラー 4.5 3.17MB（再起動） XP, 2003 のみ
Microsoft SQL Server Compact 4.0 Tools 0.79MB
ASP.NET Web Pages 0.59MB
ASP.NET Web Pages Language Packs 0.59MB
SQL Server 2008 R2 管理オブジェクト 10.42MB
SQL Server Native Client 4.49MB
SQL Server System CLR 型 3.31MB
Web 配置ツール 2.0 2.54MB
.NET Framework 2.0 SP1 23.61MB（再起動）
IIS 7.5 Express 3.29MB
合計 Wpilauncher + 68.78MB

インストールの前に（４）
• この資料では Windows 7 環境での゗ンス
トール手順を記載します。

• Windows XP も意識した簡易手順は下記
のブログ投稿をご参照ください。

• 【MEMO】 WebMatrix の環境準備
http://blogs.technet.com/b/hirookun/
archive/2011/02/06/3385240.aspx


インストール手順（１）
• ブラウザーで以下のサ゗トへ行く
http://www.microsoft.com/web/webmatrix
• をクリックする
• をクリックする
• セキュリテゖの警告が表示されるので、
[実行] をクリックする
• UAC のダ゗ゕログが表示されるので、
[はい] をクリックする
• Web Platform Installer （Web PI）が
゗ンストールされ、実行される


インストール手順（２）
• Web PI の中で Microsoft WebMatrix を
゗ンストールする画面が表示される
• [゗ンストール] をクリックする
• 依存関係にあるコンポーネントの一覧が
表示されるダウンロード合計：42 MB
• [同意する] をクリックすると
゗ンストールが始まる
• .NET Framework 4 の゗ンストールが
完了した時点で再起動を要求される
• [はい] をクリックして再起動する


インストール手順（３）
• 再起動が完了するとログオンが表示される
ので、ログオンする
• 起動処理で Web PI 起動し、UAC の
ダ゗ゕログが表示される
• [はい] をクリックすると゗ンストールが
継続し、次々に゗ンストールが進む
• 最後に゗ンストールの完了画面が表示され
るので [完了] をクリックする
• WebMatrix が起動してくる


インストール手順（４）
• いったん WebMatrix を右上の [X] を
クリックして終了する
• Web PI の画面で [終了] をクリックする

これにて゗ンストール作業は完了！


WebMatrix の起動
• Windows のスタートメニューから
[すべてのプログラム] -
[Microsoft WebMatrix] を開きます
• [Microsoft WebMatrix] をクリックして
WebMatrix を実行する
これで初期画面が表示されます！


参考：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)


Web サイトの作成
① ② ③ ④

①「個人用サイト」
作成済みの Web サイトを開く
②「Web ギャラリーからサイトを作成」
OSS アプリをインストールして、Web サイトを作成
③「テンプレートからサイトを作成」
WebMatrix のテンプレートを展開して、Web サイトを作成
④「フォルダーからサイトを作成」
既存のフォルダーを Web サイトとして登録

開発のベースとなる素材


主な ASP.NET OSS アプリ
DotNetNuke
• 500,000 サ゗ト以上に導入されている CMS

Orchard CMS
• ASP.NET MVC ベースの CMS

Umbraco CMS
• MSDN で採用された CMS

BlogEngine.NET
• ブログ機能に特化した CMS


Orchard のインストール（１）
• [Web ギャラリーからサ゗トを作成する]
をクリックする
• 右上の検索フゖールドに“Orchard”と入力
すると、現時点では Orchard だけに絞ら
れる
• サ゗ト名は「Orchard」に変更する
• [次へ] をクリックする
• ラ゗センス条項とダウンロードを行うゕプ
リケーションのサ゗ズが表示される
• [同意する] をクリックする


Orchard のインストール（２）
• 完了画面が表示されるので [OK] を
クリックして゗ンストールを終了する
• ゗ンストールの完了した Orchard が
WebMatrix の管理下で開く
• URL 横のリンクをクリックして起動する
• Orchard の初期設定画面がブラウザーで
表示される


テンプレートからサイト作成
• WebMatrix ゗ンストール先
フォルダーにあるテンプレー
トのカタログ情報を取得

• テンプレートは配置パッケー
ジ形式で保存
– HTML 5 & CSS 3.0 対応

• Web Platform Installer を使
用して゗ンストール
「Web ギャラリーからサイト作成」と
同じ仕組み

Web サイト作成関連技術
Web Platform Installer (Web PI)

マ゗クロソフトの
コンポーネント

コミュニテゖの
コンポーネント

www.microsoft.com/web

Web サイトのカスタマイズ機能
サ゗ト
• Web サーバーの管理や公開場所の指定

フゔ゗ル
• コンテンツの作成と編集
• HTML の入力支援機能

データベース
• SQL Server Compact や SQL Server に接続可能

レポート
• SEO の分析支援ツール
• 外部の Web サ゗トにも使用可能


WebMatrix の動作環境概観
実行
レスポンス

リクエスト

読み込みタスクトレ゗


SQL Server Compact
• フゔ゗ルベースなのにより本格派
• 移行がすごくスムーズで将来性もばっちり
SQL Server
Access MDB SQL Server
Compact
実行方式フゔ゗ルフゔ゗ルエンジン
リソース使用少少比べれば多
排他処理苦手 V4 から当然
同時実行処理向いていない V4 から当然
上位への移行データ中心 WebMatrix で SSIS などで同期
簡単に実行は簡単で当然
費用 MDB だけ無償 WebMatrix も無 Express は無償
償なので完全無償ほかは有償

http://blogs.msdn.com/b/sqlservercompact/

SQL Compact から SQL Server へ
• Access や他のデータベース間の移管と
違い、WebMatrix には便利な機能あり


ASP.NET Web ページとは
Razor 構文で記述するページ定義と処理エンジン

WebMatrix ASP.NET MVC 3
Web サイト Web 開発
作成ツール HTML 生成フレームワーク
エンジン

ASP.NET Web ページ
Razor HTML
.cshtml
.vbhtml
※ 英語表記では ASP.NET Web Pages


"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) をサポート

ヘルパーライブラリとは
便利な Web パーツライブラリ

@Bing.SearchBox()

@Facebook.LikeButton()

@LinkShare.GetHtml() @Twitter.Search()

ヘルパー利用のための準備
便利な Web パーツライブラリ
1. ASP.NET Web ページの管理をクリック
または http://localhost:XXXX/_Admin へゕクセス

2. 設定したいパスワードを入力
3. _Password.config をリネーム
※ フゔ゗ル名の "_" を削除
4. 設定したパスワードでログ゗ン
5. ヘルパーの一覧から゗ンストール
6. 関連フゔ゗ルがサ゗トの App_Code フォルダ
などに追加される

Visual Studio 2010 連携
Razor による高機能 Web アプリ開発
• WebMatrix は
Visual Studio 2010
Visual Web Developer 2010
と連携が可能

• WebMatrix 未対応
の機能が利用可能※1
– インテリセンス
– デバッグ
※1 ASP.NET MVC 3 RTM のセットゕップが必要

WebMatrix で始まる
動的 Web の世界

×
Web ページ

Compact Edition


© 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.


リファレンス
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


参考になるブログ
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/

ScottGu's Blog (英語)
http://weblogs.asp.net/scottgu/default.aspx


TF Seminar 20110218

More Related Content

What's hot (16)

Viewers also liked (19)

Similar to TF Seminar 20110218 (20)

TF Seminar 20110218