【意外と簡単】マークアップ言語とプログラミング言語の違いを解説

Engineer

近年、プログラミングを勉強する人が増えてきたと思います。
そこでこんな悩みがあるのではないですか?

悩む人

「マークアップ言語って何?」
「プログラミング言語と何が違うの?」
「どうやって勉強したらいいの?」

これらの悩みに応えます。
これからプログラミングを学ぼうとしている人や駆け出しの方におすすめの内容です。

本記事を読むと

  • マークアップ言語とプログラミング言語の違いが理解できる
  • プログラミングの勉強方法を確立できる

僕自身、現役エンジニアとして働いています。
もともとは完全未経験で就職をしたので、全くプログラミングがわかりませんでした。
そこで学びに使ったもの、現状使っているものも含めて紹介していければなと思います。

目次

1. マークアップ言語とプログラミング言語との違い

1. マークアップ言語とプログラミング言語との違い

プログラミングを学ぼうとする時にまずHTMLやCSSから学ぶ方が多いと思います。しかし、実はこれらはプログラミング言語ではありません。

プログラミングを学ぶ上で、大きな支障があるかといえばないかもしれませんが知っておくべきことですので、最後まで読んでもらえればと思います。

マークアップ言語とは

マークアップ言語を一言で表すと、「タグで囲むことで構造を表現する言語」です。

具体的には以下です。

  • 文章構造を表す言語
  • タグで加工ことで構造を表現するもの
  • 具体的にはHTMLやXMLと呼ばれるもの

例えば、ここは見出し、ここは改行、ここは文章といったような構造を指定できます。

これらを開始タグと終了タグで囲むことでWebブラウザに表示できます。

例) <要素>内容</要素>

プログラミング言語とは

プログラミング言語を一言で表すと、「コンピュータへ命令を出すためにコンピュータが理解できるように表す言語」です。

例を挙げると、外国人は日本語が理解できないですよね?
アメリカ人(コンピュータ)に指示を出す時には英語(プログラミング言語)を使います。これと同じ原理です。

プログラミング言語は非常に多く、画面上に見えるフロントエンドとサーバー側で使うバックエンドに分かれます。
これらを詳しく知りたい方は、「フロントエンド」と「バックエンド」とは?意味の違いとエンジニアの仕事をどうぞ。

2. マークアップ言語とスタイルシート言語とは?

2. マークアップ言語とスタイルシート言語とは?

HTMLとCSSはセットで学ぶと思いますが、こちらも分類されます。
両方ともプログラミング言語ではないのでこれらも解説します。

マークアップ言語とは

上記でこちらは説明しましたので、こちらから確認してみてください。

スタイルシート言語とは

スタイルシート言語を一言で表すと、「Webページの見た目を整えるための言語」です。

具体的には以下です。

・HTMLで指定した文章構造の見た目を整えるもの
・HTMLとセットで活用するもの

例えば、背景は黒色、位置を右寄せに、見出しはこのフォントといったような指定ができます。

HTMLで指定したタグを定義することでスタイルを適用できます。

HTMLで指定した要素(クラス名){
 背景:黒
}

3. おすすめのプログラミング学習方法

3. おすすめのプログラミング学習方法

これからプログラミングを勉強したい方や、おすすめの勉強方法が知りたい方はこちらを参考にしてみてください。

Progate

Progate

引用元:Progate

Progateはユーザー数140万人(2020年時点)を超える一部無料の学習サイトです。

特徴は圧倒的なわかりやすさです。
学習スタイルはスライド形式で、デザインもポップな感じですので、初心者の方にはおすすめです。

僕も一番初めはProgate から勉強を始めました。

ドットインストール

ドットインストール

引用元:ドットインストール

ドットインストールも一部無料の学習サイトです。

特徴は幅広く学べるコンテンツの量です。
学習スタイルは約3分の動画形式で、実際に説明を聴きながら学ぶことができます。
また、実際にミニアプリなどを作ったりする講義もあるので、ある程度慣れてきたりした人におすすめです。

僕は現在も活用しています。

Udemy

Udemy

引用元:世界最大級のオンライン学習サイトUdemy
Udemy

一通り学んだ方にはこちらをおすすめします。
特徴は自分の好きな講義だけを集中して学ぶことができる点です。

学習スタイルは動画で、買い切り型のコンテンツです。
月額性ではなく、ここを学びたい!という方はこちらを使いましょう。
世界最大級のオンライン学習サイトUdemy
Udemy

4. まとめ

まとめ

いかがでしたか?

プログラミングを学ぶ上で、マークアップ言語とプログラミング言語をこれで理解できたのではないでしょうか。

あとは実際に手を動かしていくだけです。
自分に合った学習方法を確立して、スキルアップしていきましょう。

人気記事【テレワーク必見】2020年に買って仕事が効率化したグッズ10選

人気記事今日からできる社会人の時間の作り方10選【時間は自分で作り出そう】