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

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

システム開発会社に就職したシグマクン。実はプログラミングなどしたこともありません。ところが、大先輩のネモトサンからいきなりWebアプリ開発の課題を与えられたようです。教育担当になった先輩シタラサンの助けを借りて、無事に課題を成し遂げられるのでしょうか……。

新人：シグマクン
今春から入社する新人。かなりのマイペースでのんびり屋。プログラミングの経験なし。

教育担当の先輩：シタラサン
新人シグマクンの教育担当。シグマクンと同じく、プログラミング未経験で入社し、大先輩ネモトサンに鍛えられる。プログラミング経験1年。

大先輩：ネモトサン
新人シグマクンの熱い上司。生き様はロックで不器用なため、傍若無人だと誤解されることも。でも本当は寂しがりやで後輩がかわいくて仕方ない。プログラミング経験10年。

そこの新人さんよ、うちに来たからにはWebアプリの1つや2つ作れねぇってことはないだろうねぇ。取りあえず、どんな腕前かおれが見てやるぞ。

　いま作れ。すぐ作れ。ロックなやつを頼むよ

　お題は“昼飯”だ！ 楽しければ何でもいいぞい。

シグマクン、大丈夫よ。ネモトサンは新人が入ってくるといつもああなんです。わたしがバックアップしますので、安心してください。

　要件をおさらいすると、「とにかくWebアプリを作れ」ということですね。簡単にすぐできるWebアプリを一緒に作ってネモトサンをびっくりさせましょう！

　ネモトサンには内緒でWebアプリを作るための準備をこっそりしておきましたから、シグマクンにも楽しくできますよ！

ではまず、「Webアプリ」が何か分かりますか？

Webアプリ？ はい、分かりません……。ごめんなさい。

わたしたちはインターネットをInternet Explorer（IE）などのブラウザで見ています。ブラウザ内に見えるページは「Webページ」と呼ばれ、そのWebページが集まったものが「Webサイト」です。まずこれは分かりますよね？

　このWebページは、多くの場合、“HTML”という言語を使って作成されています。つまりWebページの実体は、HTML言語で書かれた文書（ドキュメント）です。その文書をブラウザが解析して、わたしたちが普段見ているようなWebページの形式で表示しているのです。

　しかし現在のインターネットでは、HTML言語だけでは表現できない動的なページ（＝場合によって表示内容が変化するページ）がたくさん作られています。例えば、ブログや、掲示板、ネット・ショッピング、○○占いなど、ボタンを押すと表示が切り替わったり、買い物カゴに商品が入ったり、ログインして自分専用のページが表示されたりするようなWebページです。このような「ユーザーの操作によってWebページの表示内容を変更したり、何らかの動作を実行する仕組みを持つWebページ／Webサイト」を「Webアプリ」と呼びます。

　難しいことは分からなくても、「Webアプリ」という名前だけは何となく覚えておきましょう。

　今回は、マイクロソフトの「.NET（ドットネット）」という技術を使ってWebアプリを作成してもらいます。まずはWebアプリを作成するための道具（＝開発環境）を、パソコン内に準備しましょう。