平成31年春期午後問題8

ファイル：2019h31h_ap_pm_qs.pdf

１、本文のaに入れる適切な字句を答えよ。
参照答えは、「レスポンシブWebデザイン」（responsive-web-design）です。
定義だから、知る、知らないだけですね。

私は、自適応　と答えてしまいました。。。

＜＜案実現の検討＞＞

・「レスポンシブWebデザイン」とは、PC、タブレット、スマートフォンなど、異なる画面サイズの幅を基準にWebサイト表示を柔軟に調整し、見やすく最適な表示にすることを指します。

２、bに適切な字句を入れて答えよ。
bは、簡単ですね。HTMLです。「html」も正しいと思います。

＜＜表１　両案の特徴＞＞

３、c,dに入れる適切な字句を解答群から選ぶ。
c,dはブラウザの何らかの情報ですね。その情報により、案２で異なるHTMLを作ること。
では、c,dはブラウザの「種類」と「バージョン」情報ですね。

４、本文中の下線①について、開発コストが大きくなる理由を３５字以内で述べよ。
開発コストは、初期開発と将来のデザイン変更両方ですね。
・初期開発は、デバイスごとに最適化した複数HTMLファイルを準備しておく要。
・将来は、デバイスが増えると、追加するのは必要。

つまり、「デバイスごとHTMLファイルを準備しておくが必要」とのことですね。

Webブラウザの種類とバージョンがどんどん増えるので　（※私の答え）
→
デバイスごとのHTMLファイルを開発する必要があるから

多分、私の答えとすると、減点か、得点できないかもしれませんね。
デバイスがWebブラウザだけではなくだし、未来のことだけでもないですね。
恥ずかしい。。。（笑）

＜＜表１　両案の特徴＞＞

５、e~hに入れる適切な字句を答えよ。
設問の図２には、「タブレット用のCSSを記述」ですので、eは768px、fは1,023pxですね。
gは表３により、「/images/topimage_w768.jpg」ですね。
hは、デザインイメージの作成　により、繰返し表示は行わないことので、「no-repeat」ですね。

＜＜図２＞＞

＜＜表３　CSSで使用する書式及びデータの一部＞＞

＜＜デザインイメージの作成＞＞

＜＜表２　K君が決定したウィンドウ幅の範囲＞＞

６、K君が本文中の下線②の方針とした目的を２０字以内で述べよ。
表１の「表示速度」項目に、画像の理由で、表示の遅延が発生するとのことですね。
下線②の方針は、デバイスごとにサイズの異なる画像を用意して、その表示の遅延を解消しようとの目的ですね。
なので、「画像表示の遅延を発生しないようにするため」ですね。

表示の遅延が発生しないようにする（私の答え）
→
画像表示の遅延を防ぐため

＜＜表１　両案の特徴＞＞

結論：
Webサイト設計の質問は、難しくないですが、
注意点もいくつありますね。
例えば、
・min-widthとmax-widthの単位　px　が付いていたか
・表示の遅延　だけど、何の表示ですか？　「画像表示。。。」ですね
・概念の「レスポンシブWebデザイン」は覚えていますか。私にとっては難しいかも

参照：
レスポンシブWebデザイン　responsive-web-design
https://digitalidentity.co.jp/blog/creative/responsive-web-design.html