【ハウツー】簡単&快適! 新たなWeb開発環境「Microsoft WebMatrix Beta」が登場 (2) WebMatrixのインストールと新構文「Razor」によるプログラミング | エンタープライズ

お知らせ: 「マイポ」からのポイント交換を再開いたしました。(5月9日); メール会員100万人突破記念「春の読者プレゼント」結果発表は5月30日です。; マイナビベアがミクシィで部屋を作ったよ。ぜひ見てね！; 一緒に「マイナビ」で働きませんか。採用情報はこちらから。; 旅行券3万円、時計、ビジネスバッグなどが当たる！さらに応募者全員に50マイポもプレゼント

その先を伝える総合情報サイト
マイナビニュース

エンタープライズ

急上昇ワード

[

]

【ハウツー】

簡単&快適! 新たなWeb開発環境「Microsoft WebMatrix Beta」が登場

2 WebMatrixのインストールと新構文「Razor」によるプログラミング

青木淳夫　 [2010/08/25]

印刷

先頭
前へ
- 1
- 2
- ／2

WebMatrixのインストール

WebMatrixをインストールする際はWeb Platform Installerを用い、Web Platform Installerはこのページから入手することができます。

Web Platform Installerを起動し、「Getting Started」タブの「Install WebMatrix」ボタンをクリックします。これでインストールは完了です。


Web Platform Installer(Web PI)の入手	WebMatrixをインストール

WebMatrixの起動

スタートメニューの「Microsoft WebMatrix」をクリックすると、WebMatrixのスタートアップ画面が起動します(注:現バージョンでは日本語入力にIMEを使用しているとエラーが発生しますので、別の日本語入力を選択するようにしてください)。

新しいサイトを作る場合は「Site From Template」、作成中のサイトを選ぶ場合は「My Sites」を選択します。もし既存のオープンソースなどを使ってWebサイトを構築したい場合は「Site From Web Gallery」を選択します。現時点で27種類のアプリケーションが用意されており、DotNetNuke、BlogEngine.NETなどが含まれています。


スタートアップ画面	WebMatrixでCMSのDotNetNukeをダウンロードしてセットアップ

Razorによるプログラミング

続けて、新構文Razorのコード例を見てみましょう。NewボタンをクリックしてASP.NET Web Pagesを追加します。

新しいファイルを追加

C#とRazorの構文を使いたい場合はCSHTMLを選択します。VB.NETを使いたい場合はVBHTMLを選択します。Razor構文の書き方はPHPやレガシーASPに似ており、HTMLの中にコードを埋め込んでいきます。エディタはHTML部とコード部を自動的に判別して色分けしてくれます。

入力した名前を表示するRazorのプログラム(index.cshtml)

Razorでは@記号を使って動的なコードを記述します。このプログラムでは「@if{～}else{～}」を使って条件分岐を行い、@Request変数(System.Web.HttpRequestWrapperクラス)を使ってサーバに送信された値を読み込んでいます。

豊富なRazorのヘルパー

Razorには複雑なHTMLを出力できる「ヘルパー」という仕組みも用意されています。例えば、「@Twitter.Profile("アカウント名")」と書くだけでTwitterのつぶやきを表示できます。

Twitterヘルパーでツイートを表示

ヘルパーには以下のようなものが用意されています。

ユーザーエクスペリエンス系

名称	概要
Chart	チャートを表示
FileUpload	ファイルアップロードと保存
Video	Flash(swf)、MediaPlayer(wmv)、Siverlight(xap)の動画を表示
WebGrid	表形式の表示、ページング
WebImage	画像の表示、回転、リサイズ、ウォーターマーク追加、保存

ネットワークサービス系

名称	概要
Analytics	Google Analytics、Yahoo Analyticsのトラッキングコードを出力
Facebook	Facebookの「いいね!」ボタンを表示
GamerCard	XBox 360のゲーマーカードを表示
Gravatar	Gravatarのアバターを表示
LinkShare	del.icio.us、Google Buzz、Facebookなどのソーシャルリンクを表示
Recaptcha	不正な投稿を防ぐreCAPTCHAを表示
Twitter	Twitterのツイートを表示

プログラムサポート系

名称	概要
Crypto	MD5ハッシュ値の計算
Database	DBのオープン、SQL文の実行
Mail	SMTPサーバの設定、メール送信
ObjectInfo	変数名と値を表示(デバッグ用)
ServerInfo	サーバ環境の情報を表示(デバッグ用)
Recaptcha	不正な投稿を防ぐreCAPTCHAを表示
Validation	バリデーション、妥当性チェックの実施
WebCache	Webキャッシュの登録、削除、使用
WebSecurity	アカウント管理、ログイン、メンバーシップ、ロール管理

以上、WebMatrixとRazorについて紹介しました。RazorにはWeb開発に必要な機能が一とおり備わっています。例えば、@Render～命令を使うことでマスタページより柔軟なページの再利用と共通化を行うことができます。また、初期設定や共通エラーハンドラも設定できます(ファイル名が「_start.cshtml」であればWebサイトの起動時に、「_init.cshtml」であればリクエスト時に実行されます)。

こうした点から、初心者はもちろんのこと、WEB開発のエキスパートであってもWebMatrixとRazorで快適にWebプログラムを行うことができます。興味を持たれた方はダウンロードしてみてはいかがでしょうか。