ヒント
目 的 Web ア プ リ ケ ー シ ョ ン の 理 解 4.1
Web ページ開発を理解する
シナリオ: 小さなダンス スタジオを経営する Tanja は、新しい顧客を呼び込むと共に、既存顧客とのコミュニ ケーションを改善する方法を模索しています。Web デザインについてはよく知らないので、数年前に、生徒の 1 人がスタジオの Web サイトを作成してくれました。その生徒が大学に進学したので、Web サイトの保守につ いては、ボランティアで力を貸してくれる数人の生徒に頼っています。その結果、Web サイトはまとまりも一 貫性もないものになってしまいました。ボランティアの生徒たちがそれぞれ、違う色やフォントを使ったため、
素人が作った Web サイトのように見えます。
Tanja は自分で Web サイトを修正できないので、甥の Maxim に頼むことにしました。Maxim はページの作成
を始める前に、Web ページに使用される技術について、せめて基本的な部分は Tanja に理解してほしいと思っ ています。
1.
情報を Web ブラウザーでどのように表示するか指定するために「タグ」を使用するのは、どの技術 ですか。a. HTML b. XML c. JavaScript
2.
CSS を使用することの主要な利点を示しているのは、次のどれですか。a. 対話的な Web ページを作成できる
b. ビデオや音楽などのマルチメディア クリップを Web サイトに含めることができる
c. Web サイト内の複数のページを書式設定する作業が単純化される
3.
JavaScript とは何ですか。a. さまざまなフォント設定を管理するマークアップ タグ
b. Java アプリケーションを実行するためのサーバー側技術
c. Web ページを対話的にするためのクライアント側技術
Web ページ開発を理解する 33
CSS は
Cascading Style Sheet の 略語です。
/3
の確認
得点 解答
1.
データを Web ページでどのように表示するか指定するために「タグ」を使用するのは、次の技術です。a. HTML
2.
CSS の利点を示しているのは、次の説明です。c. Web サイト内の複数のページを書式設定する作業が単純化される
3.
JavaScript の説明は、次のとおりです。c. Web ページを対話的にするためのクライアント側技術
重要ポイント
• HTML は HyperText Markup Language の略で、Web ページで情報をどのように表示するか指定するため
にマークアップ タグを使用します。
• HTML タグは山かっこで囲まれています。<p> タグは段落を表します。
• ほとんどの HTML タグは、開始タグと終了タグのペアで動作します。
• CSS は、色やフォントなど、データをどのように表示するかという指定を行うために、HTML と共に使
用します。
• 個々のページでスタイルを定義することもできますが、別の文書内でこれを定義して、Web サイト内 の各ページで共有するように設定することもできます。つまり、開発者が CSS 文書に変更を加えると、
その変更がすべてのページに適用されます。これにより、Web サイト内のすべてのページの外観に一 貫性を持たせることができます。
• JavaScript は、開発者が HTML のマークアップ制限を超えてコードを記述したいときに
使用できるスクリプト言語です。
• JavaScript は、より対話的な Web ページを作成したいときによく使用されます。
• JavaScript 自体はクライアント側技術ですが、多くの場合、ASP.NET などの
サーバー側技術と組み合わせて使用されます。
詳 細 情 報
• http://msdn.microsoft.com/en-us/beginner/bb308786.aspx (英語)
• http://msdn.microsoft.com/en-us/library/bb330932.aspx (英語)
• http://msdn.microsoft.com/en-us/library/bb330916.aspx (英語)
34 第 4 章：Web アプリケーションの理解
ヒント
目 的 Web ア プ リ ケ ー シ ョ ン の 理 解 4.2
Microsoft ASP.NET Web アプリケーションの開発を理解する
シナリオ: Maxim は長い時間をかけて、ダンス スタジオの新しい Web サイトをどのようなものにするか、伯母
である Tanja と話をしました。その結果、Web サイトをどのように更新して改善するか、考えが決まりつつあ
ります。現行のサイトはかなり基本的なものなので、Maxim は、Web に精通した若い世代の興味を引くような おもしろい機能をたくさん追加できると考えています。
最優先事項の 1 つとして、Web サイトをもう尐し対話的にする必要があります。まず、ボタンをマウスのロー ルオーバーに対応させ、スタジオ内部を写真で見ることのできるスライド ショーを追加します。また、ダンス の衣装を購入できるオンラインショッピングの機能も含めたいと考えています。この更新では、「欲しい物リ スト」、つまりユーザーが気に入った商品を後で購入できるように「保存」しておく機能も含めるつもりです。
1.
マウスのロールオーバー効果は、クライアント側スクリプトで実装できます。次のうち、クライアン ト側の技術はどれですか。a. PHP b. ASP.NET c. JavaScript
2.
標準的な HTML サイトでは、ユーザーがページを更新するか、別のページに移動するたびに、ページ 情報が失われます。ページ情報を保持するためには、次のどれを使用しますか。a. 状態管理
b. ページのライフ サイクル c. CSS
3.
Maxim は、Cookie を使用してユーザーの「欲しい物リスト」を記録したいと考えています。Cookie とは何ですか。
a. ユーザーの Web ブラウザーに格納されるテキスト データ b. ユーザーの情報を格納するバックエンドのデータベース c. セッションデータを保存するサーバー側スクリプトツール
Microsoft ASP.NET Web アプリケーションの開発を理解する 35
クライアント側 スクリプトは、ユー ザーの Web ブラウザー によって実行され ます。
/3
の確認
得点 解答
1.
クライアント側技術は、次のとおりです。c. JavaScript
2.
ページ情報の保持が可能になるプロセスは、次のとおりです。a. 状態管理
3.
Cookie の説明は、次のとおりです。a. ユーザーの Web ブラウザーに格納されるテキスト データ
重要ポイント
• Web アプリケーションで、プログラムまたはスクリプトは、クライアント側またはサーバー側に使用でき
ます。
• クライアント側スクリプトはユーザーの Web ブラウザーによってダウンロードされ、ページが読み込 まれたときにユーザーのコンピューター (クライアント) で実行されます。
• サーバー側スクリプトは、Web ページがユーザーのコンピューターに送信される前に、Web サーバー で実行されます。
• Web アプリケーションのイベントモデルは、クライアントアプリケーションのイベントモデルと似てい ます。大きな違いは、イベントがクライアント側で発生し (たとえば、ユーザーがボタンをクリックしたと き)、サーバー側で処理されることです。
• ASP.NET ページが実行されると、ページは一連の処理段階を通過します。これは、ページのライフ サイク
ルと呼ばれます。これらの段階には、初期化、コントロールのインスタンス化、状態の復元と維持、イベ ント ハンドラー コードの実行、レンダリングなどがあります。
• 状態管理とは、同じページまたは異なるページへの複数の要求を通じて、開発者がペー ジ情報を保持するプロセスを指します。
詳 細 情 報
• http://msdn.microsoft.com/en-us/beginner/bb308770.aspx (英語)
• http://msdn.microsoft.com/en-us/beginner/bb308809.aspx (英語)
• http://msdn.microsoft.com/en-us/beginner/bb308818.aspx (英語)
36 第 4 章：Web アプリケーションの理解
ヒント
目 的 Web ア プ リ ケ ー シ ョ ン の 理 解 4.3
Web ホスティングを理解する
シナリオ: Tanja のダンス スタジオの Web サイトに関する計画が具体化してきたので、Maxim はそろそろ Web サイトをどのようにインターネットで公開するかを考えなければなりません。Maxim は、従来の Windows アプ リケーションを作成した経験はありますが、Web アプリケーションの開発経験はあまりありません。Web サイ トはサーバーでホストされることは知っていますが、サーバーに対する操作を行った経験はありません。また、
伯母の Tanja はこのプロジェクトに多額の予算を用意しているわけではないので、Web サイトによって売上が 増えるまでは、コストを最小限に抑える必要があります。
1.
Maxim はなぜ、ISP を活用した方がよいのでしょうか。a. ISP は常に無料だから
b. ISP と契約すると、Windows Server のコピーが提供されるため
c. ISP から、テクニカル サポートと保守が提供されるから
2.
定評のある ISP の担当者と Maxim が話をしたところ、その会社では Windows Server を使用しており、Maxim 自身もインターネット インフォメーション サービス (IIS) の基本を理解する必要があることがわ かりました。次のうち、IIS の役割ではないものはどれですか。
a. HTML 文書を Web ブラウザーに配信する
b. ASP.NET などのサーバー側スクリプトを有効にする
c. JavaScript などのクライアント側スクリプトを有効にする
3.
その ISP では仮想ディレクトリをサポートしているとのことです。仮想ディレクトリ とは何ですか。a. ISP にマッピングされた Maxim のコンピューター上のフォルダーであり、
これによって Maxim は Web サイトを簡単に公開することができる b. サーバー上の物理的な場所にマッピングされたディレクトリ名
c. ユーザーが検索エンジンで確実に Web サイトを見つけられるようにするための リスティングサービス
Web ホスティングを理解する 37
開発者は Web ホ
スティングを使用す ると、Web サイトを公 開し、World Wide Web 経由のアクセスを可能
にできます。