正しいものは1を、間違っているものは 2 を記入する2択問題です。
第1問・シングルページアプリケーション(SPA)は、1 つのページの中で内容を更新するため、画面が遷移しても URLが変わることは決してない。
第2問・VDT 作業に従事する者は、視覚負担をはじめとする心身の負担を軽減するため、一日の連続 VDT 作業時間 が短くなるように配慮することが望ましい。
第3問・サイバーセキュリティ基本法では、国や事業者に対するのと同様に、国民にもサイバーセキュリティの確保に努 めることを責務として定めている。
第4問・PHP において、print は関数である。
第5問・HTML5.2 では、dl 要素の内部において div 要素を使用し、dt 要素と dd 要素をグループ化することができる。
第6問・CSS では 16 進数のカラーコードを 3 桁に省略することが可能だが、「#24c」と省略されたカラーコードは 6 桁の 場合は「#2244cc」となる。
第7問・jQuery などの JavaScript ライブラリの利用には、各ユーザエージェントのプラグインが必須である。
第8問・HTML5.2 の仕様書には、meta 要素による次のような指定はするべきではないと明記されている。
第9問・イーサネットとは、1000BASE-T の規格のみを指す。
第10問・ウェブサイトでの目的を達成するために、途中の過程を測る中間指標となるものを「KGI」という。
第11問・HTML5 において、外部 JavaScript ファイルを読み込むときは、<script href=”sample.js”></script>のよう に記述する。
第12問・HTML5 では条件を満たせば img 要素の alt 属性を省略することができる。
第13問・CSS の font-family プロパティで複数の候補がカンマ区切りで指定されている場合、一番最後に書かれている フォントファミリから優先される。
第14問・document.querySelectorAll() で取得できるものは配列である。
第15問・HTML5.2 における figcaption 要素は、figure 要素の要素内容の先頭か末尾にしか配置できない。
2. 選択問題
第16問・文字の間隔を指定する CSS プロパティはどれか。以下より 1 つ選択しなさい。
- text-indent
- white-space
- letter-spacing
- word-spacing
第17問・HTML5.2 において body 要素内に配置できない要素はどれか。以下より 1 つ選択しなさい。
- link 要素
- title 要素
- style 要素
- script 要素
第18問・CSS で文法的に正しい指定はどれか。以下より 1 つ選択しなさい。
- p { color:inherit; }
- p { border:”none”; }
- p { border-width:3; }
- p { background:”red”; }
第19問・ワイヤーフレームに関する説明として、最も適切なものを以下より 1 つ選択しなさい。
- 詳細なサイトマップに存在するすべてのページに対して作成する。
- 視覚的要素も可能な限り盛り込んでビジュアルデザインに踏み込んだ検討を行う。
- スクリーンサイズによって出す情報量は変化が無いので1つのサイズだけ検討すれば良い。
- ナビゲーション、情報のグループ化、順序、優先度の検討に利用する。
第20問・JavaScript で 425×1.08 を計算する場合、最も正確な値となるものはどれか。以下より 1 つ選択しなさい。
- 425 * 108 / 100;
- 425 x 108 / 100;
- 425 * 1.08;
- 425 x 1.08;
第21問・ウェブサーバへのセキュリティ対策として、不適切なものを以下より 1 つ選択しなさい。
- ウェブ公開用のディレクトリに配置されているファイルは、一般的には外部から閲覧が可能となるため、公開する必要のないファイルは、公開用ディレクトリに配置しないようにする。
- ウェブサイトの運営に必要のないサービスがウェブサーバ上で稼動している場合、そのサービスに対 しては管理が不十分になりやすく、ぜい弱性が残されたままの状態で稼動している可能性があるた め、必要のないサービスは削除する。
- ウェブサーバをリモート操作する際の認証方法として、パスワード認証と暗号技術による公開鍵認証 などを併用している場合、サーバに負荷がかかり可用性が低下するため、パスワード認証以外の認 証は行わないようにする。
- OS やアプリケーションにぜい弱性があった場合、そのぜい弱性をついて不正アクセスされる場合が あるため、OS やアプリケーションのベンダーなどから提供されるぜい弱性情報を随時入手して、OSやアプリケーションを最新の状態に保つようにする。
第22問・「upper camel case」を採用した HTML や CSS のコーディング規約を作る場合、そのルールに合致している文 字列はどれか。最も適切なものを以下より 1 つ選択しなさい。
- mainmenu
- subTopic
- anser_list
- PreEntry
第23問・クロスサイトスプリプティング(XSS)対策手法として、最も適切なものを以下より 1 つ選択しなさい。
- サニタイジング
- サイズチェック
- エコーバック
- キャッシュポイズニング
第24問・「個人情報の保護に関する法律(個人情報保護法)」において、「個人情報取扱事業者は、個人情報を取得した 場合は、あらかじめその利用目的を公表している場合を除き、速やかに、その利用目的を、本人に通知し、または 公表しなければならない」と規定されている。ここでの「公表」の事例として、該当しないものを以下より 1 つ選択しな さい。
- 店舗販売においては、店舗の見やすい場所へ掲示すること。
- 通信販売においては、通信販売用のパンフレットなどへ記載すること。
- 会員向けに限定されているウェブサイトにおいては、ユーザ ID・パスワードによる認証を行い、さらに 複数回操作した後に閲覧できる場所に記載すること。
- 自社の店舗・事務所内においては、ポスターなどに記載し掲示すること。
第25問・SVG とは何の略称か。正しいものを以下より 1 つ選択しなさい。
- Stylable Vector Graphics
- Scalable Vector Graphics
- Superficial Vector Graphics
- Single-lined Vector Graphics
第26問・マウスオーバーにより画像表示を切り替えたい。次のコードの [ A ] の部分に当てはまるものはどれか。最も適切なものを以下より 1 つ選択しなさい。
- src=’top_over.png’
- imgsrc=’top_over.png’
- this.src=”top_over.png”
- this.src=’top_over.png’
第27問・次に示したのは、ウェブコンテンツ JIS(JISX8341-3)の達成基準 2.4.1 である。[ A ]にあてはまる語句として、最も適切なものはどれか。以下より 1 つ選択しなさい。
- 検索
- 拡大
- スキップ
- レスポンシブ化
第28問・安全色彩の説明として、最も適切なものはどれか。以下より 1 つ選択しなさい。
- 長時間作業して目に優しい色
- 色相差により誤認識が起きない色
- JIS により定められた安全を確保するための色
- JIS により定められた画面表示と印刷した色が完全に一致する色
第29問・WAI-ARIA の WAI とは、何の略称か。適切なものを以下より 1 つ選択しなさい。
- Web Accessibility Initiative
- W3C Accessibility Information
- Way of Accessibility Improvement
- Working-group of Accessibility Information
第30問・UNIX サーバでファイルのパーミッションを 3 桁の数字で設定する場合、十の位に該当するユーザはどれか。以 下より 1 つ選択しなさい。
- 匿名ユーザ
- グループ
- 所有者 (オーナー)
- 一般ユーザ
第31問・body 要素の中に記述した要素を操作したいので、その処理は関数 init( )に定め、次の JavaScript コードにより、イベントリスナーとして呼び出すことにした。このとき、[ A ]に与えるべきイベントとして、最も適切なものはどれか。以下より 1 つ選択しなさい。
- loaded
- complete
- DOMContentLoaded
- onload
第32問・HTML ドキュメントの body 要素には、1のように id=”items”が指定された ul 要素があり、その中に li 要素 3つを含めた。このとき、2の JavaScript コードで li 要素のテキストを取り出し、配列にして変数(定数)items に納 めたい。その際、 [ A ] から [ C ] のいずれにも使われない項目はどれか。以下より 1 つ選択しなさい。
- querySelectorAll
- filter
- map
- =>
第33問・HTML5.2 において、img 要素に指定可能な次の属性のうち、アクセシビリティに関係しているものはどれか。以下より 1 つ選択しなさい。
- sizes 属性
- srcset 属性
- longdesc 属性
- crossorigin 属性
第34問・背景色と文字色のカラーコードの組み合わせのうち、コントラスト比が一番大きい組み合わせはどれか。最も適 切なものを以下より 1 つ選択しなさい。
- 背景色 #505050 : 文字色 #111111
- 背景色 #e6e6e6 : 文字色 #111111
- 背景色 #c2c2c2 : 文字色 #111111
- 背景色 #2f2f2f : 文字色 #111111
第35問・PHP で次のようなコードがある場合、255 という値を出力するコードはどれか。以下より 1 つ選択しなさい。
- print$color.red;
- print$color[‘red’];
- print$color->red;
- print$color;
第36問・aside 要素に関する説明のうち、最も適切なものはどれか。以下より 1 つ選択しなさい。
- 視覚的にメインコンテンツの横に配置するための要素である。
- メインコンテンツ内に配置することはできない要素である。
- 広告などのマークアップに適している要素である。
- ブログサイトなどで記事を表示するのに適している要素である。
第37問・iframe 要素が使用できない HTML のバージョンはどれか。以下より 1 つ選択しなさい。
- HTML4.01 Transitional
- XHTML1.0 Transitional
- HTML5
- XHTML1.1
第38問・HTML5.2 において使用可能な要素はどれか。以下より 1 つ選択しなさい。
- image 要素
- picture 要素
- photo 要素
- graphic 要素
第39問・入力など、何らかのアクションをユーザに求める場合の制限時間の説明として、適切なものを以下より 1 つ選択し なさい。
- 中断復帰(制限時間後も同じ状態から再開できる)機能を提供するのが望ましい。
- 制限時間はユーザに求めるアクションの種類や量によらず、システムの都合で設定してよい。
- 制限時間はどんな場合でも設定してはいけない。
- 制限時間がある場合でも、そのことを事前に教える必要はない。
第40問・次の CSS セレクタのうち、適用対象が他の 3 つとは異なるものはどれか。以下より 1 つ選択しなさい。
- p:nth-child(1n+0)
- p:nth-child(n)
- p:nth-child(0)
- p
解答
第1問・2
第2問・1
第3問・2
第4問・2
第5問・1
第6問・1
第7問・1
第8問・1
第9問・2
第10問・2
第11問・2
第12問・1
第13問・2
第14問・2
第15問・2
第16問・3
第17問・2
第18問・1
第19問・4
第20問・1
第21問・3
第22問・4
第23問・1
第24問・3
第25問・2
第26問・4
第27問・3
第28問・3
第29問・1
第30問・2
第31問・3
第32問・2
第33問・3
第34問・2
第35問・2
第36問・3
第37問・4
第38問・2
第39問・1
第40問・3