【デザイナーにおすすめの国家資格】ウェブデザイン技能検定2級（学科） 過去問徹底解説：平成30年度第4回（31）〜(35)
今回は「Webデザイン技能検定2級（学科） 絶対に合格できる過去問徹底解説：平成30年度第4回（31）〜(36)」です。
16問目〜40問目は、四択形式になります。
31問目〜35問目は「SSLの暗号化アルゴリズム」「HTMLタグの基本知識」「色彩」などに関する設問が出題されます。
Webデザイン技能検定2級（学科） 絶対に合格できる過去問徹底解説：平成30年度第4回（26）〜(30)
※こちらの設問につきましては、以下のリンクをご確認ください。
http://www.webdesign.gr.jp/kentei/open/H30-4-2_gakka_open.pdf
では、参ります。
6.以下の設問に答えよ。
第31問:160ビットのハッシュ値を得るものを以下より1つ選択しなさい。
1.MD5
2.MD2
3.SHA256
4.SHA1
正回答：4
日常的なWebデザイン業務はまず気にすることがない「SHA（セキュアハッシュアルゴリズム）」に関する問題です。
「SHA」について簡単に説明すると、SSL通信の際に使用される暗号化技術。
この設問では「160ビットのハッシュ値に暗号化される技術はどれですか？」ということです。
MD5…ハッシュ値は128ビット。
MD2…ハッシュ値は128ビット。現在では、安全ではないとされている。
SHA256…ハッシュ値は256ビット。
SHA1…ハッシュ値は160ビット。
第32問:ユーザがとる一連の行動や思考、感情の起伏などを図式化したものを何というか。適切なものを以下より1つ選択しなさい。
1.ヒートマップ
2.サイトマップ
3.ワイヤーフレーム
4.カスタマージャーニーマップ
正回答：4
ユーザがWebサイトを閲覧する際、どのような導線を辿り、感情や思考の変化を想像する。
それらを図式にまとめたものは「カスタマージャーニーマップ」と言います。
私は「カスタマー（お客様が）ジャーニー（旅する※導線）マップ（図式）」と覚えました。
ヒートマップ…ユーザー行動を分析するツールです。多くのユーザーが行動した部分がサーモグラフィーのように赤や黄色に記されます。
サイトマップ…Webサイト全体の構成を簡略的にツリー構造にまとめた資料です。
ワイヤーフレーム…Webページの構成を簡略化した資料です。
第33問:HTML4.01とHTML5において用途が異なる属性はどれか。以下より1つ選択しなさい。
1.link要素のrel属性
2.td要素のcolspan属性
3.table要素のborder属性
4.textarea要素のrows属性
正回答：3
HTML4.1では「table要素のborder属性」は、境界線の太さを指定する役割を持っていました。
HTML5系に変わり、borderは太さではなく「有無の指定」に変わりました。
指定可能な値は「1もしくは空欄」になります。
第34問:次のHTMLコードのように、body要素へビデオを埋め込み、ブラウザがMP4フォーマットに対応していないとき、WebMフォーマットのビデオの再生を試みるようにしたい。このとき、Aにあてはまる最も適切なものを、以下より1つ選択しなさい。
<video controls>
< [A] src="myVideo.mp4" type="video/mp4">
< [A] src="myVideo.webm" type="video/webm">
</video>
1.source
2.video
3.option
4.alt
正回答：1
video要素で包括し内部の要素でファイルを指定する場合、使用するタグは「source」になります。
video…sourceのparent（親要素）として使用するタグですが、souceを使用せずにvideo要素に直接映像ファイルのパスを指定することも可能です。
option…セレクトフォームにおいて、選択項目を設定する要素です。
alt…img要素に代替文字（alternative）として設定します。画像が表示できない状態に表示される上、検索エンジンに対し画像の意味をアピールするためにも用いられます。
第35問:文字色と背景色の組み合わせのうち、コントラスト比が最も大きいものはどれか。以下より1つ選択しなさい。
1.文字色：hsl(0, 0%, 50%) 背景色：hsl(0, 100%, 50%)
2.文字色：hsl(0, 50%, 0%) 背景色：hsl(0, 50%, 100%)
3.文字色：hsl(0, 50%, 50%) 背景色：hsl(180, 50%, 50%)
4.文字色：hsl(0, 50%, 50%) 背景色：hsl(360, 50%, 50%)
正回答：2
まず色の指定において「hsl」の意味を解説します。
HSLとは、色を「色相(Hue)」「彩度(Saturation)」「輝度（Lightness)」の要素で表現する方式です。
コントランスト比に影響する要素は「輝度（Lightness)」。
つまり設問からl要素の数値差が最も大きなものが、コントラスト比が最も大きいということになります。
次回は「Webデザイン技能検定2級（学科） 絶対に合格できる過去問徹底解説：平成30年度第4回（36）〜(40)」です。