【初心者向け】Webサイト制作で使われるプログラミング用語、さらに知っておきたい用語

投稿日 2025.08.21(木)
著者米澤菜保
カテゴリー Web制作

”Webサイト制作で使われるプログラミング用語が難しすぎる…”

こんな悩みを抱えていませんか？

中小企業で新しくWeb担当者になった方にとって、Webサイト制作の用語やプログラミング用語は避けて通れません。

しかし、Web担当になるまでほとんど耳にしたことのない言葉ばかりで、どこから覚えれば良いのか分からない人も少なくありません。

その結果、ホームページ制作会社とのやり取りや社内での調整に時間がかかってしまうことも考えられます。

例えば、「このページのHTMLが間違っています」と言われても、”HTML”の意味が分かっていなければ、余計な修正が発生するリスクがあります。

そこでこの記事では、初心者Web担当者が最低限おさえておくべきプログラミング用語と、さらに知っておきたいWeb関連用語を解説します。

Webサイト制作に必須の5つのプログラミング用語

Webサイト制作に必須の、5つのプログラミング用語がこちらです。

HTML（エイチティーエムエル）
CSS（シーエスエス）
JavaScript（ジャバスクリプト）
Python（パイソン）
Ruby（ルビー）

初心者Web担当者でもイメージしやすいよう、具体例と一緒に順番に解説していきます。

1.HTML（エイチティーエムエル）

「HTML」とは、Web制作において”骨組み”となる部分で、家で例えるなら柱や壁にあたります。

Webページ上の「見出し」「リンク」「画像」「表やリスト」などを、どこに配置するか決めるのがHTMLの役割です。

HTMLでよく使われるタグには、次のようなものがあります。

<h1~h6>・・・見出し
<p>・・・段落
<a>・・・リンク
<img>・・画像
<u1>・・・箇条書きリスト

など

例外もありますが、基本的にHTMLのタグには開始タグと終了タグがあります。

一見複雑に見えるHTMLですが、最低限「見出し」「段落」「リンク」「画像」「箇条書きリスト」のタグさえ覚えれば、1ページを作ることができます。

2.CSS（シーエスエス）

「CSS」とは、Webページのデザインを整えるための用語です。

例えば、文字の色を赤くしたり、ボタンを丸くしたりといった装飾が可能です。

見出しの色を赤くする場合・・・h1 { color: red; }
ボタンを丸くする場合・・・button { border-radius: 10px; }

先ほど説明したHTMLがWebページの骨組みだとすると、CSSはその骨組みに服を着せるような役割と考えると、イメージしやすいかもしれません。

3.JavaScript（ジャバスクリプト）

「JavaScript」とは、Webページに動きや反応をつける用語です。

例えば、クリックやスクロールに応じて画像が切り替わるスライドショー、フォームの入力内容に不備があった場合のエラー表示などが、JavaScriptの役割にあたります。

初心者のWeb担当者にとっては少しハードルが高く感じるかもしれませんが、まずは“動きや反応を付けるためのツール”くらいのイメージで問題ありません。

4.Python（パイソン）

「Python」とは、Web制作だけでなくデータ分析やゲーム開発、AIなど幅広い分野で使われるプログラミング言語です。

「Python」のコードは、英語の文章に近い書き方で書けるため、初心者でも使いやすいと世界中でも人気を集めています。

＜簡単な計算＞

a = 10,b = 5
print(a + b)
⇒# 15と表示

＜繰り返し処理＞（「こんにちは」を3回表示させる）

for i in range(3):
print(“こんにちは”)

例えば、料理レシピサイト「クックパッド」ではレシピの検索やおすすめ機能の裏側で、「YouTube」ではおすすめ動画の提示やデータ分析の際に、Pythonが活用されています。

初心者のWeb担当者がPythonを覚えるには、「何度も書いてみること」が一番の近道です。

簡単な計算や繰り返し処理を実際に作ってみることで、自然と理解が深まっていくでしょう。

5.Ruby（ルビー）

「Ruby」とは、Web制作でよく使われるプログラミング用語です。

さらに、「Ruby」の開発者が日本人であるため、日本語の情報が豊富です。

そのため、初心者でも学びやすい点が大きな魅力と言えます。

＜画面に「こんにちは」を表示させる＞

puts “こんにちは”

＜繰り返し処理＞（「こんにちは」を3回表示させる）

3.times do
puts “こんにちは”
end

先ほど説明した「Python」と「Ruby」の違いを、以下にまとめてみました。

	Python	Ruby
用途の違い	データ分析やゲーム開発、AI ⇒Web以外の用途が特に強い	Webアプリ制作に強い
文法	シンプルで読みやすい英語の文章のように書ける	日本語の情報が豊富書き方の自由度が高い
難しさ	初心者でも直感的に理解しやすい	自由度高い反面、少し慣れが必要