SHOEISHA iD

※旧SEメンバーシップ会員の方は、同じ登録情報(メールアドレス&パスワード)でログインいただけます

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

特集記事

WebMatrixで簡単にWebサイトを構築してみよう

WebMatrix入門

  • X ポスト
  • このエントリーをはてなブックマークに追加

 本稿では、マイクロソフトの新しい開発環境である「WebMatrix」について紹介します。WebMatrixの機能や使用方法について説明し、実際にWebMatrixを使用してデータベースと連携するサンプルWebサイトを作成してみます。

  • X ポスト
  • このエントリーをはてなブックマークに追加

はじめに

 本稿では、マイクロソフトの新しい開発環境である「WebMatrix」について紹介します。WebMatrixの機能や使用方法について説明し、実際にWebMatrixを使用してデータベースと連携するサンプルWebサイトを作成してみます。

対象読者

  • WebMatrixに関心がある方
  • Razorに関心がある方
  • WebMatrixを使用したWebサイトの開発に関心がある方

WebMatrixの紹介

 WebMatrixとは、2010年7月にアナウンスされたマイクロソフトによる新しいWebサイト開発環境です。以前の「ASP.NET Web Matrix」と名前が似ているものの、全く異なる新しい開発ツールです。本稿執筆時点では、WebMatrix Beta 3が最新となっています。

 WebMatrixは、Visual Studioと同様、ASP.NETによるWebアプリケーション開発をサポートします。そして、マイクロソフトの最新のWeb技術である、IIS Developer Express、SQL Server Compact Edition、Razorが組み込まれていることが大きな特長の一つです。簡単に、これらの技術について説明します。

  • IIS Developer Express:IIS 7.5互換の開発用Webサーバー。PHPアプリケーションも動作可能。管理者権限を必要とせずASP.NET開発サーバーと同様の手軽さで、IIS 7.xのすべての機能をサポートします。
  • SQL Server Compact Edition:インストール不要のファイルベースで動作する軽量SQL Server。必要に応じて、SQL Server ExpressやSQL Serverに変更なしでアップグレードが可能。
  • Razor:ASP.NETの新しいビューエンジン。「@」で始まるシンプルで効率的な記法が特長。ヘルパーと呼ばれるライブラリにより、TwitterやBingなどのWebサービスの機能を簡単に利用できる(コラム参照)。

 WebMatrixの別の大きな特長として、「WordPress」や「DotNetNuke」などの有名なオープンソースWebアプリケーションを使用して、Webサイトの構築やカスタマイズが出来ることが挙げられます。ASP.NETだけでなくPHPによるオープンソースWebアプリケーションにも対応しているのが魅力的です。

 他にも、SSLやPHPのサポート、HTTPリクエストの履歴表示、Webサイトの不具合を知らせるレポート、Webサイトの発行機能など、Webサイトの構築、管理、配置などに様々な便利な機能が提供されています。

 このように、開発環境、Webサーバー、データベースがオールインワンで揃い、既存のオープンソースWebアプリケーションの資産を有効活用できるため、WebMatrixはWebサイトを気軽に素早く開発するのに適した環境と言えるでしょう。また、Visual Studioおよび無償版のVisual Web Developer Expressよりも、さらに入門者向けの開発ツールとして使用する機会もあることでしょう。

 また、WebMatrixからより本格的な開発環境であるVisual Studioや、IIS、SQL Serverへの移行も簡単に行えるため、熟練した開発者であっても、WebMatrixで用意されているテンプレートや既存のオープンソースWebアプリケーションを使用してまずWebサイトを素早く構築し、その後、Visual Studioによる開発やカスタマイズを行うという開発スタイルを取ることも可能となっています。

Razorとは

 Razorとは、最新のASP.NET MVC 3にも含まれている、ASP.NET用の新しいビューエンジンです。特長として、シンプルな記法で容易に習得可能、Visual Studio 2010のIntelliSenseに対応、単体テストが可能などが挙げられます。言語としては既存のC#やVisual Basicを使用します。

 Razor記法では、今までASP.NETやASP.NET MVCで使用していた「<% ... %>」の構文に代わりに、「@」で始まる構文を使用します。コードブロックを終了するため記号はなく、パーサーが自動的に判断してくれます。また、表示内容は自動的にHTMLエンコードされます。

 Razorには、ヘルパーという仕組みも備わっています。ヘルパーを使用すると、わずかなRazor構文を記述するだけで、TwitterやVideo、FileUploadなどの様々な機能を提供するHTMLを簡単にWebサイトに組み込むことができます。ヘルパーを独自に実装することも可能です。提供されている主なヘルパーを表にまとめてみます。

 

表1 主なヘルパー一覧
ヘルパー 説明
Analytics Google AnalyticsやYahoo Analytics
Bing Bingの検索ボックスを表示
Chart チャートを表示
Facebook Facebookの「いいね!」ボタンを表示
FileUpload ファイルアップロード用コントロールを表示
Twitter Twitterの特定のユーザーや検索ワードのツイートを表示
Video FlashやWindows Media Playerなどを使用して動画を表示
WebGrid データのグリッド表示
WebImage 画像ファイルの表示
WebMail SMTPメール送信機能

 Razorについては、Scott Guthrie氏のブログの翻訳記事「“Razor”の紹介 - ASP.NET向け新ビュー・エンジン」や「ASP.NET MVC 3: Razorでのレイアウト」で詳しく説明されていますので、参照してください。

WebMatrixをインストールしてみよう

 それでは、WebMatrixをインストールしてみましょう。本稿執筆時点では、WebMatrix Beta 3が最新版となっています。なお、WebMatrixは、Visual StudioおよびVisual Web Developerと共にインストールすることができます。

 WebMatrixの公式サイトにアクセスし、[今すぐダウンロード]ボタンをクリックします。すると、Web Platform Installer(Web PI)が起動します。Web PIがインストールされていない場合には、Web PIのインストールが先に実行されます。起動したWeb PI上では、WebMatrix Beta 3のインストールウィザードが表示されますので、後は指示に従ってインストールします(図1)。

図1 WebMatrix Beta 3のインストールウィザード
図1 WebMatrix Beta 3のインストールウィザード

 これで、WebMatrixのインストールは完了です。

次のページ
WebMatrixを起動してみよう

この記事は参考になりましたか?

  • X ポスト
  • このエントリーをはてなブックマークに追加
特集記事連載記事一覧

もっと読む

この記事の著者

山田 祥寛(ヤマダ ヨシヒロ)

静岡県榛原町生まれ。一橋大学経済学部卒業後、NECにてシステム企画業務に携わるが、2003年4月に念願かなってフリーライターに転身。Microsoft MVP for Visual Studio and Development Technologies。執筆コミュニティ「WINGSプロジェクト」代表。主な著書に「独習シリーズ(Java・C#・Python・PHP・Ruby・JSP&サーブレットなど)」「速習シリーズ(ASP.NET Core・Vue.js・React・TypeScript・ECMAScript、Laravelなど)」「改訂3版JavaScript本格入門」「これからはじめるReact実践入門」「はじめてのAndroidアプリ開発 Kotlin編 」他、著書多数

※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です

WINGSプロジェクト 広瀬 嘉久(株式会社ジェイテックジャパン)(ヒロセ ヨシヒサ)

WINGSプロジェクトについて>有限会社 WINGSプロジェクトが運営する、テクニカル執筆コミュニティ(代表 山田祥寛)。主にWeb開発分野の書籍/記事執筆、翻訳、講演等を幅広く手がける。2018年11月時点での登録メンバは55名で、現在も執筆メンバを募集中。興味のある方は、どしどし応募頂きたい。著書記事多数。 RSS X: @WingsPro_info(公式)、@WingsPro_info/wings(メンバーリスト) Facebook

※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です

この記事は参考になりましたか?

この記事をシェア

  • X ポスト
  • このエントリーをはてなブックマークに追加
CodeZine(コードジン)
https://codezine.jp/article/detail/5616 2010/12/17 14:00

おすすめ

アクセスランキング

アクセスランキング

イベント

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

新規会員登録無料のご案内

  • ・全ての過去記事が閲覧できます
  • ・会員限定メルマガを受信できます

メールバックナンバー

アクセスランキング

アクセスランキング