1. Home
  2. Webデザイン
  3. php
  4. Microsoftが無料公開しているWeb開発ツール「WebMatrix」!

Microsoftが無料公開しているWeb開発ツール「WebMatrix」!

webmatrix_000.png

今回紹介するのはMicrosoft製のWeb開発ツール「WebMatrix」です。これはMicrosoftが1月13日から提供を開始したソフトウェアで、Webサイトの構築、管理、公開までのあらゆる開発作業に必要な機能を備えています。

「WebMatrix」を使うことで、HTMLやJavaScript、CSSなどによる基本的なサイト構築や、PHPやASP.NETを使用したWebアプリケーションの作成することが可能。「WebMatrix」はWindows XP/Server 2003/Vista/Server 2008/7に対応、言語は日本語を含む9言語で利用できます。

「WebMatrix」のインストール方法!


webmatrix_001.png
1 Microsoft WebMatrixのサイトにアクセスし「今すぐダウンロード」をクリックします。

webmatrix_002.png
2 「Get the Microsoft Web Platform」をクリックしてインストールファイルをダウンロードします。

webmatrix_003.png
3 ダウンロードした「webmatrix.exe」を起動して、「インストール」を押します。

webmatrix_004.png
4 「同意する」を押します。

webmatrix_005.png
5 インストールが終わるまでしばらく待ちます。

webmatrix_006.png
6 インストールが終わったら「完了」を押します。

webmatrix_007.png
これで「WebMatrix」のインストールは完了です。オプションとして、その他のパッケージをインストールすることが出来ます。

続いて、「WebMatrix」のレビューを書きたいと思います。

「WebMatrix」の使い方!


webmatrix_008.png
1 起動すると、4つのメニューが表示されます。今回は「個人用サイト」を選択します。

webmatrix_009.png
2 「OK」を押します。

webmatrix_010.png
3 これが基本画面となります。

webmatrix_011.png
4 左下の「ファイル」をクリックすると、Website1フォルダ内にあるファイルが表示されます。

webmatrix_012.png
5 とりあえず上にある「新規作成」からhtmlファイルを作成してみたいと思います。HTMLを選らんで「OK」を押します。

webmatrix_013.png
6 HTMLファイルが出来ました。XHTMLとかHTML5とか指定が出来ればよかったのですが、そういう機能はないようです。

webmatrix_014a.png
7 Dreamweaverと同様にタグ入力時の補完があります。

webmatrix_015.png
8 CSSも色分けされており、非常に分かりやすくなっています。もちろんHTMLと同様に補完機能もついています。

webmatrix_016a.png
9 上にある「実行」を押すと、指定のブラウザで開いて動作を確認することが出来ます。。

webmatrix_017.png
10 その他にもWebギャラリーからサイトを作成したり、テンプレートを用いてサイト作成が可能です。


今回の個人的感想




今回紹介した「WebMatrix」なんですが、フリーのWeb開発用のソフトとしては、かなりのクオリティだと思います。軽くサイトを作る際には、タグ補完もあり便利ですし、確認も簡単に出来るようになっている点も評価できます。今回はPHPなどについては試していませんが、インストール時に一緒に導入されるらしいのでそのまま使えるようです。

とりあえず、「WebMatrix」を導入するだけで簡単にWeb開発環境を整えることができ、かつデータベースやフレームワークも一緒にいれることができるのは、初心者の人にも分かりやすいのではないかと思います。そういった意味合いではかなり敷居は低くなっていますね。

興味のある人はぜひ「WebMatrix」を試してみてはいかがでしょうか?
プロフィールアイコン

パソコンやスマホなどのガジェットに興味があり、大学で情報工学の勉強してシステムエンジニアに。ブログ歴は15年以上。ITの専門的な知識はそこそこあり、国家資格の情報処理技術者試験のスキルレベル4「情報セキュリティスペシャリスト」や「ネットワークスペシャリスト」などを取得。

Related article

COMMENT TO THIS ENTRY

無料でこれだけできるのはすごい。個人のwebは好きな人しか作らないイメージだがこれで垣根が低くなったらいいですね

8921

これすげぇ!
これ使ってブログ作ってみます!

8922

なかなかよさそうですね。
今度からこれ使ってみようと思います。

8923

おお、これは試してみよう。情報ありがとうございます!

8928

eclipseと比較してみようと

8951