Silverlight をインストールするには、ここをクリックします*
Japan変更|すべてのMicrosoft のサイト
Microsoft Japan Home
|購入検討中なら Microsoft Users Mall|Microsoft At Home (総合サイト)
Microsoft At Home Magazine  


プログラミング☆簡単レシピ

レシピ 3 : Web アルバム


近藤くん


近藤くん
30 歳、都内在住、某メーカー営業職、最近子供が生まれてますますヤル気満々!
PC 歴 5 年。趣味で Visual Basic を少し使えるので、休日は簡単なソフトを自作することも。


謎のおじいさん


謎のおじいさん
レシピのガイド役。
時々現れてはいろんな解説をしてくれる。
おじいさんが現れたら、とりあえずチェック!


【 Web カレンダーを作るために使うツール 】

.NET Framework 1.1
ASP.NET Web Matrix Project 日本語版

※ .NET Framework 1.1 と ASP.NET Web Matrix を使うには、お使いの PC に以下のうちのどれかがインストールされている必要があります。

  • Microsoft Windows 2000 Professional または Server (サービスパック 2 推奨)
  • Microsoft Windows XP Home Edition または Professional
  • Microsoft Windows Server 2003
  • Microsoft Internet Explorer 5.5 またはそれ以降

プログラミング☆簡単レシピ

アルバム製作を頼まれる

今日も近藤くんが会社から帰ってくつろいでいると、奥さんが洗いものを済ませてそばにやってきました。

奥さん「ねえあなた、この間のゴールデンウィークの写真、印刷できたわよ。」

近藤 「お、どれどれ...へえ、結構よく撮れているじゃない。」

そうでしょう! 最近のデジカメって普通のカメラと同じくらいきれいに撮れるからいいわよね。

じゃあ、さっそく君の親とうちの親にも送らないとな!

そうねえ。でもね、私考えたんだけど、電子メールで送るにはファイルサイズが大きいし、いちいち CD-R にコピーして送るって、けっこう大変じゃない?

そりゃそうだけどさぁ、その辺りの手間を惜しんでたら親もかわいそうだろ?孫の写真も早くみたいだろうしさ。

それはそうなのよね。それで、ちょっと考えたんだけど...

あなた、この間みたいにパパッと ホームページでアルバムみたいなの作れない?

なるほど、アルバムか!

両方の親ともパソコン持っているから、それならわざわざ送らなくても写真がすぐに見せられるじゃない?

なるほどね。すぐに見れるっていうのがいいよね。

それにそうすれば毎日、子供の成長を親に見せられるでしょ。私たちにとってもいいことよね。

おおぉ! それはいいね。大賛成! やる気が出てきたよ!

よろしくね☆ まずはビールでも飲んで! がんばって


画面を考える

さっそく近藤くん、ビール片手に考え始めます。

うーん、気楽にアルバムとか言うけど、今までみたいにはいかなそうだなあ。

写真が混じってくるとなると文字ばかりのページと比べて、画面の構成を考えないといけないな。だから、画像は一度に全部表示しないで、選んだ写真だけ見られるようにしたほうが簡単そうだな。

そんな感じで考えながらスケッチをしていきます。

あとは並び順を考えよう。アルバムだから新しい順に一覧が並んでいたほうがいいよね。登録した日付で並び替えれば何とかなるか。こんな感じかな?

そして、できあがったのが下のスケッチです。

Web アルバムの画面構成

よし! ちょっと見せてみよう。

どう? こんな感じで作ろうと思ってるんだけど。

うん、結構いいじゃない!

じゃあこれで一回作ってみるよ



Back
1/6
Next


右マージン 10px
「Web アルバム」
作成の手順

ステップ 1

画面を考える

ステップ 2

画面を作る

ステップ 3

仕組みを考える

ステップ 4

Web アルバムを完成させる (1)

ステップ 5

Web アルバムを完成させる (2)

ステップ 5

Web アルバムを完成させる (3)

完成!
右マージン 10px