レスポンシブWebデザイン

PC、タブレット、スマートフォンなど、閲覧するデバイスの画面サイズに応じてWebページのレイアウトを自動的に調整するデザイン手法。

PC、タブレット、スマートフォンなどの画面サイズに応じて、レイアウトやコンテンツの表示を自動的に最適化するWebデザイン手法。メディアクエリやフレキシブルグリッドを使用して実現する。

1つのHTML文書を、閲覧する端末の画面の大きさに応じて、CSSのメディアクエリなどでレイアウトを自動的に切り替えて表示する設計の手法。パソコン、タブレット、スマートフォンごとに別のページを用意せずに済み、URLも1つにまとまる。

1つのHTMLを、CSSのメディアクエリなどを使い、閲覧する端末の画面幅に応じてレイアウトを自動的に切り替えて表示する設計手法。端末ごとに別のページを作る必要がなく、URLが1つにまとまるため管理しやすい。

Webサイトやアプリケーションの設計において、スマートフォンなどのモバイル端末での表示・操作を最優先に設計し、その後にPC向けを拡張していくアプローチ。

CSSで画面の幅や向き、解像度といった条件を指定し、条件に応じたスタイルを適用する仕組み。1つのHTMLでPCとスマートフォンの両方に対応する、レスポンシブWebデザインの中核技術。

Webブラウザ上でネイティブに近い速度でプログラムを実行するためのバイナリ命令形式。C/C++、Rustなどからコンパイル可能で、JavaScriptと連携して動作する。サンドボックス環境で安全に実行される。

Webページの構造を記述するためのマークアップ言語。タグを用いて見出し、段落、リンク、画像などを定義する。HTML5では動画・音声の埋め込みやCanvasによる描画機能が追加された。CSSやJavaScriptと組み合わせて使用。

JavaScriptのオブジェクト表記法をベースにした軽量なデータ交換フォーマット。キーと値のペアで構造化データを表現し、Web APIのレスポンス形式として広く使用される。XMLより軽量で可読性が高い。

Webサイトやアプリケーションにおいて、ユーザーが目的の情報やページに移動するための仕組み。グローバルナビゲーション、ローカルナビゲーション、パンくずリストなどの種類があり、直線型、階層型、Webリンク型、フォークソノミー型などの構造がある。