ウェブデザイン技能検定 学科試験問題 目次
ウェブデザイン技能検定とは
ウェブデザイン技能検定とは、国家検定制度である技能検定制度の一つとして、 厚生労働省より職業能力開発促進法第47条第1項の規定に基づき指定試験機関の指定を受け、 特定非営利活動法人インターネットスキル認定普及協会が実施するものです。 試験は実技および学科試験で実施され、関連国際標準規格等に基づきウェブデザインに関する知識・技能、実務能力等が問われます。
1級の合格者には厚生労働大臣より、2級及び3級の合格者には特定非営利活動法人インターネットスキル認定普及協会理事長より、ウェブデザイン技能士の合格証書が発行されます。
ここでは過去の問題とその回答(一部解説あり)を載せてありますので有効に活用してもらえれば幸いです。
※▶をクリックするとその年度の問題(何回目)が表示されます
◆ウェブデザイン技能検定2級 過去問
◆ウェブデザイン技能検定3級 過去問
スマートリモコン
直接、Alexa とは関係ないですが、これ買っちゃいました。
スマートリモコンってやつですね。思ってたより小さいです。
赤外線リモコンな家電ならスマホアプリ経由で制御できます。
テレビとエアコンはプリセットされてるやつから選んですぐ制御できました。あとはブルーレイレコーダがプリセットされていなかったので、必要なボタンを掻い摘んで登録を。
これが一番大変だったんですが、リモコンでよく使うボタン特にチャプタースキップがどれだけ押しても反応しなかったんですよね。コイツを何とかして赤外線発射させて覚えさせなくてはいけませんでした。
やさしく押しても受信しないんで爪でグリグリ何十回と押したら何とか拾ってくれました！ヨカッタ！
家の電灯達はまだ蛍光管使ってるんでいずれシーリングライトに換えて操作できるようにします。
あと動かすとすれば最近休みがちなルンバと夏場の扇風機くらいかな。
このスマホアプリは外からでもIFTTT経由で家電操作可能です。
まだ試してませんが、Raspberry Pi からもいじれると思うので遊んでみようかと思います。
あ、そうそう。これは所詮リモコンの代わりなので、外にいると現状を知ることが出来ません。例えば外出時にテレビ消し忘れたと思って電源ボタンを押しても消えたのか点いたのかを知ることは出来ないということです。
もちろん、ONとOFFが別になっている家電であれば問題はないですよ！
まぁ、普通はON/OFF共通ですからこれを何とかしようとすると、カメラで監視するしかないかなぁ…
ゲーム機で遊ぼう その３
うーむ。
ゴニョゴニョ手順がおかしくないか、再度確認しても特におかしな部分はなく、もう1台のHDDにしようかなぁと思ってたら
いやいやいや！USBメモリでいいじゃんよ！！
ってことで32GBのヤツをぶっ刺してみたら普通に認識し、あっさり吸出し成功。
吸出し時間もそれほどでもなく、カバージャケットもDL出来ていい感じです。え？なんでこのゲームなのって？WiiUに入ったままになってたから…氣志團のアレとかAKB48のアレとか踊れるよ！
ま、これで名作達を快適に遊べるな。
中古屋行ってこよーっと。
前にPS3とWiiでやりたいゲーム書いたから、WiiUでやりたいゲームも書いておきましょ。
マリオとかスプラとかマリカとかスマブラとか大体買っちゃってますが…
- 進め! キノピオ隊長
- 990円
- ゼルダ無双
- 760円
- ベヨネッタ2
- 1598円
- XenobladeX
- 710円
- ゼルダの伝説 ブレス オブ ザ ワイルド
- 5090円
ゲーム機で遊ぼう その２
ごちゃごちゃした部屋を引っ掻き回した結果、3.5インチのHDD7台と2.5インチのHDDが2台出てきた。3.5インチのHDDは10年以上前のもので認識しない、もしくは認識してもフォーマット出来ないで全滅でした…。
残った2.5インチHDDを繋いでみると…お、認識しました！中には懐かしい家族写真が。もう1台も同様で、消すわけにはいかないので1台にまとめて、空にした1台を使うことに。
早速WiiUに接続してみるとWiiU起動時に接続しているUSB機器を初期化するかメッセージが。
これは間違いなく認識してますな。
vWiiにしてHBC起動してUSBLoaderGX起動するとー…を？最初のLoadingはすんなりいくけど結果認識してない。空き領域が0.02GB freeとかなってるし。
NTFSで動くみたいだったからそのままにしてたけど、WBFSに変えてみるが、やっぱりダメ
WiiFlowではそもそもデバイスが見つからない。
cIOSどっか間違えてるんかなぁ…。また明日
ウェブデザイン技能検定2級 H30年度 第1回学科試験問題
正しいものは1、間違っているものは2を選択する問題です。
▶解答をクリックすると解答/解説が表示されます。
シングルページアプリケーション（SPA）は、1 つのページの中で内容を更新するため、画面が遷移しても URL が変わることは決してない。
解答
2.間違い
URLは、ページ内のユーザインターフェースの遷移でも逐次変化し、ブラウザの履歴で前の画面に遡さかのぼることが可能です。
解答
1.正しい
サイバーセキュリティ基本法では、国や事業者に対するのと同様に、国民にもサイバーセキュリティの確保に努 めることを責務として定めている。
解答
2.間違い
第九条を以下に引用します。
国民は、基本理念にのっとり、サイバーセキュリティの重要性に関する関心と理解を深め、サイバーセキュリティの確保に必要な注意を払うよう努めるものとする。
PHP において、print は関数である。
解答
2.間違い
print は、関数ではなく言語構造の範疇になります。
HTML5.2 では、dl 要素の内部において div 要素を使用し、dt 要素と dd 要素をグループ化することができる。
解答
1.正しい
CSS では 16 進数のカラーコードを 3 桁に省略することが可能だが、「#24c」と省略されたカラーコードは 6 桁の 場合は「#2244cc」となる。
解答
1.正しい
WCAG2.0 では、ロゴの一部となっているテキストについては、4.5:1 のコントラスト比がなくてもよいとされてい る。
解答
1.正しい
HTML5.2 の仕様書には、meta 要素による次のような指定はするべきではないと明記されている。
<meta name="viewport" content="user-scalable=no">
解答
1.正しい
んー、どこに書いてあるかよく分かりませんでした…。モバイル端末にズーム無しは駄目ってことなんですかね？
イーサネットとは、1000BASE-T の規格のみを指す。
解答
2.間違い
10BASE-Tに始まり100BASE-TXが普及し、今日では1000BASE-Tが普及しつつある。また、新たな規格として10GBASE-T規格が決定された。さらなる高速規格として40GbEや100GbEが調整段階にある。
ウェブサイトでの目的を達成するために、途中の過程を測る中間指標となるものを「KGI」という。
HTML5 において、外部 JavaScript ファイルを読み込むときは、<script href="sample.js"></script>のよう に記述する。
解答
2.間違い
<script src="sample.js"></script> ですね。
HTML5 では条件を満たせば img 要素の alt 属性を省略することができる。
CSS の font-family プロパティで複数の候補がカンマ区切りで指定されている場合、一番最後に書かれている フォントファミリから優先される。
解答
2.間違い
最初に書かれている方から優先されます。
document.querySelectorAll() で取得できるものは配列である。
解答
2.間違い
Node Listを取得します。配列ではなくノードのコレクションと思っておけば良いかと。
HTML5.2 における figcaption 要素は、figure 要素の要素内容の先頭か末尾にしか配置できない。
解答
2.間違い
<figure>～</figure>の中であれば問題ありません。
ここからは4択の問題となります。
文字の間隔を指定する CSS プロパティはどれか。以下より 1 つ選択しなさい。
1. text-indent
2. white-space
3. letter-spacing
4. word-spacing
解答
3
1はテキスト１行目の インデントの指定をします。2はテキストの 半角スペース・タブ・改行の扱い方 を指定します。4は単語と単語の間隔を指定します。
HTML5.2 において body 要素内に配置できない要素はどれか。以下より 1 つ選択しなさい。
1. link 要素
2. title 要素
3. style 要素
4. script 要素
解答
2
他にbase要素があります。
CSS で文法的に正しい指定はどれか。以下より 1 つ選択しなさい。
1. p { color: inherit; }
2. p { border: "none"; }
3. p { border-width: 3; }
4. p { background: "red"; }
解答
1
2はダブルクォートが不要。3は単位が必要。4はダブルクォートが不要です。
ワイヤーフレームに関する説明として、最も適切なものを以下より 1 つ選択しなさい。
1. 詳細なサイトマップに存在するすべてのページに対して作成する。
2. 視覚的要素も可能な限り盛り込んでビジュアルデザインに踏み込んだ検討を行う。
3. スクリーンサイズによって出す情報量は変化が無いので１つのサイズだけ検討すれば良い。
4. ナビゲーション、情報のグループ化、順序、優先度の検討に利用する。
JavaScript で 425×1.08 を計算する場合、最も正確な値となるものはどれか。以下より 1 つ選択しなさい。
1. 425 * 108 / 100;
2. 425 x 108 / 100;
3. 425 * 1.08;
4. 425 x 1.08;
解答
1
小数のまま計算すると誤差が出るため、整数化してから除算した方が正確な値になります。
ウェブサーバへのセキュリティ対策として、不適切なものを以下より 1 つ選択しなさい。
1. ウェブ公開用のディレクトリに配置されているファイルは、一般的には外部から閲覧が可能となるため、 公開する必要のないファイルは、公開用ディレクトリに配置しないようにする。
2. ウェブサイトの運営に必要のないサービスがウェブサーバ上で稼動している場合、そのサービスに対 しては管理が不十分になりやすく、ぜい弱性が残されたままの状態で稼動している可能性があるた め、必要のないサービスは削除する。
3. ウェブサーバをリモート操作する際の認証方法として、パスワード認証と暗号技術による公開鍵認証 などを併用している場合、サーバに負荷がかかり可用性が低下するため、パスワード認証以外の認 証は行わないようにする。
4. OS やアプリケーションにぜい弱性があった場合、そのぜい弱性をついて不正アクセスされる場合が あるため、OS やアプリケーションのベンダーなどから提供されるぜい弱性情報を随時入手して、OS やアプリケーションを最新の状態に保つようにする。
解答
3
セキュリティ対策としては失格ですね。
「upper camel case」を採用した HTML や CSS のコーディング規約を作る場合、そのルールに合致している文 字列はどれか。最も適切なものを以下より 1 つ選択しなさい。
1. mainmenu
2. subTopic
3. anser_list
4. PreEntry
解答
4
camel caseとは単語の頭文字を大文字にする表記ですが、upper camel caseは先頭文字も大文字にする表記方法です。
「個人情報の保護に関する法律（個人情報保護法）」において、「個人情報取扱事業者は、個人情報を取得した 場合は、あらかじめその利用目的を公表している場合を除き、速やかに、その利用目的を、本人に通知し、または 公表しなければならない」と規定されている。ここでの「公表」の事例として、該当しないものを以下より 1 つ選択しな さい。
解答
3
会員向けに限定されているので公表とは言えません。
SVG とは何の略称か。正しいものを以下より 1 つ選択しなさい。
マウスオーバーにより画像表示を切り替えたい。次のコードの A の部分に当てはまるものはどれか。最も適切なものを以下より 1 つ選択しなさい。
<img src="top.png" alt="トップページへ" onmouseover=" A ">
解答
4
ダブルクォートの中なのでシングルクォートを用います。
次に示したのは、ウェブコンテンツ JIS（JISX8341-3）の達成基準 2.4.1 である。 A にあてはまる語句として、最も適切なものはどれか。以下より 1 つ選択しなさい。
2.4.1 ブロック A の達成基準
複数のウェブページ上で繰り返されているコンテンツのブロックを A するメカニズムが利用できる （レベル A）。
1. 検索
2. 拡大
3. スキップ
4. レスポンシブ化
解答
3
安全色彩の説明として、最も適切なものはどれか。以下より 1 つ選択しなさい。
1. 長時間作業して目に優しい色
2. 色相差により誤認識が起きない色
3. JIS により定められた安全を確保するための色
4. JIS により定められた画面表示と印刷した色が完全に一致する色
解答
3
WAI-ARIA の WAI とは、何の略称か。適切なものを以下より 1 つ選択しなさい。
1. Web Accessibility Initiative
2. W3C Accessibility Information
3. Way of Accessibility Improvement
4. Working-group of Accessibility Information
解答
1
UNIX サーバでファイルのパーミッションを 3 桁の数字で設定する場合、十の位に該当するユーザはどれか。以 下より 1 つ選択しなさい。
1. 匿名ユーザ
2. グループ
3. 所有者 （オーナー）
4. 一般ユーザ
解答
2
百の位が所有者、十の位がグループ、一の位が一般ユーザとなります。
body 要素の中に記述した要素を操作したいので、その処理は関数 init( )に定め、次の JavaScript コードによ り、イベントリスナーとして呼び出すことにした。このとき、 A に与えるべきイベントとして、最も適切なものはど れか。以下より 1 つ選択しなさい。
document.addEventListener(' A ', init);
1. loaded
2. complete
3. DOMContentLoaded
4. onload
解答
3
load でも可です。
HTML ドキュメントの body 要素には、①のように id="items"が指定された ul 要素があり、その中に li 要素 3 つを含めた。このとき、②の JavaScript コードで li 要素のテキストを取り出し、配列にして変数（定数）items に納 めたい。その際、 A から C のいずれにも使われない項目はどれか。以下より 1 つ選択しなさい。
①
<ul id="items">
<li>項目 1</li>
<li>項目 2</li> <li>項目 3</li>
</ul>
②
const items = Array.from(
document. A ('#items li')
). B ((item) C
item.textContent
);
1. querySelectorAll
2. filter
3. map
4. =>
解答
2
querySelectorAll()でidがitemsのli要素を全て取得し、配列にするため map() を使い item.textContent をitemに格納するため=>を使います。filterは条件に一致にした要素のみを格納するため条件がない今回は使いません。
HTML5.2 において、img要素に指定可能な次の属性のうち、アクセシビリティに関係しているものはどれか。以 下より 1 つ選択しなさい。
1. sizes 属性
2. srcset 属性
3. longdesc 属性
4. crossorigin 属性
背景色と文字色のカラーコードの組み合わせのうち、コントラスト比が一番大きい組み合わせはどれか。最も適 切なものを以下より 1 つ選択しなさい。
1. 背景色 #505050 ： 文字色 #111111
2. 背景色 #e6e6e6 ： 文字色 #111111
3. 背景色 #c2c2c2 ： 文字色 #111111
4. 背景色 #2f2f2f ： 文字色 #111111
解答
2
1は 2.3:1 、2は 15.1:1 、3は 10.6:1 4は、1.4:1 となります。計算方法は以下に引用します。以下の公式を用いて、各文字（すべて同一ではない限り）の相対輝度を測る：
色の相対輝度 L = 0.2126 * R + 0.7152 * G + 0.0722 * B と定義されている。この場合のR, G 及び B は：
RsRGB <= 0.03928 の場合：R = RsRGB/12.92、それ以外の場合： R = ((RsRGB+0.055)/1.055) ^ 2.4
GsRGB <= 0.03928 の場合：G = GsRGB/12.92、それ以外の場合：G = ((GsRGB+0.055)/1.055) ^ 2.4
BsRGB <= 0.03928 の場合：B = BsRGB/12.92、それ以外の場合：B = ((BsRGB+0.055)/1.055) ^ 2.4
注記: また、RsRGB, GsRGB, 及び BsRGBは以下のように定義される：
RsRGB = R8bit/255
GsRGB = G8bit/255
BsRGB = B8bit/255
注記: "^"記号は指数演算子である。
注記: エイリアス文字では文字の端から2ピクセルの部分の相対輝度の値を使用する。
同じ公式を用いて、文字のすぐ隣の背景のピクセルの相対輝度を測る。
次の公式を用いて、コントラスト比を算出する。
(L1 + 0.05) / (L2 + 0.05)
L1は前景または背景色の明るい方の相対輝度である。及び、
L2は前景または背景色の暗い方の相対輝度である。
PHP で次のようなコードがある場合、255 という値を出力するコードはどれか。以下より 1 つ選択しなさい。
$color = array('red' => 255, 'green' => 0, 'blue' => 128);
1. print $color.red;
2. print $color['red'];
3. print $color->red;
4. print $color;
aside 要素に関する説明のうち、最も適切なものはどれか。以下より 1 つ選択しなさい。
1. 視覚的にメインコンテンツの横に配置するための要素である。
2. メインコンテンツ内に配置することはできない要素である。
3. 広告などのマークアップに適している要素である。
4. ブログサイトなどで記事を表示するのに適している要素である。
解答
3
前後の要素の内容とある程度の関連はあるものの、その部分だけを切り離せると考えられる補足的な情報を表すために使用されます。
iframe 要素が使用できない HTML のバージョンはどれか。以下より 1 つ選択しなさい。
解答
4
HTML5.2 において使用可能な要素はどれか。以下より 1 つ選択しなさい。
1. image 要素
2. picture 要素
3. photo 要素
4. graphic 要素
解答
2
1は廃止。3と4はありません。
入力など、何らかのアクションをユーザに求める場合の制限時間の説明として、適切なものを以下より1つ選択し なさい。
1. 中断復帰（制限時間後も同じ状態から再開できる）機能を提供するのが望ましい。
2. 制限時間はユーザに求めるアクションの種類や量によらず、システムの都合で設定してよい。
3. 制限時間はどんな場合でも設定してはいけない。
4. 制限時間がある場合でも、そのことを事前に教える必要はない。
解答
1
次の CSS セレクタのうち、適用対象が他の 3 つとは異なるものはどれか。以下より 1 つ選択しなさい。
1. p:nth-child(1n+0)
2. p:nth-child(n)
3. p:nth-child(0)
4. p
解答
3
3はｐ要素の最初だけ。他はp要素全てを指定します。
ゲーム機で遊ぼう
我が家には、PS4、PS3、PS2、PS、PSP、Switch、WiiU、Wii、GC、3DS、DS、XBOX360、DC、SS等々とゲーム機はそれなりに揃ってますが、常設しているのは、PS4、PS3、Switch、WiiU、3DSですかね。
とはいえ、PS3とWiiUは眠ったまま(3DSも最近は触ってませんね…)。
ということで、転がっている情報をアチコチから拾ってきてー、まずはPS3をゴニョゴニョしてみました。
結果、持っているゲームを吸い出して本体HDDにインストールして快適に動作させることに成功。
PS3でやっておくべきゲームを安く買って快適プレイをしようと思います。
ゲオの売値で合計3,891円。一部PS2のHDリマスタ版入ってますが、やってないのでやろうかと。あー、アンチャーテッドもやってみたいなぁ…
次に手を出したのはWiiUです。ですがやりたいのはWiiUのソフトではなくWiiなんです。
じゃあWiiでやればいいじゃんって話なんですが、WiiUのWiiモードでやれるんならWiiを引っ張り出してこなくて済むのでWiiUでゴニョゴニョ開始。
WiiUをゴニョゴニョするのはすぐだったんですが、WiiUのWiiモード(vWiiと呼ぶようです)、のゴニョゴニョがなかなか理解できず手間取りました。
情報もWiiの情報とvWiiの情報が混在しているのでじっくりとフォーラム等読み込んだりでなんとか。ちなみに引っ掛かっていたのはIOS部で、NANDダンプから引っこ抜けばいいじゃんよってことで解決。
外付けの2.5インチHDDを引っ張り出しWiiUに接続。あれ？認識してるこれ？
PCに接続すると問題ない…ん？挙動が怪しい。外部電源用のUSB端子が付いてるタイプなんですが、外部電源用のUSB端子を接続するとLEDが消灯しドライブ認識されず。外部電源用のUSB端子を抜くとLED点灯しドライブ認識される…とりあえずファイルコピーとか出来るからいいか。
で、WiiUに接続すると今度は外部電源用のUSB端子を繋がないとLEDが点灯しない。WiiUからの給電が弱いんだろうということで気にせずこの状態でゲームを吸い出そうとしてみるがHDDを認識していない模様。
Toolによって接続するUSBポートが決まっているのは分かっていたけど、念の為全ポート試してみたが認識しない。
んー、他のHDDあったかなぁ…ってところで今日は終了で、明日ゴチャゴチャした部屋から探す予定
Wiiで遊びたいゲームは
- ゼルダの伝説スカイウォードソード
- 1213円
- 朧村正
- 298円
- 戦国BASARA3 宴
- 340円
ゼルダの伝説スカイウォードソードちょっと高っ！ってかゼルダ好きなのにやってないという…。
合計2,924円ですねぇ。PS3と合わせて7000円弱か…とりあえず楽しみ。
ウェブデザイン技能検定2級 H30年度 第2回学科試験問題
正しいものは1、間違っているものは2を選択する問題です。
▶解答をクリックすると解答/解説が表示されます。
VDT 作業に従事する者の心身の負担を軽減するためには、事業者が作業環境をできる限り VDT 作業に適し た状況に整備するとともに、VDT 作業が過度に長時間にわたり行われることのないように適正な作業管理を行うこ とが重要である。
解答
1.正しい
HTML 5.2 では、dl 要素の内部に div 要素を配置することができる。
解答
1.正しい
SQLite はスマートフォン専用のリレーショナルデータベース管理システムである。
アクティブではないユーザインタフェース部品の文字については、4.5:1 のコントラスト比がなくてもよい。
解答
1.正しい
解答
1.正しい
先頭を大文字にするキャメルケースです。先頭を小文字にする書き方は「lower camel case」です。なおキャメルケースとは単語の先頭を大文字にしてつなげる表記方法です。
同じ画像であっても、その画像の用途や役割によって、指定すべき代替テキストの内容は変化することがある。
解答
1.正しい
解答
1.正しい
HTTP 通信において、GET は HTTP メッセージヘッダの第 2 行目に記される。
解答
2.間違い
HTTP メッセージヘッダの第 1 行目に記されます。第 2 行目にはHOST名が記されます。
ウェブサーバなどの処理能力を向上させるため、CPU のスペックを上位のものに交換したり、メモリを増設するこ とをスケールアウトと呼ぶ。
解答
2.間違い
スケールアップです。スケールアウトとはシステムを構成するサーバーの台数を増やすことで、システムの処理能力を高めることです。
解答
1.正しい
HTML ドキュメント内で PHP コードを扱う場合、「<!-- 」と「 -->」の 2 つのタグで囲む必要がある。
IPv4 の IP アドレスは 32bit である。
解答
1.正しい
SFTP と SSH で使用するポート番号は同じである。
2018 年 4 月現在、HTML 4.01 は W3C 勧告の中でも「W3C Superseded Recommendation」に分類され、 HTML5 に取って代わられた古いバージョンの仕様として位置付けられている。
解答
1.正しい
ここからは4択の問題となります。
解答
3
1は見出しタグの総称？、2は通常の文章とは少し性質の異なる部分、4は特定の用途をもたない汎用的な範囲を表します。
解答
2
WAI-ARIA は Web Accessibility Initiative - Accessible Rich Internet Applications の略です。1はWAI-ARIAで目印のために用いられる。3はWAI-ARIAで動的に更新されるコンテンツに対して、スクリーンリーダーなどの支援技術を使っているユーザーもその更新を把握できるように用いられる。4は標準のブラウザだけでなく様々なユーザーエージェントを用いてWorld Wide Webにアクセスする人々のためにウェブアクセシビリティを向上することを目的としている団体のこと。
次に示したのは、ウェブコンテンツ JIS（JISX8341-3）の達成基準 1.3.2 である。 A にあてはまる語句として、最も適切なものを以下より 1 つ選択しなさい。
1.3.2 意味のある A の達成基準
コンテンツが提示されている A が意味に影響を及ぼす場合には、正しく読む A は プログラムによる解釈が可能である。
1. 構造的領域
2. グリッド位置
3. 方向
4. 順序
解答
4
JavaScript でエラーになるものはどれか。以下より 1 つ選択しなさい。
1.
a = 1;
a = 2;
2.
const a = 1;
a = 2;
3.
let a = 1;
a = 2;
4.
var a = 1;
a = 2;
解答
2
const に値の代入はできません。
jQuery を用いた次のコードを、querySelector を用いて記述したものはどれか。以下より 1 つ選択しなさい。
コード
var obj = $('.button');
1.var obj = document.querySelector('.button');
2.var obj = document.querySelectorAll('button');
3.var obj = document.querySelectorAll('.button');
4.var obj = document.querySelector('button');
解答
3
querySelector() は最初に合致したHTML要素を取得するため間違いとなります。
画像処理におけるモスキートノイズの説明として、適切なものを以下より 1 つ選択しなさい。
1. 主に画像の輪郭部分に発生するノイズのこと
2. 主に画像の中央部に発生するノイズのこと
3. 左右対称の画像を圧縮した場合の左右の違いのこと
4. 異なる２つの画像を圧縮した際に同一の画像になること
解答
1
他はなんのことやら分かりません…。
HTML5 において不適切な img 要素の記述はどれか。以下より 1 つ選択しなさい。
HTML ドキュメントの button 要素（id 属性"button"）に、次のような JavaScript コードで onclick イベントハン ドラを定めた。このボタンをクリックしたときの動きとして最も適切な説明はどれか。以下より１つ選択しなさい。
<body>要素
<button class="button">click me</button>
<script>
const button = document.getElementById('button');
button.onclick = (event) => alert('first');
button.onclick = (event) => alert('second');
</script>
1. ダイアログは開かずにエラーになる。
2. 「second」の警告ダイアログだけが開く。
3. 「first」の警告ダイアログだけが開く。
4. 「first」の警告ダイアログが開いて、閉じると「second」の警告ダイアログが開く。
解答
2
同一のイベントに後から登録すると、先の登録が上書きされます。
PHP で次のコードを実行した結果はどれか。以下より 1 つ選択しなさい。
<?php namespace Web¥Design; function json_encode($val, $id){ $val['id'] = $id; return ¥json_encode($val); } $data = array('web'=> 'design'); print json_encode($data, 1); ?>
1. {"web":"design","id":1}
2. {"web":"design"}
3. {"Web¥Design","id":1}
4. {"Web¥Design"}
MIME タイプの説明として適切なものを、以下より 1 つ選択しなさい。
解答
2
DNS において、名前に対応する IP アドレスを記述するレコードはどれか。以下より 1 つ選択しなさい。
1. A レコード
2. CNAME レコード
3. NS レコード
4. MX レコード
「特定商取引法」における電子メールの広告規制に関する記述として誤っているものを、以下より 1 つ選択しなさ い。
1. 消費者からあらかじめ請求や承諾を得ていない限り、電子メール広告の送信は原則的に禁止され ている。なお、携帯電話等のショートメールサービスを利用した広告は、規制の対象とはならない。
2. 事業者が送信する電子メール広告には、消費者が当該電子メール広告の送信を拒否する意思を表 示するための方法を表示しなくてはならない。
3. 電子メールアドレスまたはURL等は電子メール広告の本文に記載しなくてはならず、かつ消費者が 容易に認識できるように表示しなくてはならない。
4. 電子メール広告を送信することについて消費者からの請求や承諾を受けた場合は、その記録を、電 子メール広告を最後に送った日から３年間保存しておかなくてはならない。
解答
1
2はオプトイン規制、3はオプトアウト送信禁止、4は消費者からの請求や承諾の記録保存義務です。
バージョン管理システムに関する記述として誤っているものはどれか。以下より 1 つ選択しなさい。
1. ソフトウェアやライブラリの依存関係を解決できる。
2. 変更内容の差分を表示できる。
3. 集中管理方式と分散管理方式の二つのタイプがある。
4. 変更を加えたファイルを過去のある時点の状態に復元することができる。
解答
1
1はパッケージ管理システムですね。
body 要素に img 要素（id 属性"photo"）を加え、次のような JavaScript コードで、画像をクリックするたびに 4 つの写真を順に切り替えたい。このとき、 A から D のいずれにも使われない項目はどれか。以下より1 つ選択しなさい。
<body>要素
<img src="images/image_001.png" class="photo" alt="photo" /> <script> let currentNum = 0; const files = [ 'images/image_001.png', 'images/image_002.png', 'images/image_003.png', 'images/image_004.png', ]; const photoElement = document.getElementById('photo'); photoElement.addEventListener('click', function() { A currentNum; currentNum B files.length; const photo = files[currentNum]; photoElement. C (' D ', photo); }); </script>
1. ++
2. %=
3. image
4. setAttribute
解答
3
A は ++ で次の画像のINDEXにします。B は %= でINDEXが循環するようにします。C を setAttribute 、D を src にすることで img 要素を書き換えて次の画像を表示します。
次のコードはメディアクエリの記述である。 A の部分として適切なものはどれか。以下より 1 つ選択しなさい。
<link rel="stylesheet" href="default.css" media=" A ">
1. only screen (min-width:600px)
2. screen and (min-width:600px)
3. screen with (min-width:600px)
4. screen and print and (min-width:600px)
解答
2
1は and が必要、3は with ではなく and、4は最初の and を , にする必要があります。
ウェブサイトでの通信販売を行う際、特定商取引法によって表示を求められているものとして誤っているものはど れか。以下より 1 つ選択しなさい。
1. 個人事業者の場合には、氏名または登記された商号、住所および電話番号。
2. 返品を認めるか否か、その際の条件は何か、送料の負担の有無等。
3. ソフトウェアに関する取引を行う場合には、当該ソフトウェアの動作環境。
4. 各表示事項をすべてまとめた「特定商取引法に基づく表示」という専用ページ。
解答
4
ウェブブラウザのコンソールに文字列や数字を出力する JavaScript コードはどれか。以下より 1 つ選択しなさ い。
1. document.write()
2. window.alert()
3. console.write()
4. console.log()
解答
2
複数のインデックスファイルを指定している場合は、先に書かれたものから優先して探します。
PHP において、配列($arr)の最後にデータを追加する方法として、適切なものを以下より 1 つ選択しなさい。
1. $arr[-1] = 1;
2. $arr[0] = 1;
3. last($arr[]) = 1;
4. $arr[] = 1;
解答
4
1のインデックスが負の場合は[0]に代入されます。2も[0]に代入されます。3はなんでしょ？？？ array_pushを使うんなら分かりますが…。
iframe 要素が使用できない HTML のバージョンはどれか。以下より 1 つ選択しなさい。
解答
1
HTML4.01 では，Transitional や Frameset では採用されたものの，HTML4.01 Strict には採用されませんでしたが，HTML5 では復帰採用されています。
次の文章は、ウェブサイトの掲載内容に関するものである。 A にあてはまる語句として適切なものを、以下より 1 つ選択しなさい。
インターネット上で運営しているショッピングサイトに広告を掲載する際、実際の商品は他社
と同程度の内容量であるにもかかわらず、あたかも他社商品の 2 倍の内容量であるかのように
表示した場合、 A における「有利誤認表示」に該当するため、違法となる。
解答
3
変数 checkBox には、type 属性を"checkbox"に定めた input 要素の参照が納められている。このチェックボックスがチェックされているかどうかを、次の JavaScript コードで変数 checkResult に取得したい。 A に加える適切なプロパティを、以下より 1 つ選択しなさい。
JavaScript コード
var checkResult = checkBox. A ;
クラウドサービスの中で、主にアプリケーションソフトウェアを提供するサービスを指す用語はどれか。以下より 1 つ選択しなさい。
JavaScript で変数 a が「7」という文字であると判定を行う条件式はどれか。以下より１つ選択しなさい。
1. a = "7";
2. a == "7";
3. a === "7";
4. a ==== "7";
