HTMLとCSSはプログラミング言語じゃないよ!初心者が知らないと恥ずかしい基礎知識

「HTMLとCSSでウェブサイトができた〜!これで私もプログラマーだ!」
と思っている方、HTMLとCSSはプログラミング言語ではないですよ。

こんにちは、たびんちゅうプログラマーのカンです。
ここ最近は、pyhonと動画制作にはまっています。

今回は、「HTMLとCSSはプログラミング言語ではないですよ!」というお話です。

HTML・CSSはプログラミング言語ではない!

HTMLとCSS

結論から言うと、HTMLは「マークアップ言語」、CSSは「スタイルシート」と言います。

HTMLは「タグ」と呼ばれるもので、文字情報にクラス名などで「マーク」をつけることからマークアップ言語と呼ばれます。

CSSは、HTMLのマークに装飾をして「スタイル」を整えることから、「スタイルシート言語」と呼ばれます。

ただし、CSSのこともマークアップ言語と呼ぶ人もいるので、マークアップ言語でもスタイルシート言語でも問題ないです。

そして、HTMLとCSSができる人のことを、「コーダー」と言います。

プログラミング言語とは「動作処理」が行われるもの

スマートフォンで決済機能

プログラミング言語の定義を簡単にすると、「動作処理が行われるもの」です。

例えば、電卓です。
電卓で「1 + 1 =」とすると、「2」という表示が現れます。

このように、動作に対して結果が出力されるものをプログラミング言語と言います。

その観点で考えたときに、HTMLは「タグ」で文字情報を出力するだけですし、CSSはHTMLを装飾するだけなので、プログラミング言語とは言いません。

一例として、人気の高いプログラミング言語をご紹介します。

【 有名なプログラミング言語 】

  • PHP
  • Java Script
  • Python
  • Ruby on Rails
  • C(#)

これから本格的にプログラミングを覚えようとしているあなたへ

プログラミング

これから本格的にプログラミング言語を覚えようとしているのであれば、本で学習することはオススメしません。

理由は2つあります。

  • 最新情報がアップデートされない
  • 本にコードのエラーがあると、進まずに挫折する

マークアップ言語も含め、プログラミング言語は常に情報がアップデートされていきます。

1年前までは推奨されていたコードの書き方が、1年後には非推奨になっていることはよくあります。
6ヶ月前の本でも、個人的にはあまり信用できません。

「最新の本を買えばいいんじゃないの?」と思われますが、最新の本はエラーコードが多少なりともあり、本にあるコードをコピペしても上手くいかずに挫折する可能性があります。

そのため、これから本格的にプログラミングを習得しようとするのであれば、オンラインプログラミング学習を使い倒しましょう。

オンラインプログラミング学習でオススメのサイト2選

オンラインプログラミング学習

僕自身が、本を使用せずにオンラインプログラミング学習を3ヶ月やっただけで、月20万円も稼げました。

当然、営業活動はしましたが、3ヶ月やるだけで20万円程度稼げる技術が身につくことは保証します。

そこで、オススメのオンラインプログラミング学習の2つのサービスをご紹介します。

  • 【超初心者向け】プロゲート
  • 【初心者向け】ドットインストール

書いたコードをすぐに確認できる「プロゲート」

「とりあえず、やってみたい!」という方は、プロゲートがオススメです。
理由は下記の2つです。

  • 打ったコードがそのまま画面に表示される
  • つまづくところがない

プロゲートの最もオススメポイントが、打ったコードがそのまま画面に表示される点です。

自分が書いたコードが、右の「プレビュー」というところですぐに確認できるので、「あー自分って成長してるなー」と実感できます。

progateスクリーンショット

そして、わからないところは説明を見たり、答えを見ればすぐに解決するので、つまづくことがないです。

実際にウェブ上で表示を確認できる「ドットインストール」

プロゲートが超初心者向けなのに対し、ドットインストールは初心者向けという位置付けです。
理由は下記2つです。

  • 動画学習なので、初心者でもわかりやすい
  • 実際にファイルを使用するので、すぐに実務に取りかかれる

上記2つが、ドットインストールの特徴です。

動画学習なので、初心者でもわかりやすいように丁寧に説明されています。

動画の内容も随時バージョンアップされているので、アップデートによるエラーが起こることはないです。

また、実際のファイルを使用して学習するため、コーディング以外の基本的な仕組みも理解できます。

そのため、コード以外の部分でのミスでつまづく人がいるため、プロゲートよりは難易度が高いです。

それでは、またの機会に!

Related

お仕事依頼はコチラ

ウェブデザイン

最強フリーランスチーム

FREELANCE

全国の多種多様なフリーランスの集団が、あなたの課題解決にコミットします。

なかざわかん

ラクロスで世代別日本代表になり、その後就職せずにとりあえず路上で靴磨きを始める。

スポーツスクールを5団体立ち上げ、デザイン・コーディングで100社以上のホームページ立ち上げに関わり、年商20億円の会社のシステム開発・運用。

【できること】 HTML / CSS / Java Script / PHP / Python 。