Zenn
Closed15

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

__Tomoki____Tomoki__
  • W3C 勧告となっている HTML Review Draft—Published 29 January 2020ではtable要素にborder属性を指定すると文法エラーになる。
  • progressよすおで進捗状況を表示するための最大値(max属性)はデフォルトで1である。
  • Key Goal Indicator：重要目標達成指標といい、最終的なゴールを示す。
  • Key Performance Indicator：重要業績評価指標といい、中間指標を示す。
  • ロゴの一部として組み込まれている文字のコントラストは、アクセシビリティの達成基準から除外されている。
  • displayプロパティの初期値はinlineである。
  • picture要素の代替テキストは子要素のimg要素のalt属性に指定する。
  • a要素に必須はものは終了タグである。
    • rel, href, targetは必須ではない。
  • getElemtetByTag()はない。
  • getElementByTagName()はない。正しくはgetElementsByTagName()。
  • queryTagSelector()はない。
  • querySelector(selectors)
    • 指定されたセレクターまたはセレクターのグループに一致する、文書内の最初の Element を返す。
  • ビューポートとはユーザエージェントがコンテンツを提示するオブジェクトのこと。
  • ラスタ形式：gif, png, jpeg ...
  • ベクタ形式：svg, pdf, eps ...
  • $stmt->bind_param("is", $user_id, $name);
    • 第１引数 "is" は後続のデータ型を表す。i=integer、s=string、d=double、b=blob
  • UNIX サーバでファイルのパーミッションの3桁
    • 百の位：所有者(Owner)
    • 十の位：グループ(Group)
    • 一の位：他人(Other)
  • border-styleの種類
    • ridge：窪みの右下に影
    • groove：窪みの左上に影
    • inset：立体凸左上に影
    • outset：立体凸右下に影
__Tomoki____Tomoki__
  • title要素が持つ属性は全てグローバル属性である。
  • コントラスト比は、最も明るい部分(白)と最も暗い部分(黒)の明るさ(輝度)の比率のこと。
    • テキスト及び画像化された文字の視覚的な表現には、少なくとも4.5：1のコントラスト比がなければならない」というルールがWebアクセシビリティの一般ルールである。
    • ただし、アクティブではないユーザインタフェース部品の文字については対象外である。
  • 2021年4月時点でW3C勧告となっているHTMLの最新バージョンは、HTML 5.2 でない。
  • ユニークユーザ数(UU)：Webサイトにアクセスしたユーザー数（訪問者数）のこと。
    • ページビュー(PV)より少なくなることはない。
  • 「個人情報の保護に関する法律」では、基本理念としてプライバシー権を明文化していない。
  • GIFは国際標準化されていない。
  • 色のキーワード「transparent」は色を指定できるプロパティ全てで使用可能である。
  • pointer-events プロパティ：グラフィック要素がクリックやタッチなどのポインターイベントの設定をする。
    • none：ポインターイベントを受け取らないようにする。
    • fill：SVGの場合のみの値です。塗り (fill) の上にマウスカーソルがある場合にのみ要素がポインターイベントのターゲットとなる。
    • stroke：SVGの場合のみの値です。線 (stroke) の上にマウスカーソルがある場合にのみ要素がポインターイベントのターゲットとなる。
  • Mathematical Markup Language(MathML)：W3C が勧告している数式を表示するためのマークアップ言語
  • インデックスカラーとは、使用する色を決まった数だけあらかじめ選んで通し番号をつけておき、色の指定に番号を用いる色表現方式。
  • input要素はtype="image"があるため、alt属性を指定できる。
  • JS：setAttribute('src', image)
  • jQuery：attr('src', image)
  • list-style-type: decimal-leading-zeroで01、02、03のように頭に0を付与できる。
  • フレージングコンテンツとは、段落内で使用するようなコンテンツでインライン要素に相当する。
  • JIS(JISX8341-3)の原則1：情報及びユーザインタフェース コンポーネントは、利用者が知覚できる
    方法で利用者に提示可能でなければならない。
  • 認知的ウォークスルーとは、ユーザビリティ専門家がターゲットユーザーになったつもりで評価対象のサイトを閲覧/操作してみることによって、様々な問題点を指摘する手法です。
  • DNSレコード
    • NS：ゾーン情報を管理するネームサーバーのサーバー名を定義するレコード。Name Serverの略。
    • MX：対象ドメイン宛のメールの配送先（メールサーバ）のホスト名を定義するレコード。 Mail Exchangeの略。
    • A：ドメイン名に対応するIPアドレス（IPv4形式）が書かれたレコード。 Addressの頭文字。
    • CNAME：ホスト名に対する別名を定義するレコード。Canonical NAMEの略。
__Tomoki____Tomoki__
  • html要素の子要素としてscript要素を配置できない。
  • ディザリングとは、限られた色数でより多くの色を擬似的に表現する手法。
  • TCP/IP階層モデルは4つの階層で構成される。
  • PHPのErrorクラスは、PHP7から新設された。
  • Appendix D. Default style sheet for HTML 4のbutton, textarea, input, select のdesiplayはinline-blockである。
  • CDNとは、アクセス超過に備えてリバースプロキシやキャッシュサーバを用いて負荷分散を行う。
  • CSS 2.1 で使用可能な単位であるinはインチを表す。
  • キービジュアルとはウェブサイトのメインイメージとなる画像のこと。
__Tomoki____Tomoki__
  • .htaccessで行える設定はすべてhttpd.confで行うことができる
  • outlineプロパティは、ボックスのサイズが大きくなってレイアウトや位置関係に影響を与えることがない。
    • 上下左右で異なるアウトラインを指定することができない。
  • ロゴの一部として組み込まれている文字のコントラストは、アクセシビリティの達成基準から除外されている。
  • サニタイジングとは特別な意味を持つ文字の特別さを無効化する処理。（＝エスケープ）
  • font-familiy
    • sans-serif：ゴシック体
    • serif：明朝体
    • system-ui：OSのUIと同じフォント
    • monospace ：等幅フォント
    • cursive：筆記体
    • fantasy：装飾系フォント
  • figure要素のラベルタグ：figcaption
  • code要素：ファイル名をマークアップする際に使用する要素
  • アクセシビリティに関する四つの原則
    • コンテンツは知覚できなければならない
    • コンテンツのインターフェイス要素は操作可能でなければならない
    • コンテンツとコントロールは理解可能でなければならない
    • コンテンツは現在および将来のユーザーエージェント（支援技術を含む）での利用に耐えるものでなければならない
  • SVGのcircleの縁の中心の座標はcxとcyに指定する。
  • dlの中にdlは入れられない。(dt, dd divはOK)
  • 1px＝0.75pt
  • index.phpを優先する.htaccessの設定
    • DirectoryIndex index.php index.html
__Tomoki____Tomoki__
  • PHPのprint()は実際には関数ではなく、 言語構造です。
  • code要素で、要素名やファイル名をマークアップすることは適切である。
  • A/Bテストとは、複数の案を比較して定量的に評価するテストである。
  • sub要素とは、下付き文字で表示するタグである。例：CO2など。
  • セクショニングコンテンツ要素は潜在的に見出しとアウトラインを持つ。
  • 代替テキストのガイドライン
    • 全ての非テキストコンテンツには、拡大印刷、点字、音声、シンボル、平易な言葉などの利用者が必要とする形式に変換できるように、代替テキストを提供する。
  • PHPの「.」は文字列結合演算子である。
  • hタグは終了タグを省略できない。
  • box-sizingプロパティのデフォルト値はcontent-boxである。
  • CSSのfont-weightプロパティの初期値は「normal」は400である。
    • 「bold」は700である。
  • strong要素
    • 重要性、深刻性、緊急性など、まっさきに見てほしいテキスト。
    • 太字になる。
  • b要素
    • 見た目だけを変える。
    • 太字になる。
  • em要素
    • strongタグより弱い強調
    • 斜体文字になる。
  • i要素
    • 見た目だけを変える。
    • 斜体文字になる。
  • table要素に border="1" を追加すると、その表がレイアウト目的ではないことを示すことができます。
__Tomoki____Tomoki__
  • 公開鍵暗号方式で、クライアントがサーバから受け取る鍵は公開鍵である。
  • title属性はグローバル属性のため、HTML5の全ての要素に指定することができる。
    • PC向けの一般的なブラウザではツールチップで表示される。
  • Web Storageには、sessionStorageとlocalStorageの2種類のストレージがある。
    • sessionStorageはウィンドウやタブを閉じるまで有効である。
    • localStorageは永続的に有効である
  • DOMContentLoaded はHTMLの解釈が終了した時点で発火するイベントである。
    • HTMLが読み込まれてさえいれば、リソースを読み込む前に実行される。
  • img要素のsrcset属性は、実際に使える画像の候補を指定する。
    • xで「ピクセル密度記述子 (1x や 2x など)」により指定する。
    • vで「実際のピクセルでのサイズ(単位は w で指定します)」により指定する。
  • ウェブページとは単一のURIからHTTPで得た埋め込まれていないリソースに加え、レンダリングに使われる、またはUAがこのリソースと一緒にレンダリングすることを意図しているその他のあらゆるリソースを合わせたもの。
  • WAI-ARIA
__Tomoki____Tomoki__
  • HTTP通信において、HTTPメソッドはHTTPメッセージヘッダの第1行目に記される。
  • HTML5系では、hgroup要素を使用できない。
  • SVGの描画はgタグを使用する。
  • ユーザエクスペリエンスは、ISOで定義されている。
  • HTML5では、style要素のtype属性は省略できる。(初期値がtext/cssであるため)
    • HTML5以前は省略不可だった。
  • PHPでは配列(arr)の最後にデータを追加する方法として、`arr[]=1;`とかける。
  • border要素はsolidなどのstyleを指定すれば、デフォルトの太さ(medium)とカラー(black)の枠線となる。
  • 冗長化されていないRAID構成はRAID 0である。
  • 画像処理におけるモスキートノイズとは、主に画像の輪郭部分に発生するノイズのこと。
  • 以下の構文は等価である。
    • jQery: var obj = $(‘.button’);
    • JS: var obj = document.querySelectorAll(‘.button’);
  • W3C勧告となっているWeb Content Accessibility Guidelines の最新バージョンは2.1である。
__Tomoki____Tomoki__
  • link要素はhead要素の内部に配置するもの。
  • document.querySelectorAll()で取得できるものは配列でなく指定したセレクタに一致するすべてのHTML要素(NodeList)である。
  • <script src=”sample.js”></script>
  • img要素にはborder属性はない。
  • iframe要素にはpreload属性はない。
  • dl, dt, ddの最初のdはdescriptionである。
  • 安全色彩とはJISにより定められた安全を確保するための色のこと。
__Tomoki____Tomoki__
  • クリエイティブ・コモンズにおける「表示-非営利（CC BY-NC）」という表示は、コンテンツの原作者の氏名・作品タイトルなどを表示し、かつ非営利目的であることを主な条件に、改変や再配布が許可されることを意味する。
  • CGIを用いてウェブページの内容を動的に変化させるためには、JavaScriptで以外にもPHPやPythonで記述可能である。
  • 「403 Forbidden」はリソースへのアクセスが拒否されたことを示している。
  • HTML5では、data-*属性だけでなくaria-*属性も使用できる。
  • text-decorationプロパティの打ち消し線はline-throughを指定する。
  • hsl()のlは50%が純色である。
  • マルバタイジングとはウェブサイトで配信される広告に不正なソフトウェアを混入しておき、それを閲覧した者を悪意のあるウェブサイトに誘導し、不正プログラムに感染させる攻撃手法である。
  • HTML5において、動画に対する字幕のデータを指定する際に使用する要素はtrack要素である。
  • アフォーダンスとは「物体の持つ属性が、物体自身をどう取り扱ったらよいかについてのメッセージをユーザに対して発している」とする考え。
  • マンセルカラーシステムにおける基本 5 色相は「赤、黄、緑、青、紫」である。
  • directionはCSS2.1の仕様に含まれているプロパティである。
__Tomoki____Tomoki__
  • 特定商取引法）において、インターネットショッピングやインターネットオークションは、訪問販売や電話勧誘販売と同様に、クーリング・オフが適用されない。
  • embed要素は外部のコンテンツを文書中の指定された場所に埋め込む。
  • tt要素はテキストを等幅フォントで表示する。(HTML5から廃止)
  • element.style.cssは存在しない。
  • WPA2は強力な暗号技術であるAES を採用しているため、暗号キーの生成方法は複雑であり、暗号の解読は現状では不可能とされている。
  • WCAG2.0 において、支援技術を用いることなくテキストを200%までサイズ変更できることが求められているが、その例外となるものはキャプションである。
  • エンゲージメント課金型とはソーシャルメディア広告で用いられ、ユーザの「フォロー」や「シェア」などの反応に基づく料金形態のこと。
  • インプレッション保証型とは広告の表示回数ごとに料金を設定する方法のこと。
  • 成功報酬型とは設置された広告によってウェブサイトの閲覧者が広告主の商品あるいはサービス等を購入し、生じた利益に応じて広告媒体に客引きの成功報酬を与える一連の形態のこと。
  • XHTML 1.1でruby 要素が使用可能。
__Tomoki____Tomoki__
  • html要素のmanifest属性は、HTML5で追加されたが、HTML5.1では削除された。
  • オプトアウトとは個人情報の第三者提供に関し、個人データの第三者への提供を本人の求めに応じて停止すること。
  • ISO/IEC 15948はPNG形式。GIF形式は国際標準化されていない。
  • HTML5 では条件を満たせばimg要素のalt属性を省略することができる。
  • 百の位が所有者(オーナー)、十の位がグループ、一の位が一般ユーザ。
  • VDT 作業における照度の設定は、画面上における照度は500ルクス以下、書類上及びキーボード上における照度は300ルクス以上とする。
  • URI でメールアドレスを表すのは、mailto:foo@example.comである。
  • 2017 年 4 月時点において W3C勧告にはなっていない規格はXHTML 2.0である。
  • HTMLの<h1>–<h6>要素は、セクションの見出しを6段階で表す。
__Tomoki____Tomoki__
  • svgで色を塗るのはfillを使う。
  • HTML5.1 の mg要素では、出力先として想定されるデバイスの画面のピクセル密度に合わせて、複数の画像が指定できる。
  • フルードデザイン(Fluid Design)とは画面の幅に合わせてコンテンツの横幅を可変とするデザイン手法で、画面幅を%指定とすることなどにより実現できる。
  • HTML5 で任意の要素に指定可能 role属性は、WAI-ARIA 1.0で定義されている。
  • SVGではレイヤー機能により、ビットマップデータとベクターデータを混在させることができる。
  • source要素はHTML5.1から追加されていない。
  • iframe要素が使用できないHTMLのバージョンはXHTML1.1である。
  • <img src=”a.png” alt=”” width="50%" height="50%">のように%は指定できない。
  • 全ての非テキストコンテンツには、拡大印刷、点字、音声、シンボル、平易な言葉などの利用者が必要とする形式に変換できるように、代替テキストを提供する。
  • DOMContentLoadedイベントはHTMLページの読み込みが完了しHTMLのパース(解析)が完了してDOMツリーの構築が完了した時点で発生するイベントである。
  • ユーザエージェントとは、ウェブコンテンツを取得して利用者に提示するあらゆるソフトウェア。
__Tomoki____Tomoki__
  • セクショニングルートとは文書のアウトラインを生成するためのセクショニングのルートとなる要素のこと。
    • blockquote要素
    • body要素
    • details要素
    • fieldset要素
    • figure要素
    • td要素
  • SVG要素とその属性は、XMLと同じく大文字小文字を区別する。
  • Bluetoothの周波数帯は 2.4GHz帯である。
  • LINUXパーミッション
    • r → 4 読み込み可能
    • w → 2 書き込み可能
    • x → 1 実行可能
      • → 0 権限なし
  • WebGLはOpenGLというネイティブで動作するグラフィックスAPIをブラウザから呼び出すためのパイプ役のような存在で、プラグインをインストールする必要はなくscript要素で組み込みます。
  • 白(#fff)の背景に赤(#f00)の文字を表示させると、コントラスト比は 4.5 : 1 に満たない状態である。
  • table要素のsummary属性はHTML5 で廃止された。
  • exは相対的長さを表す。
  • テキストのサイズの変更の達成基準は200%
  • :first-childはCSS2.1から追加された。
  • iframeが使用できないHTMLバージョンはHTML4.01 Strictである。
  • PHPのdate関数のパラメータ文字列「時」は以下。
    • g: 12時間表記 (0埋め無し)
    • G: 24時間表記 (0埋め無し)
    • h: 2時間表記 (0埋め)
    • H: 24時間表記 (0埋め)
__Tomoki____Tomoki__
  • 通信販売は特定商取引法上のクーリング・オフ規定がないため、イーコマースサイトでもクーリング・オフをすることができない。
  • textarea要素はalt属性を指定できない。
  • vertical-alignプロパティの初期値はbaselineである。
  • ruby要素が使用可能なXHTMLはXHTML 1.1である。
__Tomoki____Tomoki__
  • 総称フォント名は""で囲まない。
    • p {font-family: "ＭＳ ゴシック",sans-serif; }
  • li { display: A }: A: list-item
  • hslのコントラスト比は、L値が最も差のあるのが一番差がある。
  • ニアレストリニア法は画像補間の方法として適さない。
このスクラップは2021/11/29にクローズされました