【しゃらの忍法帖】

ラズパイとかウェブ関係とか書いたり書かなかったり

全自動麻雀卓修理 その3

プッシャーモータが届いたので早速交換作業開始。

同じ自動卓では無いですが、ほぼほぼ同じ型の交換例があって助かりました。

全自動麻雀卓雀夢A型プッシャーユニット取外し作業

 

ネジ6本と電源コネクタ2本外せば取り外せます。

上記ページにもある通り、テコレバーが均等の高さになるように調整することさえ慎重にやればあとは簡単でした。

 

取り外したプッシャーモータが下記です。カム等は使い回せるので取っておくことに。

f:id:Syarah:20190423125741j:plain

 

取り寄せたお店は下記です。即日発送してくれたので助かりました。

東京カキヌマトップページ|麻雀用具の専門業者・東京カキヌマです。最新の全自動麻雀卓から中古全自動麻雀卓・アフターサービスまでお気軽にご相談ください!

GWに間に合ってよかったー!

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

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

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

 

第1問

body 要素は、カテゴリーとしてセクショニングルート(sectioning root)に属する。

解答

1.正しい

セクショニングルートに属する要素は以下の通りです。

  • blockquote要素
  • body要素
  • details要素
  • fieldset要素
  • figure要素
  • td要素

 

第2問

SVG 要素とその属性は、XML と同じく大文字小文字を区別しない。

解答

2.間違い

XMLで定義された言語のため、要素名・属性名の大文字・小文字は混同してはいけません。

 

第3問

HTML ドキュメント内で PHP コードを扱う場合、「<!– 」と「 –>」の 2 つのタグで囲む必要がある。

解答

2.間違い

<?php と ?> で囲みます。

 

第4問

.htaccess で行える設定はすべて httpd.conf で行うことができる。

解答

1.正しい

 

第5問

オンプレミスとはクラウドサービスのことを指す。

解答

2.間違い

企業などが情報システムの設備(ハードウェア)を自社で保有し、自社の設備において運用することです。

 

第6問

Bluetooth の周波数帯は 5GHz 帯である。

解答

2.間違い

2.4GHzです。

 

第7問

canvas における座標系は左上が x=0、y=0 である。

解答

1.正しい

 

第8問

レンタルした映画の DVD のコピー防止機能を解除し、自分のパソコンにコピーすることは、個人的な目的で行う 場合であれば、違法行為とはならない。

解答

2.間違い

コピー防止機能を解除し複製することは違法行為となります。

 

第9問

パーミッションが 777 のディレクトリにあるファイルは ファイルオーナー以外のユーザによる削除はできない。

解答

2.間違い

オーナー、グループ、一般ユーザ全てで読み書き実行出来るため、削除も出来ます。

 

第10問

デジタル署名とは、公開鍵暗号技術を利用した暗号化された署名情報であり、デジタル文書の正当性を保証するための技術またはその一連の手順のことである。これを利用することにより、送信者の認証とデータの改ざんの有無の検知が可能となる。

解答

1.正しい

送信されてきたデータが間違いなく本人のものであるのかを証明するのための技術で、公開鍵暗号を応用した技術です。

 

第11問

データを送受信する際、データを一時的に蓄えておく記憶装置や記憶領域をバッファという。

解答

1.正しい

 

第12問

WebGL(Web Graphics Library)とは、ウェブブラウザで 3D あるいは 2D グラフィックスを描画処理用のハード ウェアにより高速にレンダリングする JavaScript API であり、ブラウザにプラグインをインストールして用いる。

解答

2.間違い

WebGLOpenGLというネイティブで動作するグラフィックスAPIをブラウザから呼び出すためのパイプ役のような存在 です。JavaScriptですのでプラグインをインストールする必要はなく、下記のようにscript要素で組み込みます。

 

第13問

白(#fff)の背景に赤(#f00)の文字を表示させると、コントラスト比は 4.5 : 1 に満たない状態となる。

解答

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は前景または背景色の暗い方の相対輝度である。

 

第14問

HTML5 では、data-*属性だけでなく aria-*属性も使用できる。

解答

1.正しい

アクセシビリティに関する属性でコンテンツの状態や性質を表します。

 

第15問

VDT 作業者のための安全衛生環境等の構築は第一義的には事業者が行うものであるが、VDT 作業者に対しても自主的に健康を維持管理し、かつ、増進していくために必要な知識について教育を行うことが望ましい。

解答

1.正しい

 

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

 

第16問

class 属性 top-head が与えられた要素に、次の JavaScript コードにより CSS で定めたクラス head-color を加えたい。そのとき、からのいずれにも使われないキーワードを、以下より1つ選択しなさい。

コード

var element = document.  A  ('.top-head');
element. B . C ('head-color');

1. add

2. classList

3. querySelector

4. getElementsByClassName

解答

4

セレクタが指定されているため、document.querySelector()を用いてclass 属性 top-head が与えられた要素elementを取得し、その要素にelement.classList.add でCSS で定めたクラス head-color を追加します。

 

第17問

picture 要素およびその内部で使用する source 要素の代替テキストはどのように指定すべきか。最も適切なも のを以下より 1 つ選択しなさい。

1. 代替テキストは不要である。

2. img 要素の alt 属性で指定する。

3. source 要素の title 属性で指定する。

4. picture 要素の最後にテキストのコンテンツとして配置する。

解答

2

 

第18問

ファイル名を指定せずにアクセスがあった場合、index.php を優先する .htaccess の設定として適切なものを、 以下より 1 つ選択しなさい。

1. Directory index.html index.php

2. Directory index.php index.html

3. DirectoryIndex index.html index.php

4. DirectoryIndex index.php index.html

解答

4

先に書かれたほうが優先されます。

 

第19問

HTML5 で廃止された属性はどれか。以下より 1 つ選択しなさい。

1. img 要素の width 属性

2. label 要素の for 属性

3. th 要素の colspan 属性

4. table 要素の summary 属性

解答

4

 

第20問

「ソーシャル・エンジニアリング」に該当しない事例を、以下より 1 つ選択しなさい。

1. ディスプレイに付箋で貼っていた他人の ID とパスワードを覚えてログインする。

2. ネットワーク保守の業者を装って電話をし、担当者のユーザ ID とパスワードを聞き出す。

3. SNS で呼びかけて、集まった人でウェブサイトに DoS 攻撃をする。

4. 他人の会話を盗み聞きして機密情報を入手する。

解答

3

ソーシャル・エンジニアリングとは、ネットワークに侵入するために必要となるパスワードなどの重要な情報を、情報通信技術を使用せずに盗み出す方法です。

 

第21問

CSS2.1 で使用可能な単位のうち、相対的な長さをあらわす単位はどれか。以下より 1 つ選択しなさい。

1. px

2. pt

3. mm

4. ex

解答

4

適用要素の英小文字「x」1文字の高さ(x-height)を「1」としたその倍率です。他は絶対単位です。

 

第22問

特定商取引法」における電子メールの広告規制に関する記述として誤っているものを、以下より 1 つ選択しなさ い。

1. 消費者からあらかじめ請求や承諾を得ていない限り、電子メール広告の送信は原則的に禁止されている。なお、携帯電話等のショートメールサービスを利用した広告は、規制の対象とはならない。

2. 事業者が送信する電子メール広告には、消費者が当該電子メール広告の送信を拒否する意思を表示するための方法を表示しなくてはならない。

3. 電子メールアドレスまたは URL 等は電子メール広告の本文に記載しなくてはならず、かつ消費者が容易に認識できるように表示しなくてはならない。

4. 電子メール広告を送信することについて消費者からの請求や承諾を受けた場合は、その記録を、電子メール広告を最後に送った日から3年間保存しておかなくてはならない。

解答

1

 

第23問

以下の JSON データで文法的に適切なものを 1 つ選択しなさい。

1. {“name” : “Taro”}, {“name” : “Jiro”}

2. {{“name” : “Taro”}, {“name” : “Jiro”}}

3. [{“name” : “Taro”}, {“name” : “Jiro”}]

4. <{“name” : “Taro”}, {“name” : “Jiro”}>

解答

3

{}で括られたレコードの配列[]を表します。

 

第24問

DNS レコードのうち、複数の名前を使って単一のホストを指定するためのものはどれか。以下より 1 つ選択しなさ い。

1. A

2. MX

3. NS

4. CNAME

解答

4

1はドメインIPアドレスに置き換えるレコード。2はメールサーバのホスト名を記載するレコード。3はあるゾーンに対する権威を持つ権威サーバーを指定するためのレコードです。

 

第25問

変数 checkBox には、type 属性を”checkbox”に定めた input 要素の参照が納められている。このチェックボッ クスがチェックされているかどうかを、次の JavaScript コードで変数 checkResult に取得したい。に加える適切なプロパティを、以下より 1 つ選択しなさい。

JavaScriptコード

var checkResult = checkBox.  A  ;

1. on

2. value

3. checked

4. selected

解答

3

 

第26問

次の文章は、入力フォームへの対策に関するものである。及びにあてはまる語句の組合せとして適切なものを、以下より 1 つ選択しなさい。

ユーザが入力フォームに入力したデータをウェブサーバに送信する際、を使用すると入力したデータがクエリ文字列として表示されて送られるため、情報が漏えいしてしまう可能性が高くなる。入力したデータを表示させずに送るためには、を使用する。

1. A: GET メソッド  B: POST メソッド

2. A: POST メソッド  B: GET メソッド

3. A: PATCH メソッド B: PUT メソッド

4. A: PUT メソッド  B: PATCH メソッド

解答

1

PATCHメソッドはリソースを部分更新するメソッドです。

 

第27問

バージョン管理システムに関する記述として誤っているものはどれか。以下より 1 つ選択しなさい。

1. 変更を加えたファイルを過去のある時点の状態に復元することができる。

2. 変更内容の差分を表示できる。

3. 集中管理方式と分散管理方式の二つのタイプがある。

4. ソフトウェアやライブラリの依存関係を解決できる。

解答

4

依存関係は解決できません。

 

第28問

アクセシビリティ上、問題のないと思われる文章表現はどれか。最も適切なものを以下より 1 つ選択しなさい。

1. 必須項目は赤で示しています。

2. 下記の注意事項をよく読んでください。

3. 右のボタンをクリックすると次に進みます。

4. アイコンの大きさがレベルを表しています。

解答

2

色、方向、大きさは目が不自由な場合など伝わりにくい可能性があります。

 

第29問

HTTP におけるステータスコード 204 は何を表すか。以下より 1 つ選択しなさい。

1. Not Found

2. Forbbiden

3. No Content

4. Internal Server Error

解答

3

1は404 Not Found。2は403 Forbidden。4は500 Internal Server Errorです。

 

第30問

HTML や CSS のコーディング規約を作る際、一般的に記載しておくものとして不適切なものはどれか。以下より 1 つ選択しなさい。

1. ディレクトリの構成

2. ソースコード内の空白やインデントのルール

3. ID や class の命名規則

4. マークアップをするソフトウェアのショートカットキーの一覧

解答

4

便利帳にでもメモしておきましょう。

 

第31問

クラウドサービスの中で、主にアプリケーションソフトウェアを提供するサービスを指す用語はどれか。以下より 1 つ選択しなさい。

1. DaaS

2. SaaS

3. PaaS

4. IaaS

解答

2

  • DaaS:「Desktop as a Service」デスクトップ環境をクラウド上に構築し、ネットワーク越しにその環境を呼び出して利用することを提供するサービス
  • SaaS:「Software as a Service」パッケージ製品として提供されていたソフトウェアを、インターネット経由でサービスとして提供・利用する形態
  • PaaS:「Platform as a Service」ハードウェアやOSなどのプラットフォーム一式を、インターネット上のサービスとして提供する形態
  • IaaS:「Infrastructure as a Service」仮想サーバをはじめとした機材やネットワークなどのインフラを、インターネット上のサービスとして提供する形態

 

第32問

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

1.4.4 テキストのサイズの変更の達成基準

キャプション及び文字画像を除き、テキストは、コンテンツ又は機能を損なうことなく、支援技術なし
までサイズを変更できる。

1. 120%

2. 150%

3. 200%

4. 300%

解答

3

ただし、キャプション及び画像化された文字は除きます。

 

第33問

CSS2.1 の仕様に含まれているセレクタの書式はどれか。以下より 1 つ選択しなさい。

1. :target

2. :only-child

3. :first-child

4. :last-child

解答

3

他はCSS3で追加されました。

 

第34問

PHPJSON を返すためのヘッダを付与するコードを以下より 1 つ選択しなさい。

1. head(‘content-type: text/json’);

2. head(‘content-type: application/json’);

3. header(‘content-type: text/json’);

4. header(‘content-type: application/json’);

解答

4

 

第35問

iframe 要素が使用できない HTML のバージョンはどれか。以下より 1 つ選択しなさい。

1. HTML4.01 Strict

2. HTML4.01 Transitional

3. XHTML1.0 Transitional

4. HTML5

解答

1

ちなみに Strict は厳密、Transitional は過渡的を意味します。

 

第36問

以下のうち文法的に誤りである HTML のコードを 1 つ選択しなさい。なおここではコンテンツの論理構成は問わないものとする。

1.

<ul>
<li>ウェブデザイン技能検定</li>
<li><ol>
<li>ウェブデザイン技能検定1級</li>
<li>ウェブデザイン技能検定2級</li>
<li>ウェブデザイン技能検定3級</li>
</ol></li>
<li>ウェブデザイン技能検定の申請</li>
<ul>

2.

<ul>
<li>ウェブデザイン技能検定</li>
<ol>
<li>ウェブデザイン技能検定1級</li>
<li>ウェブデザイン技能検定2級</li>
<li>ウェブデザイン技能検定3級</li>
</ol>
<li>ウェブデザイン技能検定の申請</li>
</ul>

3.

<ul>
<li>ウェブデザイン技能検定</li>
<li>
<ol><li>ウェブデザイン技能検定1級</li></ol>
<ol><li>ウェブデザイン技能検定2級</li></ol>
<ol><li>ウェブデザイン技能検定3級</li></ol>
</li>
<li>ウェブデザイン技能検定の申請</li>
</ul>

4.

<ul>
<li>ウェブデザイン技能検定
<ol>
<li>ウェブデザイン技能検定1級</li>
<li>ウェブデザイン技能検定2級</li>
<li>ウェブデザイン技能検定3級</li>
</ol>
</li>
</ul>

解答

2

この場合、ul要素の中のli要素の中にol要素を入れないといけません。

 

第37問

img 要素の srcset 属性で次のように指定した場合、a@2x.jpg が使用されるのはどのような状況のときか。以下よ り 1 つ選択しなさい。

コード

<img src="a.jpg" srcset=" a@2x.jpg 2x " alt="" width="80" height="50">

1. a.jpg の読み込みに失敗したとき。

2. a.jpg を横に 2 つ以上表示できるスペースがあるとき。

3. ピクセル密度が 2 倍の画面で閲覧したとき。

4. ブラウザで再読み込み(2 度目に表示)させたとき。

解答

3

ブラウザのスクリーン要件(幅、高さ、ピクセル密度)に応じて、異なる画像を読み込む事ができます。

 

第38問

次の HTML 5.1 コードに関して正しいものを以下より 1 つ選択しなさい。

HTML

<details>
<summary>ウェブデザイン技能検定について</summary>
<p>国家検定「ウェブデザイン技能検定」は実技および学科試験で実施され、関連国際標
準規格等に基づき、ウェブデザインに関する知識・技能、実務能力等が問われます。</p>
</details>

1. details 要素内の summary 要素は表示されないが、details 要素内の表示されている要素をクリッ クすると details 要素の内容がすべて表示される。

2. 初期状態では、details 要素内の summary 要素以外は表示されないが、summary 要素をクリック すると details 要素の内容がすべて表示される。

3. details 要素は内部に複数の summary 要素と複数の p 要素を持つことができる。

4. details 要素は p 要素を内部に持つことができないのでこのコードは誤りである。

解答

2

このQ&Aもこの仕組で解答の表示、非表示を行なっています。

 

第39問

PHP の date 関数のパラメータ文字列「時」を返すもののうち、先頭にゼロが付かない 12 時間単位のものはどれ か。以下より 1 つ選択しなさい。

1. g

2. G

3. h

4. H

解答

1

gは時刻 12時間表記 (0埋め無し)、Gは時刻 24時間表記 (0埋め無し)、hは時刻 12時間表記 (0埋め)、Hは時刻 24時間表記 (0埋め)です。

 

第40問

HTML5.1 の a 要素に関する説明として適切なものを以下より 1 つ選択しなさい。

1. a 要素の終了タグは省略できる。

2. a 要素には href 属性を指定しなくてもよい。

3. a 要素の内部に入れられるのはインライン要素のみである

4. a 要素の内部に入れられるのはブロックレベル要素のみである。

解答

2

DOMでhref属性を変化させられるように指定しなくてもよくなっています。

 

全自動麻雀卓修理 その2

購入点に問い合わせをしたら、モータの故障という見解は一緒でした。

ただ部品交換するのは素人には難しいと言われたので修理依頼したらいくら掛かるか聞いたところ、出張費だけで35,000円かかり部品代込みで最低50,000円はかかるとのこと。

100,000円で買った自動卓の修理に50,000円出すのは馬鹿らしく、部品が他店で10,800円で買えるなら自分でやるわ!ってことで電話を切りました。

 

ネット調べてみたらモータ交換した人の情報が得られたので、なんとかなるでしょうと安易に考えています。とりあえず、今は購入依頼をして在庫確認中です。

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

正しいものは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 や FTPSMTP などのアプリ ケーションプロトコルに基づいて、アプリケーションレベルでサービス利用の可否などの制御を行う。

解答

1.正しい

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

 

第10問

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

解答

2.間違い

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

 

第11問

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

解答

1.正しい

 

第12問

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

解答

1.正しい

気をつけましょう。

 

第13問

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

解答

2.間違い

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

 

第14問

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

解答

2.間違い

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

 

第15問

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

解答

2.間違い

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

 

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

 

第16問

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

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

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

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

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

解答

3

 

第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

解答

3

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

 

第18問

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

1. XML

2. SVG

3. SGML

4. MathML

解答

3

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

 

第19問

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

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

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

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

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

解答

1

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

 

第20問

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

1.

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

2.

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

3.

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

4.

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

解答

1

$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: 削除

解答

3

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

 

第22問

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

1. 216 種類

2. 4096 種類

3. 2097152 種類

4. 16777216 種類

解答

4

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

解答

3

 

第24問

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

1. img要素

2. area要素

3. input要素

4. textarea要素

解答

4

 

第25問

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

解答

1

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

 

第26問

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

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

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

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

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

解答

2

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

 

第27問

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

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

1. overline

2. strike-out

3. strike-through

4. line-through

解答

4

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

 

第28問

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

1. grid

2. display

3. animation

4. writing-mode

解答

2

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

 

第29問

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

1. top

2. middle

3. bottom

4. baseline

解答

4

 

第30問

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

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

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

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

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

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

解答

4

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

 

第31問

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

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

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

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

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

解答

4

 

第32問

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

1. a要素

2. div 要素

3. button 要素

4. select 要素

解答

2

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

  • a
  • button
  • embed
  • iframe
  • keygen
  • label
  • select
  • textarea

 

第33問

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

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

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

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

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

解答

2

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

 

第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: 全てのウェブページ

解答

2

 

第35問

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

1. カラーチャート

2. キービジュアル

3. ワイヤーフレーム

4. ムードボード

解答

2

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

 

第36問

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

1. サーバを増設する。

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

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

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

解答

3

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

 

第37問

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

1. abc

2. .abc

3. *#abc

4. [class~="abc"]

解答

3

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

 

第38問

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

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

1. 電気通信事業法

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

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

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

解答

3

 

第39問

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

1. XHTML 1.0 Strict

2. XHTML 1.0 Transitional

3. XHTML 1.0 Frameset

4. XHTML 1.1

解答

4

 

第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

解答

2

 

全自動麻雀卓修理

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

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

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

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

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

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

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

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

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

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

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

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

スマートリモコン その2

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

f:id:Syarah:20190412200450j:plain

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

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

f:id:Syarah:20190412200509j:plain

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

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

 

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

f:id:Syarah:20190412202213j:plain

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

 

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

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

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

 

まだまだ遊べますな。

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

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

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

 

第1問

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

解答

2.間違い

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

 

第2問

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

解答

2.間違い

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

 

第3問

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

解答

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. ディスプレイに表示する文字の大きさは、小さすぎないように配慮し、文字高さが概ね3mm 以上とすること が望ましい。

解答

2

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

 

第17問

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

1. LaTeX

2. MathML

3. tgmath.h

4. Markdown

解答

2

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

 

第18問

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

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

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

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

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

解答

2

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

 

第19問

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

print htmlspecialchars("Shin'ichi");

1. Shin¥'ichi

2. Shin'ichi

3. Shin'ichi

4. Shin'ichi

解答

4

 

第20問

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

1. data 要素

2. date 要素

3. time 要素

4. mark 要素

解答

2

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

 

第21問

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

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

2. クラウドソーシング

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

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

解答

4

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

 

第22問

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

1. ボーダー

2. 背景色

3. 要素内容

4. ボーダーと要素内容

解答

2

 

第23問

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

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

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

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

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

解答

1

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

 

第24問

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

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

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

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

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

解答

2

 

第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

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

 

第26問

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

1. 所有者(オーナー)

2. グループ

3. 匿名ユーザ

4. 一般ユーザ

解答

1

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

 

第27問

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

1. サイトマップ

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

3. ワイヤーフレーム

4. ヒートマップ

解答

2

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

解答

4

 

第29問

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

1. link 要素の rel 属性

2. table 要素の border 属性

3. td 要素の colspan 属性

4. textarea 要素の rows 属性

解答

2

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

 

第30問

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

1.3.3 A の達成基準

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

1. UI/UX

2. スタイル

3. 感覚的な特徴

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

解答

3

 

第31問

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

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

1. 文書

2. 章

3. セクション

4. アウトライン

解答

3

h1~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%)

解答

4

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

 

第33問

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

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

1. AI

2. IoT

3. 支援技術

4. スクリーンリーダ

解答

3

 

第34問

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

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

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

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

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

解答

1

 

第35問

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

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

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

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

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

解答

1

写真や動画などを画面一面を使って表示させて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)"

解答

2

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

 

第37問

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

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

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

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

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

解答

1

 

第38問

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

1. &gt;

2. &lt;

3. &quot;

4. &nbsp;

解答

1

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

 

第39問

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

1. ニアレストリニア法

2. バイキュービック

3. バイリニア法

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

解答

1

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;

解答

3

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