WebMatrix 2：ASP.NET と PHP

執筆日時： 2012年12月11日17時51分

前回（WebMatrix 2：フォルダーから Web サイトを作ってみる - だるろぐ）は、空のフォルダーから Web サイトを作って HTML ファイルを配置し、それをローカル Web サーバー（IIS Express 7.5）でホストするところまで進めた。でも、静的な HTML だけではちょっとつまらないかな。

「WebMatrix 2」では、サーバーサイドで動的に HTML を生成することもできる*1。“動的”というのは、要求に応じて異なる内容を出力できるということ。これができると、いろいろなメリットがある。

データベースと連携できる
ほかの Web サイトの情報を取り込んだり、Web サービスの API が利用できる*2
Web サイト共通の部分（パラメーターやデザイン）が一元管理できる
状況に応じて出力がカスタマイズできる（例: モバイル向けWebデザイン）

世の中にはさまざまなサーバ・サイドプログラミング環境があるけれど、「WebMatrix 2」ではそのなかでも“ASP.NET”と“PHP”をサポートしている*3。空のフォルダーから作成した Web サイトでも簡単に利用できる。

ASP.NET（C#）*4

f:id:daruyanagi:20121211081503p:plain

拡張子は“.cshtml”（Visual Basic の場合は *.vbhtml）。“Razor”と呼ばれるシンプルな構文で記述できる。

@{
var s = "Hello! World"; // 追加
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
@s <!– 追加 –>
</body>
</html>

f:id:daruyanagi:20121211082320p:plain

拡張子を省略してもアクセスできる。

PHP: Hypertext Preprocessor

f:id:daruyanagi:20121211082442p:plain

拡張子は“.php”。おそらくもっともポピュラーなサーバーサイドプログラミング言語。

<?php
$s = "Hello! World"; // 追加
?>
<!DOCTYPE html>
<html lang="en">
<head>
        <meta charset="utf-8" />
        <title></title>
    </head>
<body>
<?php echo($s); ?> <!– 追加 –>
</body>
</html>