2019-04-15

ウェブデザイン技能検定2級 H29年度第4回学科試験問題

ウェブデザインウェブデザイン技能検定 2級過去問

正しいものは1、間違っているものは2を選択する問題です。

▶解答をクリックすると解答/解説が表示されます。

第1問

HTML 文書の言語コード指定は、meta 要素による charset の値で指定する。

解答

2.間違い

html要素のlang属性で指定します。

第2問

HTML 5.1 で定義されている img 要素の sizes 属性の値の内部においては、CSS3 の「長さをあらわす単位」が使用できる。

解答

1.正しい

第3問

HTML 5.1 では、img 要素の width 属性の値に%を付けると文法エラーになる。

解答

1.正しい

第4問

次の HTML コードの id 属性”note”を定めた p 要素は、次の JavaScript コードにより HTML ドキュメントから削除される。

HTMLコード

<div class="container">
    <p id="note">注釈</p>
</div>

JavaScriptコード

const note = document.getElementById('note');
note.parentNode.removeChild(note);

解答

1.正しい

1. id が note である p要素の親要素である div要素の子要素である p要素が削除されます。

第5問

RGB は加法混合により表現される。

解答

1.正しい

3色混ぜると白に近づいていく加法混合です。

第6問

GIF 形式などで用いられるディザリングとは、限られた色数でより多くの色を擬似的に表現する手法である。

解答

1.正しい

第7問

input 要素または textarea 要素の placeholder 属性をラベルとして使用すると、アクセシビリティやユーザビリティが損なわれる。

解答

1.正しい

フォームの入力中にユーザーをつまずかせたり、フォームがどう機能するかを理解するのに貴重な時間を無駄にさせたり、スクリーンリーダが対応していない場合があったりというリスクがあります。

第8問

Document Object Model (DOM) の仕様は、JavaScript によるウェブページの制御のみを対象としている。

解答

2.間違い

特定のプログラム言語を対象としたものではありません。

第9問

ネットワークアクセス制御技術の 1 つであるアプリケーションゲートウェイは、HTTP や FTP、SMTP などのアプリケーションプロトコルに基づいて、アプリケーションレベルでサービス利用の可否などの制御を行う。

解答

1.正しい

OSI参照モデルの最上位層であるアプリケーション層で制御されます。

第10問

pre 要素は、その範囲がプログラムのソースコードであることを示す要素である。

解答

2.間違い

プログラム・コード、電子メールの内容、アスキー・アートをそのまま表示させたい場合などに利用します。

第11問

文字色と背景色のコントラスト比が大きいほど、文字色と背景色の明暗の差は大きくなる。

解答

1.正しい

第12問

通信販売は特定商取引法上のクーリング・オフ規定がないため、イーコマースサイトでもクーリング・オフをすることができない。

解答

1.正しい

気をつけましょう。

第13問

cookie とは、ウェブブラウザで入力したユーザ ID・パスワード、ユーザ設定情報などをコンピュータに保存し、同じウェブサイトに再アクセスした際に活用される仕組みである。cookie は暗号化して送受信されるため、ネットサーフィンをしているだけでは、cookie が盗聴される危険性はない。

解答

2.間違い

通常のhttp通信では盗聴可能です。

第14問

IPv4 と IPv6 は互換性があるため、プロトコル変換を行わずに相互通信が可能である。。

解答

2.間違い

互換性はありません。デュアルスタック(IPv4とv6の両方のIPアドレスを保有する)か、NAT(アドレス変換)かトンネリングが必要です。

第15問

ウェブサイトのアクセスログにおいて、ページビューとユニークユーザ数は必ず同じ数値となる。

解答

2.間違い

ページビューはWEBサイトが閲覧された回数で、ユニークユーザ数はWEBサイトに訪れたユーザー数です。

ここからは4択の問題となります。

第16問

VDT 作業における作業環境管理として不適切なものを、以下より 1 つ選択しなさい。

1. 室内は、できるだけ明暗の対照が著しくなく、かつ、まぶしさを生じさせないようにすること。

2. 反射防止型ディスプレイを用いること。

3. ディスプレイ画面の明るさ、書類及びキーボード面における明るさと周辺の明るさの差はなるべく大きくすること。

4. ディスプレイ画面に直接または間接的に太陽光等が入射する場合は、必要に応じて窓にブラインドまたはカーテン等を設け、適切な明るさとなるようにすること。

解答

第17問

次の HTML コードに id 属性”fade-in-text”を定めた p 要素がある。この p 要素の style プロパティの opacityの値を 0 から 1 に変化させることにより、フェードインのアニメーションにしたい。この場合、requestAnimationFrame()メソッドの引数 A に与える記述はどれか。以下より 1 つ選択しなさい。

HTMLコード

<div class="container">
    <p id="fade-in-text">テキスト</p>
</div>

JavaScriptコード

const fadeInText = document.getElementById('fade-in-text');
fadeInText.style.opacity = 0;
fadeIn();
function fadeIn(time) {
    const opacity = parseFloat(fadeInText.style.opacity) + 0.01;
    fadeInText.style.opacity = opacity.toString();
    if(opacity < 1) {
        window.requestAnimationFrame(  A  );
    } else {
        fadeInText.style.opacity = 1;
    }
}

1. true

2. false

3. fadeIn

4. fadeInText

解答

opacity の値が1になるまで繰り返し fadeIn関数をコールし、fadeInTextの opacity(透明度)を0.01増やします。

第18問

W3C において、標準化されていないものはどれか。以下より 1 つ選択しなさい。

1. XML

2. SVG

3. SGML

4. MathML

解答

電子出版物や大量の文書を処理するために、ISOによって定義されたマークアップ言語です。

第19問

補色の説明として適切なものを、以下より 1 つ選択しなさい。

1. 色相環において正反対となる色のこと

2. 画像のドロップシャドウに使用する色のこと

3. 色の三原色に含まれない色のこと

4. 画像の輪郭に使用する色のこと

解答

2は影の色、3は中間色？、4はなんでしょう？

第20問

Apple と出力できる PHP コードを、以下より 1 つ選択しなさい。

function choice($i) {
    $arr = ["Apple", "Orange", "Pine"];
    return $arr[$i];
}
$index = 0;
echo(choice($index));

$arr = ["Apple", "Orange", "Pine"];
function choice($i) {
    global $arr[$i];
    return $arr[$i];
}
$index = 0;
echo(choice($index));

function choice($i) {
$arr = [1=>"Apple", 2=>"Orange", 3=>"Pine"];
    return$arr[$i];
}
$index = 0;
echo(choice($index));

$arr = ["Apple", "Orange", "Pine"];
function choice($i) {
    return $arr[$i];
}
$index = 2;
echo(choice($index));

解答

$indexに格納された0を引数としてchoice関数がコールされ($i には引数である0が渡される)、配列$arrの0番目の要素であるAppleがreturn値として返却され、echo()にてAppleが表示されます。

2はglobal $arr[$i]; がエラーになります。global $arr; であればglobal定義された配列$arrを参照できるためAppleが表示されます。

3は$arrが連想配列ですが、0をキーに持つ値は定義されていないためNotice Errorとなります。

4は$indexに格納された値が2であること以外は1と同様でPineが表示されます。

第21問

SQL のデータ操作言語の機能として、正しい組合せはどれか。以下より1つ選択しなさい。

1. SELECT: 挿入

2. DELETE: 検索

3. UPDATE: 更新

4. INSERT: 削除

解答

1は検索。2は削除。4は挿入です。

第22問

CSS を用いて色を表現する場合、何種類の色が指定できるか。正しい数を以下より 1 つ選択しなさい。

1. 216 種類

2. 4096 種類

3. 2097152 種類

4. 16777216 種類

解答

R値、G値、B値それぞれ8ビットなので、全部で24ビット。2の24乗で16777216色となります。

第23問

次に示したのは、ウェブコンテンツ JIS(JISX8341-3)の達成基準 1.4.3 である。 A にあてはまる語句として、最も適切なものを以下より 1 つ選択しなさい。

1.4.3 コントラスト(最低限レベル)の達成基準

テキスト及び文字画像の視覚的提示には、少なくとも  A  のコントラスト比がある。

1. 3 : 1

2. 4 : 1

3. 4.5 : 1

4. 5 : 1

解答

第24問

alt属性を指定できない要素はどれか。以下より 1 つ選択しなさい。

1. img要素

2. area要素

3. input要素

4. textarea要素

解答

第25問

ユーザインタフェースに含まれないものはどれか。以下より 1 つ選択しなさい。

1. アプリケーションプログラミングインタフェース

2. タッチインタフェース

3. グラフィカルユーザインタフェース

4. キャラクタユーザインタフェース

解答

APIはソフトウェアの機能を共有する仕組みです。

第26問

パスワードリスト攻撃による被害を防ぐ対策として最も適切なものを、以下より 1 つ選択しなさい。

1. ウェブサービスを利用するためのパスワードは、4 文字以上の英数字を用いる。

2. 複数のウェブサービスを利用する場合は、サービスごとに異なるユーザ ID とパスワードを設定する。

3. 無線 LAN のアクセスポイントに設定する ESSID は、16 文字以上の英数字を設定する。

4. OS のアップデートをこまめに行う。

解答

1でもサービスごとに異なるユーザIDでパスワードが20文字であれば良い気がします。逆にサービスごとに異なるユーザIDとパスワードだけど、1文字であれば被害は大きいと思います。

第27問

HTML ドキュメントのテキストに次のような打ち消し線を加えたい。このとき、CSS の text-decorationプロパティに定める値として適切なものはどれか。以下より 1 つ選択しなさい。

テキストに打ち消し線を加える。

1. overline

2. strike-out

3. strike-through

4. line-through

解答

1は上線。2は三振？(笑)。3は直訳では「裏抜け」だそうですが…。

第28問

CSS 2.1 の仕様に含まれているプロパティはどれか。以下より 1 つ選択しなさい。

1. grid

2. display

3. animation

4. writing-mode

解答

他のプロパティはCSS3で追加されました。

第29問

CSSのvertical-alignプロパティの初期値はどれか。以下より 1 つ選択しなさい。

1. top

2. middle

3. bottom

4. baseline

解答

第30問

次のCSSを適用すると、p 要素の上側のボーダーはどのように表示されるか。以下より 1 つ選択しなさい。

 p { border-top: 1px rgba(255,0,0,1); }

1. 太さ 1 ピクセルの赤い線が表示される

2. 太さ 1 ピクセルの赤い線が半透明の状態で表示される。

3. 太さ 1 ピクセルの青い線が表示される。

4. ボーダーは表示されない。

解答

border-styleが指定されていないため、初期値であるnoneとなり表示されません。

第31問

インデックスカラーの説明として最も適切なものを、以下より 1 つ選択しなさい。

1. JPEG 形式で利用できる色のこと

2. マンセルカラーシステムにおける色の順番のこと

3. ウェブページ内で使用されている色の数のこと

4. あらかじめ色番号を指定して定めた色のこと

解答

第32問

HTML5 において、a 要素の子要素として入れることが可能な要素はどれか。以下より 1 つ選択しなさい。

1. a要素

2. div 要素

3. button 要素

4. select 要素

解答

インタラクティブ・コンテンツは子要素として使えません。インタラクティブ・コンテンツは下記の通りです。

a
button
embed
iframe
keygen
label
select
textarea

第33問

著作権に関する内容として誤っているものを、以下より 1 つ選択しなさい。

1. アイディア自体は著作物には該当しないが、アイディアを解説した解説書は著作物に該当する。

2. 無料でダウンロードできるフリーソフトは著作物に該当しないが、市販されているアプリケーションソフトは著作物に該当する。

3. インターネットサービスプロバイダ等のサーバ管理を業とする者は、サーバの障害発生時における復旧を目的とする場合、そのサーバ内の著作物を含むデータをバックアップすることが認められる。

4. 新聞や雑誌に掲載された時事問題に関する論説は、利用を禁ずる旨の表示がない限り、他の雑誌に転載することができる。

解答

フリーだろうと著作物です。

第34問

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

2.1 A 操作可能のガイドライン

  B   を   A   から利用できるようにする。

1. A: 音声　　　　B: 入力フォーム

2. A: キーボード　B: 全ての機能

3. A: AI　　　　　B: 全てのAPI

4. A: 携帯端末　　B: 全てのウェブページ

解答

第35問

ウェブサイト内の中心となる画像を意味する用語はどれか。以下より 1 つ選択しなさい。

1. カラーチャート

2. キービジュアル

3. ワイヤーフレーム

4. ムードボード

解答

1は色を系統的に配列した表。3はwebページのレイアウトを定める設計図。4は利用者に一般的な知覚を与えるような雰囲気を醸しだす写真や材料をつかって視覚的に構成したもので言葉で表すことが難しいサービスの価値観を導きだすのに役立ちます。

第36問

管理しているウェブサイトで「503 Service Temporarily Unavailable」というエラーが出た場合の対処として、不適切なものはどれか。以下より 1 つ選択しなさい。

1. サーバを増設する。

2. キャッシュなどを用いてウェブサイト内ファイルのリクエスト数を減らす。

3. 該当の URL にファイルがアップロードされているか確認する。

4. ユーザのアクセス時期が分散するコンテンツを検討する。

解答

3は404 Not Foundの際に確認すべきですね。

第37問

CSS のセレクタ #abc と完全に同じ機能となるセレクタはどれか。以下より 1 つ選択しなさい。

1. abc

2. .abc

3. *#abc

4. [class~="abc"]

解答

全要素＋id名を付けた要素ですね。

第38問

次の文章は、ウェブ上での権利侵害に関するものである。 A にあてはまる語句として適切なものを、以下より 1 つ選択しなさい。

  A  において、インターネットへの接続サービスを提供する者やウェブサーバ管理者、電子掲示板
などの管理者が、他人の権利を侵害する情報を放置していた場合は、権利を侵害されたとする者か
ら、損害賠償を受ける可能性があるとしている。また、実際は権利を侵害していない情 報を削除
した場合は、情報の発信者から、損害賠償を受ける可能性があるとしている。

1. 電気通信事業法

2. 電気通信役務利用放送法

3. 特定電気通信役務提供者の損害賠償責任の制限及び発信者情報の開示に関する法律(プロバイダ責任制限法)

4. 不正アクセス行為の禁止等に関する法律(不正アクセス禁止法)

解答

第39問

ruby 要素が使用可能な XHTML はどれか。以下より 1 つ選択しなさい。

1. XHTML 1.0 Strict

2. XHTML 1.0 Transitional

3. XHTML 1.0 Frameset

4. XHTML 1.1

解答

第40問

例のように、四角形の左上 x 座標および y 座標が 10px で指定された一辺が 30px の正方形を黒枠で描きたい。このとき、次の SVG コードで A から C のいずれにも使われないキーワードを、以下より 1 つ選択しなさい。

例

SVGコード

<rect x="10" y="10" width="30" height="30"   A  ="black"   B  ="transparent"   C  ="5"/>

1. fill

2. line

3. stroke

4. stroke-width

解答

2019-04-15

全自動麻雀卓修理

ハードウェア麻雀

三年ほど前に、親父に中古の全自動麻雀卓(OH済みの雀豪ドーム＋テンリーダ)を買わせることに成功して以来、最低でも月1ペースで麻雀やってるんですよ。 f:id:Syarah:20190415125951j:plain

先日、いつものごとく集まって麻雀やっていた際、誤って牌挿入口を開閉するボタンを連打したら、せり上がってくる牌が引っかかり「ガッ」となって異常停止しました。牌が詰まってしまったので天盤を開けて、全部の牌を取り除いてから再始動させてみたら、牌の積み上げ動作が途中で異常停止→ボタンを押す→異常停止→またボタンを押すってのを10回弱ほど繰り返さないと牌が出てこなくなりました。

再度、天盤を開けて動作を見ていると、最後に牌が積み上がる席の牌を二段に積み上げるために動く、プッシャーと呼ばれる部分の動きが異常に遅くなっていることが分かりました。その時は時間も時間だったので、とりあえず何度もボタンを押せばやれるので麻雀を続けました。

積み上げ動作を解析して何かずれた部分を治してあげれば動くんだろうと思っていました。

で、翌日になってプッシャーが遅い席の一部を分解し動作を見てみると、明らかにプッシャーを動かす際に回るカムの動きが他の席より遅い、遅すぎる。遅すぎるので異常を検出して都度停止している。何かが詰まっているようでもないし、とりあえずカム周辺に556スプレーしてみるも変わらず。

どうやらカムを回すモーターそのものが遅く回っている感じ。

こうなってしまうとモーター部が悪いと思われ、流石にモーター分解する勇気はなく、そっと元に戻して作業終了…。たぶん、異常停止した際にモーターに負荷がかかってイカレたか、シャフトが歪んだかしたんだろうなぁと。分解した際に写真を撮るのをわすれていたため、転がっている写真で。 f:id:Syarah:20190415130040j:plain

この各席に貼ってある東南西北シールがある黒い部分がプッシャーで、並べた牌を前に押し出し、それを二回行うことで山が積み上げられるんですが、北の席のプッシャーの動きが遅いんです。

ということで、まずは購入したお店のお問い合わせにフォームに症状をメールして回答待ち状態。

並行してパーツが売ってないか調べてみたら、分解したときに見た部品、プッシャーモーターと呼ばれるパーツが売られているのを発見。 f:id:Syarah:20190415125126j:plain 10,800円なり。

まぁ、修理になると70Kgほどある雀卓を送る送料やら修理代合わせると10,800円より高いだろうことは想像できるので、プッシャーモーターを取り寄せ、自分で交換したほうが安いし早そうではある。

まぁ、治さなくてもプレイは可能だけど、何度もボタンを押さなければならず、テンポが悪くて手積みの方が早いのでは？になってしまうので、お店の回答が同じ見解であれば、購入しようと思います。

2019-04-12

スマートリモコン　その2

ハードウェア Alexa

スマートリモコンアプリですが、TuyaSmartっていうやつで、テレビ、エアコン、サウンドバー、扇風機、シーリングライトはプリセットされているのがあって選べるんですよ。こんな風に。

f:id:Syarah:20190412200450j:plain

一番上のDigaはブルーレイレコーダーでプリセットされてなかったので自分で作ったデバイスです。

自分で作ったメニューはこんな感じです。

f:id:Syarah:20190412200509j:plain

使いやすいように配置はちょっと考えました。

SKIP→ってボタンが登録するために何十回もボタンを押して奇跡の赤外線が出せたヤツです。

で、何気にAmazon Alexa スキルストアを見に行ったら、同じ名前のスキルがあるじゃないですか。

f:id:Syarah:20190412202213j:plain

コイツを有効にして、試しに Fire Stick TV のリモコンからマイクに「エアコンつけて」と言ったら…

ピーとか言ってエアコンが動き出しました！

まぁ、それだけなんですが、ちょっと感動。だって、「エアコン」って言葉とデバイスを結びつるような設定なんか一切してないんですよ！

きっとプリセットされているデバイスだからなんだろうけど。自分が追加したデバイスを声で操るにはどうしたらいいんだろうか…？

まだまだ遊べますな。

2019-04-12

ウェブデザイン技能検定2級 H29年度第5回学科試験問題

ウェブデザインウェブデザイン技能検定 2級過去問

正しいものは1、間違っているものは2を選択する問題です。

▶解答をクリックすると解答/解説が表示されます。

第1問

ウェブ上で扱う動画のフレームレートは、60fps 以上としなければならない。

解答

2.間違い

お好きなフレームレートでどうぞ。

第2問

Composer は PHP のバージョン管理システムである。

解答

2.間違い

PHPの依存性管理ツールです。

第3問

JavaScript も PHP も変数名の最初に数字を用いてはならない。

解答

1.正しい

第4問

リファラ（referer）とは、どのウェブサイトのページから訪問してきたかという参照元の情報のことである。

解答

1.正しい

第5問

CSS で使用される単位 px は、ウェブページを表示させる機器における画面の物理的な 1 つのピクセル（画素）の大きさをあらわす相対単位である。

解答

2.間違い

画面解像度に対する相対単位です。

第6問

「社会保障・税番号制度」（マイナンバー制度）の施行に伴い、マイナンバーに関する手続において、行政機関から家族構成や年金・保険の情報、口座番号や口座の暗証番号、資産に関する情報について、問い合わせされる場合がある。

解答

2.間違い

あり得ません。詐欺に注意しましょう。

第7問

jQuery などの JavaScript ライブラリの利用には、各ユーザエージェントのプラグインが必須である。

解答

2.間違い

script要素のsrc属性で指定して読み込めば利用できます。

第8問

HTML5 では、li 要素の終了タグは省略できる。

解答

1.正しい

できます。個人的に省略出来るってのは好きではないです。

第9問

img 要素の alt 属性の値は、title 属性の値と同じようにブラウザによってツールチップで表示されるべきものである。

解答

2.間違い

HTMLのimg要素の中に記述される画像の代替となるテキスト情報です。例えばテキストブラウザや音声読み上げブラウザでは、画像ではなくalt属性に記載された内容がテキストとして表示、または読み上げられることになります。

第10問

次の CSS が適用されているリンクの上にカーソルを乗せると、文字色は赤に変わる。

a:hover { color: red; }
a:link, a:visited { color: blue; }

解答

2.間違い

カーソルが乗っても未訪問か訪問済みの色、つまり青のままです。

第11問

GIF 形式は、ISO/IEC 15948 として国際標準化されている。

解答

2.間違い

GIFは国際標準化されていません。ISO/IEC 15948 はPNG形式です。

第12問

DOM（Document Object Model）は JavaScript 以外のプログラミング言語からも操作が可能である。

解答

1.正しい

第13問

ディスプレイ上で RGB は乗法混合により表現される。

解答

2.間違い

3色混ぜると白に近づいていく加法混合です。

第14問

次の SVG コードは、例のように x 座標および y 座標が各 25px の中心座標から半径が 20px の正円を 5px の太さの黒い線で表示する。

SVGコード

<circle cx="25" cy="25" r="20" stroke="black" fill="transparent" stroke-width="5"/>

例

解答

1.正しい

第15問

HTTP ステータスコードのうち、「503 Service Unavailable」はリソースへのアクセスが拒否されたことを示している。

解答

2.間違い

サーバーへの同時アクセス数の制限をこえた場合にウェブページの表示を制限されるエラーです。リソースへのアクセス拒否は 403 Forbidden です。

ここからは4択の問題となります。

第16問

VDT 作業を行う上で留意すべき事項として、不適切なものはどれか。以下より 1 つ選択しなさい。

1. ディスプレイとの視距離はおおむね 40cm 以上が確保できるようにし、この距離で見やすいように、必要に応じて適切な眼鏡による矯正を行う。

2. ディスプレイは、その画面上の上端が目の高さとほぼ同じか、上になる高さにすることが望ましい。

3. ディスプレイ画面上の適切な照度を保つこと（500 ルクス以下）。

4. ディスプレイに表示する文字の大きさは、小さすぎないように配慮し、文字高さが概ね３mm 以上とすることが望ましい。

解答

目の高さと同じか下になる高さにすることが望ましいです。

第17問

W3C が勧告している数式を表示するためのマークアップ言語を、以下より 1 つ選択しなさい。

1. LaTeX

2. MathML

3. tgmath.h

4. Markdown

解答

1はテキストベースの組版処理システム。2は数式を記述するためのマークアップ言語。3はC言語の標準ヘッダ。4は文書を記述するための軽量マークアップ言語のひとつです。

第18問

SEO ポイズニングの説明として適切なものを、以下より 1 つ選択しなさい。

1. ブログなどのコメント欄に、本文の内容とは関係のない広告を無差別に大量に投稿する手口のことである。

2. 検索エンジン最適化の手法を悪用して、不正プログラムを埋め込むなどの悪意のあるサイトを検索結果の上位に表示し、そのウェブサイトに利用者を誘導する手口などを指す。

3. 第三者のブログに記事とはまったく関係のない内容のトラックバックを送信し、自分のブログに利用者を誘導することである。

4. 検索エンジンの検索結果で特定のウェブページの表示順位を上げるために、そのウェブページへの不自然なリンクが大量に張られている状態を指す。

解答

1はコメントスパム。3はトラックバックスパム。4はリンクファームです。

第19問

次の PHP コードを実行させた場合に出力されるものを、以下より 1 つ選択しなさい。

print htmlspecialchars("Shin'ichi");

1. Shin¥'ichi

2. Shin'ichi

3. Shin'ichi

4. Shin'ichi

解答

第20問

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

1. data 要素

2. date 要素

3. time 要素

4. mark 要素

解答

日付も時間も3のtime要素を用います。

第21問

ターゲットユーザになったつもりで評価対象のサイトを操作することによって、様々な問題点を指摘する、ユーザビリティの評価手法は何か。適切なものを以下より 1 つ選択しなさい。

1. ユーザビリティテスト

2. クラウドソーシング

3. ヒューリスティック評価

4. 認知的ウォークスルー

解答

1は実際にユーザーにその製品を試してもらう手法。2は不特定多数のクラウド(群衆)が集まって何かを作り上げていくことを指します。3は必要な技術を身に付けた数人のスペシャリストが、ガイドラインに基づき、それぞれ個別に評価する手法です。

第22問

CSS のボックスモデルにおいて、ボーダー、背景色、要素内容のうち、背景画像よりも上に表示されないものはどれか。以下より 1 つ選択しなさい。

1. ボーダー

2. 背景色

3. 要素内容

4. ボーダーと要素内容

解答

第23問

ウェブデザインにおけるパララックスの手法として適切なものを、以下より 1 つ選択しなさい。

1. スクロールに合わせてページ内の要素にエフェクトなど加える。

2. スクロールの速度を任意に変える。

3. 画面を固定してスクロールさせない。

4. 画面を横にスクロールさせる。

解答

スクロールすることによって、複数のコンテンツ（文章や画像など）を奥行きや立体感を表現することのできるデザイン手法です。

第24問

font-family プロパティの記述法として適切なものを、以下より 1 つ選択しなさい。

1. p {font-family: "ＭＳゴシック","sans-serif"; }

2. p {font-family: "ＭＳゴシック",sans-serif; }

3. p {font-family: ＭＳゴシック,sans-serif; }

4. p {font-family: ＭＳゴシック,"sans-serif"; }

解答

第25問

①の HTML コードのように、ul 要素(id="parent")の中に li 要素があり、その 1 つに id="child"が加えられている。②の JavaScript コードにより、この ul 要素から id="child"の li 要素を削除したい。

このとき、 A に記述するコードとして不適切なものはどれか。以下より 1 つ選択しなさい

① HTML コード

<ul id="parent">
    <li id="child">項目 1</li>
    <li>項目 2</li>
    <li>項目 3</li>
    <li>項目 4</li>
</ul>

② JavaScript コード

const parent = document.getElementById('parent');
const child = document.getElementById('child');
  A  ;

1. child.parentNode.removeChild(child)

2. child.remove()

3. parent.remove(child)

4. parent.removeChild(child)

解答

3は親要素の削除になります。

第26問

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

1. 所有者(オーナー)

2. グループ

3. 匿名ユーザ

4. 一般ユーザ

解答

百の位が所有者(オーナー)、十の位がグループ、一の位が一般ユーザです。

第27問

ユーザがとる一連の行動や思考、感情の起伏などを図式化したものを何というか。適切なものを以下より 1 つ選択しなさい。

1. サイトマップ

2. カスタマージャーニーマップ

3. ワイヤーフレーム

4. ヒートマップ

解答

1はページ構成を一目見て分かるようにした、目次のような案内ページのことを指します。3はwebページのレイアウトを定める設計図のこと。4はデータを可視化するために、行列型の数字データの強弱を色で視覚化したものです。

第28問

次に示したのは、CSS2.1の仕様書に掲載されている「Appendix D. Default style sheet for HTML 4」からの抜粋である。 A にあてはまるものとして、適切なものを以下より 1 つ選択しなさい。

li { display:   A   }

1. flow

2. block

3. list-box

4. list-item

解答

第29問

HTML4.01 と HTML5 において用途が異なる属性はどれか。以下より 1 つ選択しなさい。

1. link 要素の rel 属性

2. table 要素の border 属性

3. td 要素の colspan 属性

4. textarea 要素の rows 属性

解答

HTML4.01ではボーダーの太さを指定していましたが、HTML5ではボーダーの表示/非表示を指定するように変更されました。

第30問

次に示したのは、ウェブコンテンツ JIS(JISX8341-3)の達成基準 1.3.3 である。 A にあてはまる語句として、最も適切なものはどれか。以下より 1 つ選択しなさい。

1.3.3 A の達成基準

コンテンツを理解し操作するための説明は、形、大きさ、視覚的な位置、方向、又は音のような、構成
要素がもつ  A  だけに依存していない（レベル A）。

1. UI/UX

2. スタイル

3. 感覚的な特徴

4. ユーザインタフェース

解答

第31問

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

HTML5 において、h1～h6 要素は A の見出しをあらわす要素である。

1. 文書

2. 章

3. セクション

4. アウトライン

解答

h１～h6要素が使われると、自動的にセクションが生成されます。

第32問

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

1. 文字色： hsl(0, 50%, 50%) 背景色： hsl(180, 50%, 50%)

2. 文字色： hsl(0, 50%, 50%) 背景色： hsl(360, 50%, 50%)

3. 文字色： hsl(0, 0%, 50%)　背景色： hsl(0, 100%, 50%)

4. 文字色： hsl(0, 50%, 0%)　背景色： hsl(0, 50%, 100%)

解答

色相(Hue)、彩度(Saturation)、輝度(Lightness)で色を指定しますが、L値が最も差のある4が正解となります。

第33問

次の文章は、ウェブコンテンツ JIS(JISX8341-3)の用語集に含まれる、ある用語の説明文である。この文章が説明している用語として、最も適切なものを以下より 1 つ選択しなさい。

ユーザエージェントとして機能する、又は主流のユーザエージェントと一緒に機能するハードウェア及
び／又はソフトウェアで、主流のユーザエージェントで提供されている機能以上の機能を、障害のある
利用者の要求を満たすために提供するもの。

1. AI

2. IoT

3. 支援技術

4. スクリーンリーダ

解答

第34問

URI をウェブブラウザで単独指定すると表示される SVG の画像ファイルがある。このファイルを img要素で指定したが表示されない。これを img 要素を用いて表示されるようにする対策として、最も適切なものを以下より 1 つ選択しなさい。

1. レスポンスヘッダにおける Content-Type の値を image/svg+xml にする。

2. SVG ファイルの拡張子を.svgz にする。

3. HTML の文書型を XHTML にする。

4. SVG ファイルの XML 宣言を削除する。

解答

第35問

ヒーローヘッダの手法として適切なものを、以下より 1 つ選択しなさい。

1. ファーストビューで画面一杯に画像や動画を配置する。

2. ヘッダ情報を 1 つのページにしか表示しない。

3. ヘッダ情報のみに特別な色を使用する。

4. 画面一杯に三原色のみを用いた画像を配置する。

解答

写真や動画などを画面一面を使って表示させてWebサイトを構成していく手法です。

第36問

次の media 属性とまったく同じ機能となる media 属性はどれか。以下より 1 つ選択しなさい。

media="(min-width:1000px)"

1. media="and(min-width:1000px)"

2. media="all and (min-width:1000px)"

3. media="screen and (min-width:1000px)"

4. media="only screen and (min-width:1000px)"

解答

問いは全てのメディアで最小幅が1000px以上のものを示しています。1はメディアが指定されていない。3はメディアが画面のみ。4は旧来のUAにおいてクエリが無視されます。

第37問

お問い合わせフォームを設計する際に配慮すべき点として適切なものを、以下より 1 つ選択しなさい。

1. 複数ページにわたるフォームでは現在位置を明示する。

2. 入力エラーがあった場合は、「入力エラー」と表示する。

3. パソコンとスマートフォンで同じレイアウトを用いる。

4. 入力確認画面から編集画面に戻る場合は入力値を保持しない。

解答

第38問

「>」を表示する際の文字実体参照を、以下より 1 つ選択しなさい。

1. >

2. <

3. "

解答

1は大なり、2は小なり、3はダブルクォート、4は空白です。

第39問

画像補間の方法として適さないものを、以下より 1 つ選択しなさい。

1. ニアレストリニア法

2. バイキュービック法

3. バイリニア法

4. ニアレストネイバー法

解答

2は3次補間法と呼ばれている画像の補間方式。3は求めたい画素の周辺の2×2画素（4画素）の輝度値を参照し、その加重平均値を用いる補間方式。4は求めたい画素に最も近い位置の画素の情報を参照する補間方式です。

第40問

JavaScript で配列 arr に要素を追加する例として正しいものを、以下より 1 つ選択しなさい。

1. arr[] = 10;

2. arr.shift(10);

3. arr.push(10);

4. arr += 10;

解答

1はPHPの場合。2は取り出す場合。4はarrに格納されている値が10加算されます。

2019-04-12

ウェブデザイン技能検定学科試験問題目次

ウェブデザインウェブデザイン技能検定過去問

ウェブデザイン技能検定とは

ウェブデザイン技能検定とは、国家検定制度である技能検定制度の一つとして、厚生労働省より職業能力開発促進法第47条第1項の規定に基づき指定試験機関の指定を受け、特定非営利活動法人インターネットスキル認定普及協会が実施するものです。試験は実技および学科試験で実施され、関連国際標準規格等に基づきウェブデザインに関する知識・技能、実務能力等が問われます。

1級の合格者には厚生労働大臣より、2級及び3級の合格者には特定非営利活動法人インターネットスキル認定普及協会理事長より、ウェブデザイン技能士の合格証書が発行されます。

ここでは過去の問題とその回答(一部解説あり)を載せてありますので有効に活用してもらえれば幸いです。

※▶をクリックするとその年度の問題(何回目)が表示されます

◆ウェブデザイン技能検定2級過去問

▶ R01年度

▶ H30年度

▶ H29年度