「これからプログラミングを学ぼうと思っているけど、なにから始めれば良いか分からないし、どの言語を学べばよいかも分からない。」
「何かオススメの言語とかないかな?そうえいばHTMLって聞いたことあるけど初心者にオススメなのだろうか?」
といった疑問を解決します。
本記事では、これからプログラミングを始めようと思っている方にHTMLがオススメな理由やHTMLの学習方法を紹介しています。
そもそもHTMLは何をするための言語なの?
HTMLとは
HTML(HyperText Markup Language)はwebページを作るのに必要とされる言語の1つです。
現在web上のサイトやブログなどのほとんどがHTMLで構成されており、webサイトを作るのに必要不可欠と言っても過言ではないでしょう。
例えば、普段何気なく使っているweb上のサービスやYouTubeなどの有名サイトのレイアウトもHTMLで書かれています。
実際にHTMLを見てみたいという方はマウスを右クリックし、「ページのソースを表示」をクリックすると、そのページのHTMLを見ることができます。(難しそうに見えるかもしれませんが、全てがHTMLで書かれているわけではないので挫折しないでください笑)
HTMLに限らず、プログラミング言語はコンピュータに理解させるための言語なので、最初は読めなくて当然です。
HTMLとセットでよく聞くCSSとは
HTMLとセットでよく聞くCSSですが、こちらはHTMLと組み合わせて使う言語です。
簡単なイメージとして、HTMLでサイトのレイアウトや文章(サイトの骨組み)を書き、CSSで装飾(肉付け)するといった感じになっています。
例えば、CSSを使って文字の色を赤色にしてみました。
こんな感じで、
- 文字の色を変える
- 文字にアンダーラインを入れる
- 背景色を入れる
のように多くの装飾を施すことができるので、HTMLとCSSと合わせることでより綺麗なwebサイトを作ることができます。
現在のwebサイトはHTMLとCSSで作られたものがほとんどなので、セットで覚えることでwebサイトの仕組みも理解できるようになり一石二鳥です。
HTMLがプログラミング初心者にオススメな理由
プログラミング言語は数多く存在しますが、その中でもHTMLが初心者にオススメだと聞いたことがある方も多いのではないでしょうか。
HTMLがプログラミング初心者にオススメな理由は沢山あるのですが、ここでは以下の2点を紹介します。
- HTML学習は挫折しづらい(シンプルな言語である)
- 自分で作ったコード内容が目に見えて分かる
他のプログラミング言語を学ぼうと思っている場合でも、作ったアプリやサービスをweb上で公開する際にHTMLを使用する場合がある(アプリのレイアウトもHTMLを使用したりする)ので、最初は理解しやすく多くの場所で用いられているHTMLからプログラミングに入るのがオススメです。
HTML学習は挫折しづらい
HTMLがオススメな理由として、学習中に挫折しづらいという特徴があります。
アプリ開発などで使うプログラミング言語と比べ、コードの役割がシンプルであり、書かれている内容も理解しやすいです。
HTMLは、主にタグ(赤いアンダーラインの部分)でコンテンツを囲むことで、そのコンテンツに役割を与えます。
例えば、重要性や緊急性が高い文字コンテンツは<strong>タグで囲むことで太字になります。
タグの種類は多いので全てを暗記するのは大変ですが、基本的なタグや頻繁に使用するタグはそこまで多くないので、簡単に覚えることができ挫折しづらいです。
自分で作ったコード内容が目に見えて分かる
プログラミングでアプリ開発などをする時、開発用の環境を整えないといけない場合があります。
しかし、HTMLの場合はコードを書くためのエディターをダウンロードするだけで書き始めることができ、自分で書いたコードがweb上でどのように表示されるのかをすぐに見ることが可能です。
プログラミング言語の学習において、自分の書いたコードがどのように動いているのか(表示されているのか)が分からず、モチベーションが下がってしまい挫折してしまう人が多いようです。
HTMLの場合は自分の書いたコードがweb上でどのように表示されるのかをすぐ確認できるので、自分のやっていることが理解しやすくモチベーションも下がりづらいです。
HTMLを学ぶオススメな方法
プログラミング初心者の方がHTMLの基礎を学習する際にオススメな方法を紹介します。
有料のプログラミングスクールなどもありますが、HTMLの基礎学習は初心者でも無料のオンライン講座や本での独学で十分です。
動画で学習する
動画でHTMLの学習をしようと思っている方にオススメな動画講座を2つ紹介しています。
Creator Quest
【HTML入門】#01. HTMLの基本を学ぼう!
YouTube内でも評価の高いHTML入門の動画です。シリーズものになっています。
HTMLがどのようなことをする言語なのかイメージが沸かない方にも分かりやすく説明されているので、最初の入りとして視聴すると良いでしょう。
シリーズ全てを見るとwebサイトを自分で作れるレベルにまでなれるので、この動画シリーズだけでもHTMLの基礎は大丈夫だと思います。
ドットインストール
3分の動画でプログラミングを学ぶことができるので、隙間時間などでも学習できます。
HTMLやCSSの基礎は全て無料のレッスンとなっているので、アカウントを作ればすぐに学習をスタートできます。
また、HTMLやCSS以外のプログラミング言語のレッスンも豊富に取り扱っているので、今後他の言語も学習したい方はアカウントを作っておくと良いかもしれません。
最後に
今回はプログラミング初心者にHTMLがオススメな理由と、学習方法について紹介しました。
HTMLを身に付けることによって、サイト制作やwebデザインの知識が身に付きます。
また、将来的にプログラミングを使って働きたい・稼ぎたいというエンジニア志望の方には必須の言語となっているので、この機会に学習してみてはいかがでしょうか。