押さえておきたいWeb知識 
Web知識を勉強している人
プログラミング言語とマークアップ言語の違いについて知りたいな!
上記のようなお悩みを持っている方はいないでしょうか?
この記事は上記のような疑問を解消するものとなっています。
- プログラミング言語とは?
- マークアップ言語、スタイルシート言語とは?
- HTMLとCSSをもっと学習したい方へ
最近、プログラミング教室が増えてきており、プログラミングという言葉をよく耳にするようになりました。
また、プログラミング言語を学ぼうとしているのだけれども、何から学べばいいのだろうと迷う方もいるかと思います。
手始めにWebサイトを構築する時に使用するHTMLやCSSから学ぶ人もいらっしゃるかもしれません。
実はHTMLやCSSはプログラミング言語ではありません。
HTMLはマークアップ言語、CSSはスタイルシート言語に分類されます。
このページでは「プログラミング言語とは何か」「マークアップ言語とは何か」「スタイルシート言語とは何か」を解説していきます。
気になる方は是非、最後まで読んで頂ければと思います。
- 侍テラコヤ（2022年12月6日まで年間定額・半年定額プラン限定初月80%OFF）
⇒ 学び応援キャンペーンでお得に申し込む!
・【超安心】1か月間全額返金保証付き
・単月定額と比べて総額最大44,400円OFF
・学び応援キャンペーン実施中! - DMM WebCamp（無料相談から1週間以内に決済完了するとamazonポイントを5,000円分プレゼント）
⇒ 無料オンライン相談に申し込む！
・チーム開発など実務に使い実践的なカリキュラムを受けれる！
・毎日15時～23時に常駐の現役エンジニア講師が素早くチャットでサポートしてくれる！
・転職成功まで伴走するキャリアサポート - ポテパンキャンプ
⇒ 無料カウンセリングに申し込む！
・就職支援を前提としたプログラミングスクール
・キャリア形成に適した転職支援サービスが充実
・実務豊富なキャリアカウンセラーが在籍
目次
1.プログラミング言語とは?
プログラミング言語には「C言語」「C#」「Java」「Pyton」「Ruby」「PHP」等があります。
代表的なプログラミング言語を上記に挙げましたが、マイナーなプログラミング言語を含めると数百種類に及びます。
プログラミング言語を使用して足し算、引き算、掛け算、割り算などができ、効率的にデータ処理が可能です。
このようにプログラミング言語はコンピューターにデータ処理を命令するための言語となっています。
プログラミング言語を人間の言語に例えると、、
この説明だけでは分かりにくいので、人間の言語に例えて解説します。
例えば、私たちは会話をする時、異なる言語での会話はできません。
相手が英語を話す人であれば、英語を使用する必要があります。
また、相手が日本語を話す人であれば、日本語を使用する必要があります。
人間の言語と同様、人間がコンピューターに命令をする場合、コンピューターが理解できる言語で指示をする必要があるのです。
コンピューターのCPUと呼ばれる部分は数字の「0」と「1」の2種類のみしか理解できません。
人間は「0」と「1」の数字の羅列を見ても内容を理解することができないので、コンピューターに命令をするために人間が分かりやすい言語を使う必要があります。
そこで、人間が分かりやすい言語に作られたのがプログラミング言語ということになります。
プログラミング言語が「0」と「1」の数字に変換されることでコンピューターに命令ができるようになっています。
色々な言語を話す人がいるように、コンピューターの種類によって様々なプログラミング言語が存在しています。
プログラミング言語について詳しく知りたい方は是非「これからはじめるプログラミング 基礎の基礎」もご覧ください。
＼Kindle版だとお得に読める!／
2.マークアップ言語、スタイルシート言語とは?
主なプログラミング言語の例に「HTML」や「CSS」が挙げられませんでしたが、実はこの2つの言語はプログラミング言語ではないからです。
HTMLはマークアップ言語、CSSはスタイルシート言語に分類されます。
マークアップ言語とは?
マークアップ言語とは、文書の構造を指定する言語です。
プログラミング言語がコンピューターを動かす言語に対して、マークアップ言語は文章構造に関する言語なので、HTMLはプログラミング言語に含まれません。
例えば、HTMLでは「ここは見出し、ここは段落、ここは画像、ここはリンク」といった文章構造を定義できます。
マークアップ言語はタグを付けることでWebページの文章構造を組み立てることができます。
タグは開始タグと終了タグで囲むことでWebブラウザに表示させることができます。
例えば、<title>Web.com</title>とタグで囲むと、WebサイトのタイトルがWeb.comと表示されます。
タグを使用すると、文章を見出しにする、画像を表示する、改行する等のことができます。
スタイルシート言語とは?
スタイルシート言語とは、文章のスタイルを指定するための言語です。
プログラミング言語がコンピューターを動かす言語に対して、スタイルシート言語は文章のスタイルを指定する言語なので、CSSはプログラミング言語に含まれません。
例えば、CSSでは「見出しは太字、背景は白色、画像の大きさは縦横300px」といった文章のスタイルを定義できます。
HTML/CSSについて詳しく知りたい方は是非「ちゃんと知っておきたい人のHTML/CSS完全入門: HTML習得の最短講座！1日３０分で楽しく学ぼう！」もご覧ください。
Kindle Unlimitedの会員登録であれば無料で読むことができます。
現在、30日間の無料体験を行っているので是非利用してみてはいかがでしょうか!?
＼kindle unlimitedだと無料で読めます!／
3.【無料体験アリ】オススメの大手プログラミングスクール一覧
ここではオススメの大手プログラミングスクールをご紹介します。
無料体験・無料説明会を実施しているプログラミングスクールもあるので少しでも気になるという方は是非利用してみてはいかがでしょうか?
| プログラミングスクール名 | 特徴 | 無料体験 | 詳細 | 公式HP |
| TechAcademy | ・オンライン完結型 ・幅広いカリキュラムを取り扱っている ・サポートが手厚い ・オリジナルサービス制作ができる |
〇 | ||
| CodeCamp | ・オンライン完結型 ・マンツーマン指導 ・365日、7時から23時まで受講可能 ・IT企業や大手企業の研修プログラムに採用されている |
〇 | ||
| DMM WEBCAMP | ・「現役エンジニア」講師が日々の学習をトータルサポート ・科学的根拠に基づいた独自メソッド「ITスキル習得の3ステップ」で、着実にスキルが身につく ・未経験でも短期間で上達できる「ICEモデルに基づく独自カリキュラム」を採用 ・完全無料の転職/副業サポートが充実 |
〇 | ||
| ポテパンキャンプ | ・Web系開発企業への転職に強い ・現場が認める専用カリキュラム ・経験豊富なエンジニアがレビュー ・卒業生限定の求人紹介 ・実績豊富な学習サポート |
〇 | ||
| Tech Boost | ・目的に応じたコース・メンタリング回数の選択が可能！ ・現役エンジニアがあなたを徹底的にサポート ・充実のキャリアサポート ・オリジナルアプリを0から作れる |
〇 | ||
| 侍エンジニア塾 |
・専属マンツーマンレッスンの学習効率 ・完全オーダーメイドカリキュラム ・オリジナルWebサービス開発 |
〇 |
4.ポイント
- プログラミング言語はコンピューターに命令をする言語です
- マークアップ言語は文書の構造やレイアウトを指定する言語です
- スタイルシート言語は文章のスタイルを指定するための言語です
