プログラミング学習始め方のツボ

【プログラミング初心者必見!】『HTML(エイチティーエムエル)』学習のツボ

「プログラミング学習のツボ」へようこそ!
管理人のKENです。

本サイトでは、文系・初心者の私が、プログラミング学習を進める中でつまづいたこと、
最初から知ってれば良かったということをまとめていきます。

これからプログラミング学習を始める方の一助になれば幸いです。

詳しい方からすれば、
プログラミング言語とは言えないかもしれませんが、
今回は『HTML(エイチティーエムエル)』のお話です。


『HTML(エイチティーエムエル)』とは何か?

『HTML』を一言で言うと、
インターネット上にあるウェブページを作る為の言語です。

皆さんが良くみるyahooニュースの記事、
お気に入りのブログサイト、
調べたい会社やサービスのサイト、
これらは全て、
『HTML』をベースに作られています。

(厳密に言えば、
『CSS』や『Javascript』といった他の言語で装飾したり、
機能をつけたりすることで、
皆さんが良く見るウェブページとなるのですが、
今回はそこまでお話しません。
まずは難しく考えず、
今は一旦『HTML』に集中しましょう!)

つまり、HTML』を学習して身につければ、
簡単なウェブページを、
自分で一から作れるようになるということです。

もし、自分好みに、
自由にホームページを作りたい!
という方がいたら、
ぜひ学習すべき言語と言って良いでしょう。

ちなみに、
『HTML』とは何の略でしょう?
答えは、
『HyperText Markup Language(ハイパーテキストマークアップランゲージ)』。

なんだかかっこいいですよね。
資格試験等で問題になることもありますので、
頭に入れておいて損はないと思います。

オススメの学習法は?

HTMLの参考書と、
学習アプリのProgate(プロゲート)
で十分だと思います。

私が学習に使ったオススメの参考書も載せておきます。

『HTML』を理解するのは、
正直そんなに難しくありません。
もちろん理解したいレベルや人にもよりますが、
基本的な部分であれば、
集中して取り組めばおそらく数日でなんとなく身につきます。

『HTML』をマニアックに勉強するよりも、
なんとなく基本が分かったら、
『CSS』や『Javascript』といったウェブページをより豪華で、
機能的にすることが出来る他の言語の学習に進んだ方が良いでしょう。

ぶっちゃけ『HTML』だけ出来ても、
実際に転職に使える成果物作成や、
人に見せられるウェブページを作り上げることは難しいですが、
プログラミングの世界に飛び込む入り口としては、
オススメな言語です。

スキル定着・スキル証明の為に、資格試験を受けてみよう!

『HTML』の学習が進んだら、
以下のような試験にもチャレンジしてみましょう!

『CSS』の知識も問われますが
良い勉強になると思います。

Webクリエイター能力認定試験

ウェブデザイン技能検定

どちらも実践形式で勉強になります。
知識が身についているか、
確認するにはうってつけです。

また、フリーランスの方、
就職活動・転職活動をしている方にとっても、
客観的に、自分のスキル証明できるいい材料になります。

これらの資格があるからといって、
仕事が格段にとれやすくなったり、
採用されやすくなったりはないかもしれませんが、
無いよりは絶対にあった方が有利です。

腕試しのつもりで、
ぜひ積極的にチャレンジしてみましょう!

HTMLでウェブページを見れるツールを活用しよう!

気になるデザインのウェブページがあったら、
HTMLの書き方が見えるツールを使って、
サイトの中身を見てみるのもとても勉強になります。

オススメはGoogleChromeの検証機能(デベロッパーツール)を使うやり方。
Googleで検索して気になるウェブページがあったら、
ページ上で右クリック、
表示されるメニューの中から「検証」をクリックするだけです。
それだけで、コードが表示されますので、
実際の表示画面とコードを比較しながら見ることで、
書き方の参考になります。

その他、「HTML Viewer Q」というアプリ等を使い、
スマホで見るやり方もあります。

どんなやり方でも構いませんので、
実際のウェブページをコードで見てみましょう!

どういう風にコードを書いてそのウェブページを表現しているのか、
自分の目で実際に確認しておくと、
自分で何かつくる際、
そういえばあのウェブページはこういう書き方でやっていたなあと、
閃きに繋がります。

色々なサイトを覗き見して、
いろんな表現方法を学んでみましょう!

まとめ

・HTMLはウェブページを作る為の言語
・HTMLの学習は、参考書とProgate(学習アプリ)の独学で十分!
・ある程度学習が進んだら、資格試験にチャレンジしてみよう!
・実際のウェブページをコードで見てみることも勉強になる

今回は、『HTML』学習のツボについてまとめてみました。
皆さんの学習の一助になれば幸いです!

-プログラミング学習始め方のツボ
-