WordPressテンプレート制作、ウェブデザイン技能検定に挑戦中

前の記事:ウェブデザイン技能検定1級 学科試験対策 平成26年過去問題解説 その2
HOME
次の記事:ウェブデザイン技能検定2級試験結果

ウェブデザイン技能検定1級 学科試験対策 平成27年過去問題解説

ウェブデザイン技能検定|資格試験

 

のんびりやると言っておきながら、公式で公開されている3つの過去問題の内の2つ目に手を出しました。

 

HTML5では、「<nav role=”navigation”>~</nav>」のように、デフォルトで同じセマンティックを持つ要素であってもWAI-ARIAのロールをあえて重複させて指定することを推奨している。

正しくない

セマンティック=意味です。

HTML要素とWAI-ARIAロールの重複設定を非推奨とする旨が、ARIA in HTML(日本語訳)、ARIA in HTMLの使用に対する文書適合性要件の項に書かれています。

暗黙のARIAセマンティックスと一致するARIA roleおよび/またはaria-*属性の設定は不要であり、かつこのプロパティが既にブラウザーで設定されるので推奨されない。

 

ウェブセーフカラー216色のうち、Reallysafe Paletteと呼ばれるのは22色である。

正しい

同じ色指定でも、OSが異なると色が微妙に違って見えたりします。ウェブセーフカラーは異なるOS間でも一定の表示となる色指定の事です。

現在はほとんどの環境で24bitフルカラー(1677万色)が扱えますが、当時は16bitカラーしか扱えない環境も多く、ウェブセーフカラーで、かつ16bitカラー環境でも扱える22色をReallysafe Paletteと呼びました。

 

ウェブブラウザでアニメーションを描画するときに用いられるwindow.requestAnimationFrame()メソッドで再描画のたびにコールバックを呼び出すには、コールバック関数の中で改めて requestAnimationFrame()メソッドにより、その関数を指定しなければならない。

1

使用例

(function anime(){
 window.requestAnimationFrame(anime); 
 //再描画時の処理
})();

 

全く同じ問題を2級試験でも目にした記憶があります。window.requestAnimationFrame()メソッドに関する他の問題で言えば、「window.requestAnimationFrame()メソッドには引数として実行間隔の値を与えるか否か」というものもありました。その答えはNOで、window.requestAnimationFrame()メソッドの実行間隔はブラウザの負荷に合わせて自動調整されます。

 

リレーショナルデータベースの冗長構成において、マスタ・スレーブ方式の場合には、すべてのデータベースサーバに対して更新を行う。

正しくない

冗長構成とは、複数用意した装置の一部が故障しても、残された装置で運用を継続出来るような構成です。

マスター・スレーブ方式とは、複数の装置が連動する際、一方が命令を出す側(マスター)、残りが命令を受ける側(スレーブ)という風に役割分担を行う方式です。

問題文についてですが、データベース更新の際、全てを更新してしまう(復旧ポイントを作らない)と問題が発生した時に継続運用出来ないので、冗長構成にならないという話ではないかと思います。

 

HTML5において、table要素をレイアウトのために使用するのであれば、role属性を指定してその値に「presentation」を指定する必要がある。

正しい

table要素はアクセシビリティの観点からレイアウト目的の為に使用するべきではないという風に言われていたと思いますが、レイアウト目的で用いる際の設定も用意されているようです。

role属性の値に「presentation」が指定された要素は、見栄えが変わるだけの要素として認識されます。

ちなみに対象のtable要素がレイアウト目的でない事を明示するにはborder属性に1を設定します。HTML5ではborder属性に1か空文字しか設定出来ません。

 

情報の組織化について、「5つの帽子掛け」と言われる基準を提唱したのは、ヤコブ・ニールセンである。

正しくない

5つの帽子掛けはリチャード・S・ワーマンが提唱しました。

曰く、「情報の組織化には5つの基準しか無く、世の中にあるほとんどすべての情報をこの5つの基準で組織化が可能である」。

  • Location(位置情報)
  • Alphabet(アルファベット、順番や順序)
  • Time(時系列)
  • Category(カテゴリ)
  • Hierarchy(階層)

ウェブデザインにおいてはヤコブ・ニールセンの名前の方が重要かもしれません。ヤコブ・ニールセンはWebユーザビリティの提唱、研究を始めた第一人者です。

 

HTML5の文書において、DOCTYPE宣言として使用できないものはどれか。以下より 1 つ選択しなさい。

  1. <!doctype HTML>
  2. <!DOCTYPE html PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd”>
  3. <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
  4. <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

4

HTML5のDOCTYPE宣言が選択肢1で、他のDOCTYPE宣言はHTML4.01やXHTMLの宣言という認識なんですが違うんですかね。HTML5の環境でも使える文書型という事でしょうか。

Transitionalは非推奨要素を含めて使える文書型ですが、HTML5環境には適さないという事はなんとなく分かります。

 

次の記述中の A に当てはまる語句として最も適切なものを、以下より1つ選択しなさい。

Ruby on RailsなどのMVCは A の略である。
  1. Most Virus Contact
  2. Microsoft Visual C++
  3. Modern Video Conference
  4. Model View Controller

4

Ruby on RailsはRubyのフレームワークです。フレームワークとは、そのプログラミング言語に対する深い知識がなくとも、容易にプログラムを組む事が出来るツールのようなものです。

Model View Controllerはその名の通り、プログラムをモデル化して表示し、コントローラー(UI)で操作します。

 

次のようなディレクトリ構成があるとき、DocumentRootの設定として最も適切なものを、以下より1つ選択しなさい。

ディレクトリ構造
  1. DocumentRoot/var
  2. DocumentRoot/var/www/
  3. DocumentRoot/var/www/public/
  4. DocumentRoot/var/www/public/index.php

3

ApacheのDocumentRootには、クライアントのリクエストに応じるファイルが置いてあるディレクトリを設定します。要はindexファイルが置いてあるフォルダです。

DocumentRootにアクセスがあった時、index.htmlないしはindex.phpを表示する設定はDirectoryIndexで行います。

 

HTML内の2つのテーブル要素を、水平方向に並べて表示することができないスタイルシートはどれか。以下より1つ選択しなさい。

  1. table { float: left; }
  2. table { display: table-column; }
  3. table { display: table-cell; }
  4. table { display: inline-table; }

2

columnは柱や円柱といった意味です。table-cell;の指定が横並びになるのに対して、table-column;の指定は縦並びになります。

 

PHP5単独でXMLのparserとして使用できるものはどれか。適切なものを以下より1つ選択しなさい。

  1. SimpleXMLElement
  2. SuperXML
  3. PHPXML
  4. XMLElement

1

XML parserとは、XML文書をアプリケーションが利用しやすい形に変換するソフトウェア・プログラムの事です。

具体例としては、XMLファイルのRSS(ブログ更新情報)をSimpleXMLElementで変換して、ブログタイトルや更新日時をPHPで取得して表示するといった感じです。

 

HTML5 において使用できない要素はどれか。以下より 1 つ選択しなさい。

  1. data
  2. embed
  3. output
  4. details

4

  • data… 機械に正確に情報を読み取らせる為に用いる要素です。
  • embed… Flash等のコンテンツをサイトに組み込む際に用いる要素です。
  • output… form要素の部品に入力された値の計算結果を出力する要素です。
  • details… summary要素と組み合わせ、閲覧者が操作可能な開閉式のウィジットを表します。

details要素はHTML5で追加される予定でしたが、ブラウザのサポートが進まずHTML5からは外れました。現在HTML5.1で追加されるかどうかの草案段階です。

 

<summary>開閉式ウィジット</summary>
<details>
 <summary>メニュー項目</summary>
 <ul>
  <li>メニュー1</li>
  <li>メニュー2</li>
  <li>メニュー3</li>
 </ul>
</details>

ブラウザがdetails要素をサポートしていれば、下の開閉式ウィジットが機能します。

 

開閉式ウィジット
メニュー項目
  • メニュー1
  • メニュー2
  • メニュー3

 

ITUのBT.601で勧告されているRGBの三原色から輝度Yへの変換式はどれか。適切なものを以下より1つ選択しなさい。

  1. Y = 0.29891 × R + 0.58661 × G + 0.11448 × B
  2. Y = 0.2126 × R + 0.7152 × G + 0.0722 × B
  3. Y = 0.33 × R + 0.33 × G + 0.33 × B
  4. Y = R + G + B

1

ITU(International Telecommunication Union)… 国際電気通信連合

BT.601… 映像信号の変換方式を規定した国際規格


関連する所で、平成26年に「明度差を算出するために使用される計算式はどれか。」という出題がありました。

答え: {(R×299)+(G×587)+(B×114)}/1000

 

PHP5.6において非推奨になったものはどれか。以下より1つ選択しなさい。

  1. preg_match()
  2. mbstring.internal_encoding
  3. mysqli()
  4. pg_connect()

2

  1. preg_match()… 正規表現によるマッチングを行います。非推奨・廃止になったのはereg()関数です。
  2. mbstring.internal_encoding… PHP5.6において非推奨になったエンコードのオプション設定です。
  3. mysqli()… MySQL接続クラスです。非推奨・廃止になったのはmysql_系の関数です。
  4. pg_connect()… PostgreSQL接続クラスです。

 

変数imageにはimg要素が納められ、そのsrc属性に画像ファイルのパスが定められている。その画像の読み込みが済んでから関数imageLoaded()を呼び出したい。次のJavaScriptコードでaddEventListener()メソッドの第1引数のA に与えるべきイベントとして適切なものを、以下より1つ選択しなさい。

image.addEventListener( A , imageLoaded);
  1. “load”
  2. “loaded”
  3. “fileLoad”
  4. “fileLoaded”

1

 

FTPSで通常使用するポートを、以下より1つ選択しなさい。

  1. 20と22
  2. 21と22
  3. 989と990
  4. 990と991

3

FTPSで通常使用するポート番号

  • 989番… データ転送
  • 990番… データ制御

FTPで通常使用するポート番号

  • 20番… データ転送
  • 21番… データ制御

FTPのアクティブモードとパッシブモード

  • アクティブモード… サーバ → クライアント の方向でデータ接続確立
  • パッシブモード… クライアント → サーバ の方向でデータ接続確立

 

ウェブで用いられる映像配信規格としてISOで勧告されたものを、以下より1つ選択しなさい。

  1. Smooth Streaming
  2. HLS(HTTP Live Streaming)
  3. HDS(HTTP Dynamic Streaming)
  4. MPEG-DASH(Dynamic adaptive streaming over HTTP)

3

HTTP Dynamic StreamingはAdobeが提供しているストリーミング配信技術です。

 

ウェブサイトのセキュリティ対策として不適切なものを、以下より1つ選択しなさい。

  1. SQLインジェクション攻撃の対策として、ウェブアプリケーションに渡されるhiddenパラメータに、SQL文を直接指定する。
  2. ディレクトリトラバーサルの対策として、ファイルを開く際は、固定のディレクトリを指定する。さらに、ファイル名にはディレクトリ名を含めないようにする。
  3. セッションハイジャックの対策として、セッションIDはPOSTメソッドのhidddenパラメータに格納して受け渡すようにする。
  4. クロスサイトスクリプティングの対策として、ウェブページの本文やHTMLタグの属性などに相当するすべての出力要素に対して、エスケープ処理を施す。

1

SQLインジェクション攻撃の対策として、不正なSQL文が成立しないように、命令文として扱われる可能性のある記号にエスケープ処理を施します。

 

Apacheで運用しているサーバでPHPの解説ページをexample.php.htmlというファイル名で公開しようとしたら、サーバサイドでPHPのコードが動作してしまっていた。このファイルを静的なHTMLとして配信する場合、Apache設定で変更すべき箇所を以下より1つ選択しなさい。ただし、他のプロジェクトでPHPを利用しているため、PHPの使用を止めることはできない。

  1. AddHandler php5-script .php
  2. LoadModule php5_module modules/libphp5.so
  3. DirectoryIndex index.php
  4. Action php5script /cgi-bin/php5-cgi

1

AddHandler php5-script .php(PHP7環境の場合はAddHandler php7-script .php)は、リクエストのあったファイルにPHPを実行してクライアントに渡す設定なので、問題文の答えとしてはAddHandler php5-script .phpを削除すれば解決するものと思われます。

 

Pingが使うプロトコルを、以下より1つ選択しなさい。

  1. ARP
  2. HTTP
  3. ICMP
  4. UDP

3

ICMP(Internet Control Message Protocol)は、IPプロトコルのエラー通知や、制御メッセージを転送する為のプロトコルです。

 

今回の結果は50問中40問正解でした。実試験ならまず合格しているラインだと思います。1級試験から降りて出題されていたのか、2級試験で見かけた問題が多くありました。

 

ウェブデザイン技能検定1級 学科試験対策 平成27年過去問題解説

0件のコメント

コメント

カテゴリ

月別アーカイブ