フレッシュマン企画連載
初めてでも安心！ 1日で作れるWebアプリ講座

第1回 プログラミングはこんなに楽しい！

今回は、

「Visual Web Developer 2008 Express Edition」（以下、VWD 2008）

という誰でも無料で利用できる開発環境を使います（※VWD 2008は「Visual Studio 2008 Express Editions」の1つです）。「Express Edition」は、Professional Editionなどの有料版である上位製品に比べると機能に制限はありますが、初心者がプログラミングを始めるに当たってはこれで十分でしょう。

　まずは、Web開発用のVWD 2008をダウンロードします。

　「Visual Studio 2008 Express Editions公式ページ」を訪れ、「Visual Web Developer 2008 Express Edition」の「Web インストール (ダウンロード)」というリンクをクリックしてセットアップを実行します。

　セットアップ画面では設定は何も変えずに［次へ］で進んでいき、［インストール］を実行してください。セットアップ実行時にはこんな画面が表示されます。

VWD 2008のセットアップ（インストール中）

　インストールが終了すると、再起動を要求するメッセージが表示されることがありますが、その場合はそれに従ってPCを再起動しましょう。

　これで.NETによるWebアプリ開発の準備ができました！ ちなみに、「ASP.NET（エー・エス・ピー・ドットネット）による開発」というのは、この「.NETによるWebアプリ開発」を意味しますので、覚えておきましょう。

まず、先ほどセットアップしたVWD 2008を起動します。［スタート］メニューから［すべてのプログラム］−［Microsoft Visual Web Developer 2008 Express Edition］をクリックして実行してください。

　次に、VWD 2008で「新しいWebサイト」のプロジェクトを作成します。なお、プロジェクトとは、VS 2008の用語で、1つの開発単位です。起動したVWD 2008の上部にあるメニュー・バーより［ファイル］−［新しい Web サイト］をクリックしてください。すると、このような［新しい Web サイト］という画面（＝ダイアログ）が表示されるので、［テンプレート］で「ASP.NET Webサイト」を、［言語］で「Visual C#」を選択して、［OK］ボタンをクリックしてください。

「新しいWebサイト」プロジェクトの作成

実際に作り始める前に、VWD 2008の作業画面について説明しておきましょう。主要各部の用途と表示方法を示します。作業を進める途中で迷子になったらここを確認してください。

いよいよだ！ けっこうシンプルな画面だね。

VWD 2008の作業画面

（VWD 2008を含む）VS 2008でプログラミングを始める前に、この作業画面の用途をまずは覚えましょう。なお、この作業画面内の各ウィンドウは、配置を一部動かしたり、デフォルトでは非表示だったものを表示したりしているので注意してください。ウィンドウの配置移動はドラッグ＆ドロップで行えます。表示／非表示の切り替えは、［ツールボックス］、［プロパティ］ウィンドウ、［ソリューション エクスプローラ］、［エラー一覧］ウィンドウなどについてはメニュー・バーの［表示］の下の各メニュー項目で行えます。［プロパティ］ウィンドウなどの各ウィンドウの右上にあるピン・マーク（［×］の左）をクリックすると、ウィンドウを「自動的に隠す」機能をオン／オフにすることもできます。

　［ツールボックス］：Webページ上に配置できるさまざまな部品が用意されています。

　Webページの編集画面：で表示方法を切り替えられます。で［デザイン］を選んだときは「Webフォーム・デザイナ」という編集画面に、［ソース］を選んだときは「コード・エディタ」という編集画面に切り替わり、［並べて表示］を選んだときは上半分が「コード・エディタ」で下半分が「Webフォーム・デザイナ」の編集画面になります。

　編集画面の表示切り替え：の表示方法を切り替えることができます。

　［プロパティ］ウィンドウ：コントロールなどの設定情報（プロパティ）の確認・編集ができます。

　［ソリューション エクスプローラ］：Webサイトを構成する各種ファイルの確認・編集ができます。

　［エラー一覧］ウィンドウ：編集したコードに矛盾がある場合などに、エラー内容が表示されます。