中小企業診断士 過去問
平成27年度（2015年）
問162 (経営情報システム 問2)

正解は、「①：CSS　　②：PHP　　③：SSI　　④：SVG」です。

【基礎知識】

Webサイト開発における言語等の知識が問われています。

Webページを記述するための言語はHTMLというマークアップ言語が用いられます。

HTMLはWebサイトの文字などを表出させ、文書構造を決定し、ハイパーリンクで他のページへのリンクを作るため（裏返せばこれのみ）のプログラミング言語になります。

HTMLだけでは、建築で言うと骨格ができただけで建物とは言えません。そのため、文字等の装飾等を専門にしているCSSという言語を合わせて用います。HTMLとCSSはほぼセットで使われます。

これで装飾を含めた見せたい画面の作成と、他のページにリンクする機能を備えたページができます。

しかし、Webサイトを考えると、これだけではありません。例えば買い物をする際に商品をクリックして“買う”ボタンを押すなど、動きも出てきます。

こういった動きを出すために、HTMLとセットで使われるのが、PHPやJavaScriptという言語が使われます。

ここで、先ほどの“買う”処理を行う際に、クライアント（買う側のページ）で処理することもできますし、サーバー側（商品提供側のページ）で処理することもできます。

この時、サーバー側で用いられるプログラムの代表がPHP，クライアント側の代表がJavaScriptになります。

このようにWebページを作ると言っても様々な知識が必要になります。

しかし、最近ではWordPressのように、簡単にページを作るツールができています。CMS（ContentsManagementSystem）と呼ばれ、一元で管理、作成が可能です。

【選択肢評価】

① Webページの文字の装飾とありますので、CSSになります。

② サーバ側ですので、PHPになります。

③ SSIのことです。SSIとは、HTMLと一緒に使われる言語で、サーバ側でコマンドを実行し、クライアント側に送信する技術になります。

④ SVG（ベクタイメージ）のことです。

最も適切な組み合わせは「①：CSS　②：PHP　③：SSI　④：SVG」です。

Webページの作成には、文字や画像の表示方法を指定するもの、サーバ側で処理を行うもの、図形を表現するものなど、さまざまな技術が使われています。

それぞれの役割を理解することが重要です。

① CSS（Cascading Style Sheets）

CSSは、Webページの文字の色や大きさ、配置、背景色など、見た目を指定するための言語です。

例えば、見出しを赤色にしたり、文字を中央に配置したり、表の枠線を設定したりできます。

Webページの文章や表の基本的な構造はHTMLで作成し、その見た目をCSSで整えるのが一般的です。

したがって、①に該当するのはCSSです。

② PHP（PHP: Hypertext Preprocessor）

PHPは、Webサーバ側でプログラムを実行し、その結果をWebページに表示するための言語です。

例えば、会員のログイン処理や、データベースから商品情報を取り出して表示する処理などに利用されます。

PHPはHTMLの中に記述することができ、サーバ側で処理した結果を利用者のブラウザに送ります。

また、データベースとの連携が容易であることも特徴です。

したがって、②に該当するのはPHPです。

③ SSI（Server Side Includes）

SSIは、Webページに特別な指示を埋め込み、Webサーバ側で処理した結果を表示する仕組みです。

例えば、複数のWebページに共通するメニューを読み込んだり、現在の日付を自動的に表示したりできます。

サーバ側で指示を処理してからWebページを利用者に送るため、表示する内容を自動的に変更できます。

したがって、③に該当するのはSSIです。

④ SVG（Scalable Vector Graphics）

SVGは、図形や画像をXMLという形式に基づいて記述するための画像形式です。

SVGでは、線や円、四角形などを数値や文字で表現します。

一般的な写真などに使われる画像形式とは異なり、拡大・縮小しても画像が粗くなりにくいという特徴があります。

そのため、Webページのロゴやアイコン、グラフなどに利用されています。

したがって、④に該当するのはSVGです。