COLUMN コラム

2022.11.14

【ウェブデザイン技能検定2級】令和4年度第2回学科試験まとめと解説【過去問題】

1. 各設問において、正しいものは1を、間違っているものは 2 を、該当設問の解答欄に記せ。

1

ウェブアクセシビリティのコントラスト比の要件は、ロゴまたはブランド名の一部である文字には適用されない。

解答と解説

2

ウェブサイトでの目的を達成するために、途中の過程を測る中間指標となるものを「KGI」という。

解答と解説

3

p 要素はフレージングコンテンツを内容に持つ。

解答と解説

4

CSS の display プロパティの初期値は「block」である。

解答と解説

5

ノート型やタブレット型情報機器はデスクトップ型に比べてディスプレイと頭の位置及びキーボード
等入力装置と手の位置の関係において自由度が小さくなるため、作業者に特定の拘束姿勢を強いることや過度の緊張を招くことなどがある。

解答と解説

1

6

JavaScript などのプログラミング言語において、const は定数を宣言する。

解答と解説

7

style 要素はメタデータコンテンツである。

解答と解説

8

SSL は、ウェブサーバとウェブブラウザとの通信においてやりとりされるデータを暗号化する技術である。

解答と解説

9

CSS の hsl( )の最初の引数である色相に 0 を指定した場合、色としては赤が指定されたことになる。

解答と解説

1

色相環を覚えましょう。

参考:色相環と12色相環[作成と計算式]

10

CSS セレクタの疑似要素は、セレクタの最後尾に 1 つだけ指定できる。

解答と解説

11

ul 要素の直下の子要素として ol 要素を配置することは、文法的に可能である。

解答と解説

2

ul要素の直下の子要素はli要素となります。

12

事業活動により取得および利用している個人情報が 5,000 人以下の場合には、個人情報取扱事業者に該当しない。

解答と解説

2

個人情報保護法の適用範囲が拡大されました。これまでは、取り扱っている個人情報の数が5,000人分以下の事業者は個人情報保護法の対象外となっていましたが、平成29年5月30日以降は、個人情報を扱うすべての事業者が法の対象になりました。

参考:個人情報保護法が改正され、対象の団体が拡大されます/習志野市ホームページ

13

JSON は Python で利用可能である。

解答と解説

14

hgroup 要素はヘッディングコンテンツである。

解答と解説

15

progress 要素で進捗状況を表示するための最大値(max 属性の値)は、デフォルトで 100 である。

解答と解説

2. 以下の設問に答えよ。

16

技能検定という文字列にルビ(フリガナ)をつけるために適切なものはどれか。以下より 1 つ選択しなさい。

  1. <ruby>技能検定<rt>ぎのうけんてい</rt></ruby>
  2. <ruby>技能検定<rp>ぎのうけんてい</rp></ruby>
  3. <rb>技能検定<rp>ぎのうけんてい</rp></rb>
  4. <ruby><rt>技能検定</rt>ぎのうけんてい</ruby>
解答と解説

17

JavaScript などのスクリプトが実行されない環境での、ウェブブラウザへのメッセージの表示や、スタイルシートの設定などの内容を記述する要素はどれか。以下より 1 つ選択しなさい。

  1. script
  2. noscript
  3. noembed
  4. function
解答と解説

18

select 要素で作成するメニューから複数の項目が選べるようにしたい。このとき、select 要素に指定すべき属性はどれか。以下より 1 つ選択しなさい。

  1. multiple
  2. simplex=”false”
  3. not-single
  4. many
解答と解説

19

HTML で変数をマークアップする際に使用すべき要素はどれか。最も適切なものを以下より 1 つ選択しなさい。

  1. i
  2. var
  3. code
  4. samp
解答と解説

20

UNIX サーバでファイルのパーミッションを 3 桁の数字で設定する場合、十の位に該当するユーザはどれか。以下より 1 つ選択しなさい。

  1. 匿名ユーザ
  2. 所有者 (オーナー)
  3. 一般ユーザ
  4. グループ
解答と解説

21

背景色と文字色のカラーコードの組み合わせのうち、コントラスト比が一番大きい組み合わせはどれか。以下より1 つ選択しなさい。

  1. 背景色 #e6e6e6 : 文字色 #111111
  2. 背景色 #505050 : 文字色 #111111
  3. 背景色 #c2c2c2 : 文字色 #111111
  4. 背景色 #2f2f2f : 文字色 #111111
解答と解説

1

16進数とは何かを理解しましょう。
その上で16進数を0~255の10進数に変換すれば答えが出ます。

参考:16進数
参考:2進数、16進数と10進数 – CyberLibrarian

22

table 要素に図のように枠線を表示させたい。このとき指定すべき CSS の記述として適切なものはどれか。以下より 1 つ選択しなさい。


解答と解説

4

table要素についてあらかじめ勉強しておきましょう。

参考:スタイルシート[CSS]/テーブル/表の境界線を指定する – TAG index

23

SQL インジェクション対策として最も適切なものを、以下より 1 つ選択しなさい。

  1. htmlspecialchars()を使う。
  2. シングルクォーテーションをエスケープする。
  3. プリペアードステートメントを使う。
  4. OS のコマンドを実行できないようにする。
解答と解説

24

次の JavaScript コードにおいて、変数 inputText には要素<input type=”text”>への参照が収められている。要素への入力などをできないようにしたいとき、 A に定めるべき適切な記述はどれか。以下より 1 つ選択しなさい。

  1. setAttribute(‘active’,false)
  2. disabled=true
  3. active=false
  4. enabled=false
解答と解説

25

次に示したのは、ウェブコンテンツ JIS(JIS X 8341-3) のガイドライン 2.3 である。 A にあてはまる語句として適切なものを、以下より 1 つ選択しなさい。

  1. 混乱
  2. 発作
  3. 強制終了
  4. フリーズ
解答と解説

26

インターネットなどのネットワークに接続されているシステムに対して、さまざまな既知の技術を駆使して脆弱性を検査するテストは何か。適切なものを以下より 1 つ選択しなさい。

  1. オペレーションテスト
  2. ベネフィットテスト
  3. フラストレーションテスト
  4. ペネトレーションテスト
解答と解説

27

head 要素に記述した次の JavaScript コードで、DOM 要素を操作したい。このとき、 A に定めるべき適切なイベントはどれか。以下より 1 つ選択しなさい。

  1. onload
  2. loaded
  3. DOMContentLoaded
  4. documentReady
解答と解説

28

次に示したのは、ウェブコンテンツ JIS(JISX8341-3)の達成基準 1.4.3 である。ここで「次の場合は除く」としてコントラストの要件から外されているものはどれか。以下より 1 つ選択しなさい。

  1. 細い線の文字。
  2. あきらかにメインコンテンツには含まれない文字。
  3. WAI-ARIA でアクセシブルな名前のつけられた文字。
  4. アクティブではないユーザインタフェースコンポーネントの一部である文字。
解答と解説

29

引用として著作物の利用が認められる条件に含まれているものはどれか。以下より1つ選択しなさい。

  1. 引用の出典を明示する。
  2. 引用文を主張したい内容に合わせて編集する。
  3. すばらしい内容なので主文より引用文を長くする。
  4. 非公表だが皆が知るべき情報なので引用する。
解答と解説

30

input 要素の type 属性の値として指定できないものを、以下より 1 つ選択しなさい。

  1. color
  2. datetime
  3. date
  4. range
解答と解説

2

31

記事や文書の問い合わせ先ではない住所をマークアップする際に使用すべき要素はどれか。最も適切なものを以下より 1 つ選択しなさい。

  1. p要素
  2. div 要素
  3. address 要素
  4. blockquote 要素
解答と解説

1

32

CSS でテキストを縦書きで表示させることのできるプロパティはどれか。以下より 1 つ選択しなさい。

  1. vertical-align
  2. direction
  3. text-align
  4. writing-mode
解答と解説

33

入力フォームで発生する問題に対してマイクロインタラクションによる改善策を施したい。このとき不適切であるものはどれか。以下より 1 つ選択しなさい。

  1. パスワード設定で強度不足によるやり直しが多かったので、パスワード設定中にパスワードの強度を表示するようにした。
  2. 必須項目に気がつかず送信できないことが多かったので、必須項目を入力し終わるまで送信できな いようにした。
  3. ファイルのアップロード完了を待たずに何度もアップロードボタンを押そうとする人が多かったので、 アップロードの進行状況を割合で表示するようにした。
  4. 文字数オーバーでエラーになることが多かったので、あと何文字入力可能かリアルタイムで表示する ようにした。
解答と解説

34

hr 要素のタグの書き方のうち、文法的に間違っているのはどれか。以下より 1 つ選択しなさい。

  1. <hr>
  2. < hr>
  3. <hr/>
  4. <hr />
解答と解説

2

35

HTML ドキュメントに、要素としてダイアログボックスを加えたい。このとき用いる要素はどれか。以下より 1 つ選択しなさい。

  1. dialog
  2. dialog-box
  3. dialog-layer
  4. dialog-window
解答と解説

36

.htaccess の機能ではないものはどれか。以下より 1 つ選択しなさい。

  1. アクセスログの収集
  2. リダイレクト
  3. BASIC 認証
  4. IP制限
解答と解説

37

ウェブページにおいて「>」を表示させる際の文字参照を、以下より 1 つ選択しなさい。

  1. &quot;
  2. &lt;
  3. &gt;
  4. &nbsp;
解答と解説

38

JPEG の説明として適切なものはどれか。以下より 1 つ選択しなさい。

  1. 256 色までの色しか扱うことができない。
  2. 非可逆圧縮方式で圧縮符号化されたファイル形式である。
  3. 画像を図形を表す数値情報の集合として表現している。
  4. 透明度を指定して半透明の画像が作成できる。
解答と解説

39

SQL の基本構文のうち、データ操作言語に属するものはどれか。以下より 1 つ選択しなさい。

  1. CREATE
  2. DROP
  3. GRANT
  4. UPDATE
解答と解説

40

CSS のセレクタの書式において、「div.top」と機能的に等しいものはどれか。以下より 1 つ選択しなさい。

  1. div[class^=”top”]
  2. div[class$=”top”]
  3. div[class~=”top”]
  4. div[class|=”top”]
解答と解説

3

弊社では士業やメディア、医療関係を中心にサイト制作を行っております。webサイトについてお悩みのある方はお気軽にお問い合わせください。
DOLに制作を相談する

表参道でWeb制作、
マーケティングするならDOL