今回は、すでにベータ版がリリースされているWeb PI 3.0を見てみることにしましょう。前回の記事で使用していた、Web PI 2.0をインストール済みの環境をそのまま使っていきますが、何もインストールされていない状態からWeb PI 3.0をいきなりインストールすることも可能です。

Web PI 3.0の導入

Web PI 3.0は、こちらのURLからダウンロードできます（図1⁠）⁠。

ページ内の「Download Now」ボタンをクリックするとダウンロード用のページ（図2）に移動するので、「⁠Download Web Platform Installer Now」をクリックすると、インストーラーをダウンロードできます。

インストーラーを起動すると自動的にインストールが開始され、しばらく待つとWeb PI 3.0の画面が表示されます。Web PI 3.0での最も大きな変更点は、Webアプリケーションを簡単に管理・作成するための「WebMatrix」というツールがインストールできるようになっていることです。インストール直後の場合は、Web Matrixについての説明画面が表示されます（図3⁠）⁠。

画面左上のボタンでトップページに戻ることができます。トップページを見てみると、Web PI 2.0と比べてユーザインターフェースが大幅に変更されていることがわかります（図4⁠）⁠。

それではWebMatrixを使ってみましょう。Web PI 3.0インストール直後であれば、すでに「Microsoft WebMatrix Beta3」は選択済みになっているので、そのまま「Install」ボタンをクリックします。そして、次の確認画面で「I Accept」ボタンをクリックしてしばらく待つと、必要なコンポーネントも含めて自動的にインストールが完了します（図5⁠）⁠。インストールが終了後の画面で、「⁠Launch」ボタンをクリックすると、WebMatrixが起動します（図6⁠）⁠。

WebMatrixでは、WebサイトやWebアプリケーションを新しく作成したり、あるいはVisual StudioなどのようにテンプレートからWebサイトを作成していくことができます。しかし、一番大きな特徴は「Webアプリケーションギャラリー」からOSSをダウンロードし、そのまま改良していくことができる、という点でしょう。前回の記事で紹介したように、WebアプリケーションギャラリーにはたくさんのOSSがアップロードされているので、それらのカスタマイズを行ったり、あるいは学習用途でソースを読んだりということが、簡単にできるようになるのです。

WebMatrixでWordPressのテーマ編集を行う

それでは、ここではWordPressをダウンロードし、テーマの編集を行ってみることにしましょう※。WebMatrixのトップページから、「⁠Site From Web Gallary」をクリックします。すると、WebアプリケーションギャラリーにアップロードされているOSSの一覧が表示されるので、その中から「WordPress」をクリックし、「⁠Next」ボタンをクリックします（図7⁠）⁠。

※　WordPressを使ったことがある人であればご存じでしょうが、テーマ編集はWordPress自体の管理画面から行うこともできます。しかしソースを編集し、Webブラウザで結果を確認する、という作業を何回も繰り返すのであれば、やはりローカルマシンで直接編集作業を行った方がスムーズです。

インストールされるコンポーネントの一覧とEULA（使用許諾契約書）が表示されるので、「⁠I Accept」ボタンをクリックします（図8⁠）⁠。

後はWeb PIからインストールする場合と同じように、データベースなどの設定を行うことで、WebMatrix上でWordPressを動かせるようになるのです（図9、図10⁠）⁠。（⁠データベース名はデフォルトだと「WordPress」になっているので、この連載の前回の記事と同様にすでに「WordPress」という名前のデータベース名を作成している場合は、「⁠Database Name」の値を「wordpress2」などの別の名前にする必要があります。）

ちなみに、この場合はWeb PIからインストールする場合と異なり、WebMatrixによって管理される簡易Webサーバ上でWordPressが稼働することになります。

WordPressのセットアップ終了後に、「⁠OK」ボタンをクリックしてWebMatrixに戻ると、WebMatrix上でWordPressのプロジェクトを開いていることがわかります（図11⁠）⁠。

それでは、まずWebMatrix経由でWordPressを起動してみましょう。WebMatrixのリボン（メニュー）にある「Run」ボタンをクリックすると、Webブラウザが起動し、WordPressの画面が開きます。今回はWordPressの初回起動なので、WordPressのセットアップ画面が表示されます（図12⁠）⁠。とりあえずここでブログ名などの設定をしておきましょう。

WebMatrixによるソースコード編集

それでは、WordPressの起動が確認できたところで、今度はWordPressのソースコードを見てみることにします。Web Matrix自体が開発ツールとしての機能を含んでおり、C#やVBを使用したASP.NETによるWebサイトや、PHPを使用したWebサイトの開発ができるようになっています。WordPressはPHPで記述されているため、WebMatrixを使用して編集を行うことができるというわけです。

WebMatrixの画面左下にある「Files」をクリックすると、現在WebMatrixで管理をしているWordPressのフォルダにアクセスすることができます。その中にあるphpファイルをダブルクリックで開くと、WebMatrix内でエディタが開き、そのままPHPのソースコードを変更できます（図13⁠）⁠。また、画面を見ていただくとわかるように、HTMLのソースコードだけでなくPHPでのキーワードもハイライトしてくれます。

ここで、たとえばデフォルトテーマのサイドバーに表示されている「Blogroll」を非表示にしてみましょう（図14⁠）⁠。

「wp-content」フォルダ-「⁠themes」フォルダ-「⁠default」フォルダと開いていって、その中のsidebar.phpを開きます。そして、sidebar.phpの60行目あたりにある「<?php wp_list_bookmarks(); ?>」というソースコードを削除した後（図15⁠）⁠、変更を保存してWebブラウザでページを再読込すれば、サイドバーの「Blogroll」が非表示になったことが確認できます（図16⁠）⁠。

またWebMatrixでは、データベースの管理（図17）やSEO用のチェック（図18）も行えるようになっています。つまり、WebMatrixとは、Windows上でさまざまなOSSのカスタマイズするための開発環境であると同時に、本番リリースに向けたブラッシュアップなど、Webサイト・Webアプリケーションの作成・管理を一括して行うためのツールであると言えるのです。