専門用語リスト
Glossary
各章の専門用語を、章の順に並べています。本の用語リストと同じ説明です。
はじめに
- Webページ / web page:ブラウザに表示される、HTMLなどで作られた一つの文書です。
- Webサイト / website:関連する複数のWebページや資源をまとめたものです。
- HTML / HyperText Markup Language:Web文書の内容と構造を記述するマークアップ言語です。
- CSS / Cascading Style Sheets:HTMLなどで記述された文書の表示や配置を指定するスタイルシート言語です。
- JavaScript / JavaScript:Webページで動きや操作への応答などを実装できるプログラミング言語です。
- ブラウザ / web browser:Web上の資源を要求し、受け取った内容を画面に表示するソフトウェアです。
第1章:Webページはどう届くか
- URL / Uniform Resource Locator:Web上の資源の場所と取得方法を示す文字列です。
- サーバー / server:ネットワークを通じた要求に応じて、データや機能を提供するコンピューターまたはソフトウェアです。
- クライアント / client:サーバーへ要求を送る機器またはソフトウェアです。
- HTTP / Hypertext Transfer Protocol:Web上でクライアントとサーバーが資源を要求・応答するために使うプロトコルです。
- プロトコル / protocol:通信を行うときの約束です。
第2章:HTMLの要素とタグ
- 要素 / element:HTML文書の構成単位です。通常は開始タグ・内容・終了タグで記述します。imgなどのvoid要素は内容と終了タグを持ちません。
- タグ / tag:HTMLで要素を記述するための山かっこを含む記号列です。
- void要素 / void element:内容や終了タグを持たないHTML要素です。
- 属性 / attribute:要素に性質や参照先などを加える名前と値の組です。例はa要素のhrefです。
- 入れ子 / nesting:あるHTML要素の内容の中に別の要素を置く構造です。
- 見出し / heading:文書や内容のまとまりの題を示す要素です。
- 段落 / paragraph:文章のまとまりを表す要素です。
- 順序付きリスト / ordered list:項目の並び順に意味があるリストです。
- 順序なしリスト / unordered list:項目の並び順に意味がないリストです。
- リンク / hyperlink:別の文書やページ内の場所などへ移動する要素です。
- 相対パス / relative path:現在の文書やフォルダーの場所を基準に、別のファイルの場所を示す書き方です。
第3章:文書を意味で組み立てる
- セマンティクス / semantics:文書の要素が持つ意味や役割です。本書では見た目ではなく内容上の役割を指します。
- header / header element:ページまたは節の導入や見出しを置くHTML要素です。
- nav / navigation element:ページ内や別の文書への主要な案内リンクをまとめるHTML要素です。
- main / main element:文書の中心となる内容を示すHTML要素です。
- section / section element:一つの主題に関係する内容をまとめるHTML要素です。通常、見出しを付けます。
- footer / footer element:ページまたは節に関係する連絡先や補足情報などを置くHTML要素です。
- ランドマーク / landmark:支援技術などがページ内の主要な領域を見つける手掛かりです。本書では意味要素の導入語として使います。
第4章:画像・表・フォームを使う
- 代替テキスト / text alternative:画像が伝える情報を、画像を見られない場合にも得られるようテキストで示すものです。装飾画像では、空の代替テキストが適切な場合があります。
- フォーム / form:利用者が入力するコントロールをまとめるHTML要素です。
- 表見出し / table header:データ表の行や列にある値の意味を示す見出しです。
- ラベル / label:入力欄の目的を伝え、その入力欄と関連付ける説明です。
- 入力欄 / input control:利用者が文字などを入力するためのフォームのコントロールです。
- ボタン / button:利用者が選ぶ操作用のコントロールです。
第5章:CSSで文字と余白を整える
- CSSルール / CSS rule:ここでは、対象を決め、その対象への指定を波かっこでまとめる通常のスタイルルールを指します。
- セレクター / selector:CSSを適用する対象を選ぶ部分です。
- 宣言ブロック / declaration block:CSSルールの波かっこの中に置く宣言の集まりです。
- 宣言 / declaration:プロパティと値を組み合わせた一組です。
- プロパティ / property:CSSで変更する項目です。
- 値 / value:CSSのプロパティに設定する内容です。
- カスケード / cascade:複数のCSS指定から適用する宣言を決める仕組みです。
- ボックスモデル / box model:内容と周りの余白・境界線を箱の各部分として考える方法です。
- content / content:文章や画像などが入る箱の部分です。
- padding / padding:内容と境界線の間にある余白です。
- border / border:箱の端を表す線です。
- margin / margin:境界線の外側にあります。
- box-sizing / box sizing:
widthやheightが箱のどの範囲を示すかを指定するプロパティです。 - 継承 / inheritance:親要素の一部の値が子要素にも使われる仕組みです。
第6章:FlexboxとGridで配置する
- Flexbox / CSS Flexible Box Layout:主に一方向(行または列)に項目を配置するCSSレイアウト方式です。
- Grid / CSS Grid Layout:行と列の二方向で項目を配置するCSSレイアウト方式です。
- 主軸 / main axis:Flexboxで項目が並ぶ方向です。
- 交差軸 / cross axis:Flexboxで主軸と交差する方向です。
- 行 / row:Gridで横方向に並ぶ項目のまとまりです。
- 列 / column:Gridで縦方向にそろう項目のまとまりです。
- gap / gap:項目間の間隔を作るCSSプロパティです。
- 列トラック / column track:Gridで列の幅を決める領域です。
- fr / fraction:Gridの列などで、使える残りの幅の配分に使う単位です。
- repeat() / repeat function:同じ列や行の指定を繰り返す関数です。
- minmax() / minmax function:Gridの列や行の最小値と最大値を指定する関数です。
第7章:小さい画面から考える
- レスポンシブデザイン / responsive design:画面幅など利用環境の違いに応じて、内容が読みやすく使いやすい表示を保つ設計方針です。
- viewport / viewport:viewportは、ブラウザでWebページの内容を表示できる領域です。スマートフォンではviewport meta設定も扱います。
- メディアクエリ / media query:画面幅などの条件に応じてCSSを適用する仕組みです。
- 切り替え点 / breakpoint:メディアクエリを切り替える条件値です。
- mobile-first / mobile-first:狭い幅を基本にし、広い画面で必要なスタイルを追加する考え方です。
第8章:読みやすい見た目を設計する
- 近接 / proximity:関係のある情報を近くに置き、ひとまとまりとして見せる考え方です。
- 整列 / alignment:文字や部品の端などを共通の線にそろえる考え方です。
- 反復 / repetition:同じ役割の要素に同じ見た目や配置をくり返し使う考え方です。
- 対比 / visual contrast:重要度や役割の違いを、色・大きさ・太さ・余白などの差で見せる考え方です。
- 視覚的階層 / visual hierarchy:情報の重要さに応じて、見つける順や目立ち方を組み立てたものです。
- コントラスト / contrast:文字や形と、その背景との見分けやすさに関わる差です。
- 余白 / white space:文字や部品の周りに設ける空きです。
第9章:アクセシビリティと素材の権利
- Webアクセシビリティ / web accessibility:障害のある人を含む多様な利用者が、Web上の情報や機能を知覚し、理解し、操作できるようにすること。
- キーボード操作 / keyboard operation:キーボードのキーでリンクや入力欄などを選び、操作する方法です。
- 著作権 / copyright:著作物を作った人が持つ、その作品の使い方を決める権利です。作ったときに生まれ、登録は要りません。利用を許可する権利は譲渡などで作者以外が持つ場合もあります。
- 知的財産権 / intellectual property rights:著作物や発明、商標などの知的財産を法律で保護する権利です。著作権や特許権などがあります。単なる思い付きが、すべて保護されるわけではありません。
- ライセンス / license:著作物などを利用する条件や許諾の範囲を示すもの。本書では配布元の条件を確認する意味で使う。
- WCAG / Web Content Accessibility Guidelines:W3Cが公開する、Webコンテンツのアクセシビリティに関する指針です。
- JIS X 8341-3:2016 / JIS X 8341-3:2016:デジタル庁がウェブアクセシビリティ方針の参照規格として示している日本産業規格です。
第10章:企画から公開後の管理まで
- 要件 / requirements:作るページに必要な内容や条件です。
- ワイヤーフレーム / wireframe:ページに何をどこへ置くかを表す簡単な配置図です。
- 検証 / validation and testing:作ったページが決めた条件に合うかを調べることです。
- 公開 / publishing:ページを利用者が見られる場所に置くことです。
- 更新 / update:公開したページの情報や内容を新しく直すことです。
- バージョン / version:ファイルを直した段階を区別するための番号や記録です。