minto.tech スマホ（Android/iPhone）・PC（Mac/Windows）の便利情報をお届け！ 月間アクセス160万PV！スマートフォン、タブレット、パソコン、地デジに関する素朴な疑問や、困ったこと、ノウハウ、コツなどが満載のお助け記事サイトはこちら！
※本ページにはプロモーション(広告)が含まれています
初心者でも安心なHTML5が学べるおすすめサイト12選
次に、HTML5について学ぶことができる、おすすめのサイトをご紹介致します。
1.「ドットインストール」
ドットインストールは国内でも最大規模の無料プログラミング学習サイトです。HTML5をはじめ、各言語の使い方をわかりやすい動画解説付きで学ぶことができます。プログラム言語をこれから学びたいという方はこちらのサイトが最もおすすめです。
2.「Schoo」
Schooでは現役のエンジニア、デザイナーからアプリの作り方などの授業を受けることができます。好きなときに自由に動画を見ることができますので、自分のペースで学習を進めていくことが可能です。
また平日の１９時以降であればリアルタイムで授業を閲覧することができ、その場であれば講師のエンジニアの方に質問もすることができますので、わからない点があっても解消することができます。
3.「Progate」
Progateはプログラミング専門の学習サイトです。初級、中級、上級とレベル別に分けられておりますので、初心者の方でも安心して学習を始めることができます。
またこちらは動画形式ではなくスライド形式で学ぶことができますので、動画では遅いという方や気になる点を何回も戻って対応していきたいという方にはこちらの学習サイトがおすすめです。
4.「Udemy」
Udemyは最大規模のオンライン学習プラットフォームです。教材を使ってアプリを開発する授業などより実践的なコースが多いのが特徴です。
海外発のサービスにはなりますが、最近は日本展開も力を入れてきており、日本語での授業も増えてきています。
動画形式でHTMLを学習できるサイト。一本あたりの動画時間は短く抑えられており、要点がまとめられているので効率よく学習することができます。
学習範囲は「HTML/CSS/JavaScript」となっています。Web制作をする上で必須なものが揃っているのでこちらのコースを受講すれば、Web制作に関連する基礎的な知識をマスターできることは間違いありません。
6.「SkillHub」
動画形式でスキルラーニングできるオンラインスクールです。動画は1本約15分程度となっており、気軽に始めることができます。
HTMLは無料で受講できるコースが用意されています。学習時間は1日約1時間で7日間とされていますから、その気になれば一日でHTMLを書けるようになることも可能です。
7.「プログラミング入門サイトbituse」
プログラミング言語をわかりやすくまとめているサイト。HTML以外の言語も幅広くまとめてあるのが特徴的です。いずれも無料で閲覧できますのでとりあえず目を通しておいて損はないサイトとなっています。
HTMLの基本やタグ知識、CSSの使い方等を分かりやすく学習することができます。CSSは用途ごとにまとめらており検索しやすいです。
8.「ほんっとにはじめてのHTML5」
こちらはHTMLやCSSに関する知識をまとめているブログです。全ての内容を無料で閲覧できます。HTMLの基礎からちょっとした豆知識まで幅広く紹介してくれているので非常に参考になるブログです。
HTMLの基礎から学習したい場合は はじめてのHTML INDEX から読むことをおすすめします。HTMLのコーディングの仕方から丁寧に教えてくれます。参考にしながら実際にコーディングしていけば無理することなくHTMLを学習することができます。
9.「やさしいホームページ入門」
HTMLの基礎を教えてくれる無料サイトです。「基礎講座」「HTML入門」「CSS入門」「JacaScript入門」に分けられており、いずれも最も基礎的な事を丁寧に教えてくれるつくりになっています。
基礎講座ではWebサイトを制作するために必要なものや手順を事細かに教えてくれます。こちらを参考にしながら学習すればすぐに自分の手でホームページを作れるようになるでしょう。
10.「CSS3プロパティジェネレーター」
CSS3プロパティを作成できるジェネレーターです。CSSはホームページを装飾するために使うもので、HTMLと合わせて学習することになる言語です。
いずれは学ぶことになりますので、とりあえずブックマークに入れておくことをおすすめします。
11.「HTML5カルタ」
カルタ形式でHTMLを学習できるサービスです。初級、中級、上級と段階的に分かれており順を追って学習することができます。基礎的なタグだけをまとめたPDF版は無料でダウンロードできますのでとりあえずやってみることをおすすめします。
12.「一時間で作るホームページ」
タイトル通りですが、一時間でホームページを公開することを目的としたサイトです。HTMLの知識だけではなく、実際にホームページを作るまでの流れを学習することができるようになっています。
とりあえずホームページを作ってみたいと言う方におすすめのサイトです。
HTML5が学べるおすすめの参考書5選
新しい言語を勉強していく上で最も大切なことは、まずは一番簡単な入門書を読んで見ることです。
HTMLをはじめ開発言語の参考書の中には非常に分厚くて読むのに一年かかるのではないかと思えるようなものから、誰でも簡単に理解できるように優しく解説されているものまで様々なものがあります。
そこでここでは、勉強のそれぞれの段階においておすすめな参考書を紹介していきます。
1.『スラスラわかるHTML&CSSのきほん』
言語を学ぼうとしているときには意欲がとても高まっている状態にあるためついつい分厚い難しい参考書を選んでしまいがちですが、まずは概念や基本的な使い方を学ぶことが必要になるため、最初は簡単な入門書を読むことをおすすめします。
2018年現在において、最もわかりやすいのは『スラスラわかるHTML&CSSのきほん』です。ただし他にも多くの入門書が出版されていますので、実際に手にとってみて自分が使いやすい入門書を選ぶようにすると良いでしょう。
2.『いちばんやさしいHTML5&CSSの教本』
HTML5の概念や基本的な使い方について入門書で学習したら、次は初学者用の参考書に手をつけていきましょう。ここでは実際にコードを書きながら、簡単なプロダクトを作って、実践的に使い方を学んでいきます。
こちらの本はプログラミングの専門学校などの指導者が集まって書いている本になりますので、教科書的な正しいコードの書き方を体系的に学ぶことができます。
3.『作りながら学ぶHTML/CSSデザインの教科書』
基本を学び終えたら、あとはサイトを作りながら学んでいきましょう。『作りながら学ぶHTML/CSSデザインの教科書』では実際にプロダクトを作りながら、実践的なHTMLやCSSの使い方を学ぶことができます。
表現によっては教科書を読んでいるだけでは身につけることが難しい場合もありますので、基本を身につけたらこちらの本のような参考書を使ってどんどんプロダクトを作っていくようにすると良いでしょう。
4.『1冊ですべて身につくHTML&CSSとWebデザイン入門講座』
Web制作に必要となる知識を学習することができる入門書です。知識ゼロの方がHTML学習からWebを公開するまでの流れをサポートする内容となっており、最初の一冊としておすすめできる参考書となっています。
CHAPTERは全部で7つで構成されています。基礎から段階的に学ぶことができますし、最新の情報にも対応しているので既に学習済みの経験者の方にとっても今のスキルを身につけるのに活用できます。
5.『世界一わかりやすい HTML5&CSS3コーディングとサイト制作の教科書』
Webサイト制作を行う上で必須となるHTMLとCSSの基礎知識を学習できる参考書です。サイト制作の基礎知識から公開、管理方法を15レッスンに分けて丁寧に解説。
HTMLはコーディングの基本を画像やリンク、ナビゲーションを交えつつ。CSSは文字の装飾からレイアウト手法までを事細かに解説しています。初心者がHTMLを学ぶ上で必要なことがこの一冊に詰まっています。
まとめ
いかがでしたか？
HTML5は他言語と比較しても学習しやすい言語となっておりますが、サイト作成やアプリケーション開発など様々な分野に応用することができる便利な言語でもあります。
無料で勉強することのできるオンライン学習プラットフォームも近年非常に充実しており、サイトによっては現役のエンジニアの方々に指導を仰ぎながら勉強をしてくことができます。
またHTML5はメジャーな言語となりますので参考書の種類も充実しており、自分のステージに合わせて勉強を進めていくことが可能です。
是非HTML5をマスターして、あったら良いなと感じるサイトやアプリを自分の手で開発していきましょう。
1 2
