PD-S開発・運用の方法論 · Webアプリケーション開発

SVG

Scalable Vector Graphics

えすぶいじー

図形を点・線・面の座標や属性で記述するベクター画像の形式で、XMLで記述する。拡大・縮小しても画質が劣化せず、テキストなのでCSSやJavaScriptで色や形を変えたり動かしたりできる。Webページのアイコン、ロゴ、グラフなどに使われる。

#XML #ベクター画像 #Webデザイン

共有:

他の資格での定義

FESVG

図形を点や線の座標としてXMLで記述するベクター形式の画像規格。拡大しても輪郭が粗くならず、ファイルサイズも小さい。ロゴやアイコン、グラフの表示に適し、主要なWebブラウザが標準で対応している。

Past Exams

過去問での出題

過去問で 12 回出題（応用情報技術者試験 7・高度試験午前Ⅰ 4・基本情報技術者試験 1）

残り 2 件を表示

出典: 独立行政法人情報処理推進機構（IPA）の過去問題。問題文は IPA のサイトの PDF で確認できます。「選択肢」は、問題文ではなく選択肢に出たものです。用語名で照合しているため、関係の薄い問題が含まれることがあります。

関連キーワードの用語

PD-Sフレーム（Webデザイン）

Webページの表示領域を複数の区画に分け、区画ごとに別のHTML文書を表示する仕組み。メニューを固定したまま本文だけを切り替えるといった画面の構成に使われたが、URLが表示の内容と対応しない、ブックマークや検索エンジンと相性が悪いなどの問題があり、現在はページの一部に別の文書を埋め込むiframeが主に使われる。

PD-S空間近接原理

互いに近くに配置された要素は、関係のある1つのまとまりとして認識されるという原理。ゲシュタルト心理学の知見に基づく。Webデザインでは、関係する見出し・本文・ボタンを近づけ、関係のない要素の間には余白を取ることで、線や枠を増やさずに情報の構造を伝える。

PD-Sサイトマップ

Webサイト全体のページの構成を一覧できるように示したもの。利用者向けに階層構造を一覧にしたページと、検索エンジンにページの所在を知らせるためのXML形式のファイルがある。サイトの設計の段階では、ページの構成と階層を整理する図としても使う。

PD-SレスポンシブWebデザイン

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

PD-Sスクローリーテリング

スクロール（scroll）とストーリーテリング（storytelling）を組み合わせた語で、利用者がページをスクロールするのに合わせて、図表、画像、アニメーションなどが切り替わりながら物語のように情報を伝えるWebの表現手法。報道機関のデータ報道などで、複雑な情報を段階的に理解させるのに使われる。

PD-SSOAP

XMLで記述したメッセージをHTTPなどで送受信して、ネットワーク上の別のシステムの機能を呼び出すためのプロトコル。メッセージの形式が厳密に定められ、WSDLでサービスのインタフェースを記述する。企業間のシステム連携で使われてきたが、現在はより簡素なRESTの形式のAPIが主流となっている。