プログラミングスクール

HTML/CSS学習におすすめの本とプログラミングスクール ※無料講座あり

2019年11月29日

HTML

「Web関係の仕事がしたいなら、まずはHTML/CSSの勉強をしましょう」

これは色々な本やネットで言われています。

私もWeb関係の仕事をすることが多いのですが、実際にWeb関係の仕事現場でHTML/CSSの知識は必須です。

Webデザイナーを目指す方、Web系プログラマーを目指す方、どちらにもです

ですので、HTML/CSS関連の学習環境は非常に整っており、たくさんの参考書やプログラミングスクール・eラーニングシステムが提供されています。

学習環境が整っていることは大変ありがたいことですが、

「一体、どの本を買えば良いの?」
「プログラミングスクールには通った方がいいの?」
「HTML/CSSができたら、就職や転職に有利なの?」

未経験者にとって学習の選択肢が多すぎるのも、悩んでしまいますよね。

そこで今回は、IT業界歴7年でプログラマー兼システムエンジニアの筆者が、HTML/CSSにおすすめの学習方法などについて紹介していきます。

スポンサーリンク

HTML/CSSを学ぶメリット

HTML

HTMLはWebサイトの文字や画像などの「文書」を表示するための言語です。

CSSはWebサイトの色付けやレイアウトなど「デザイン」を表示するための言語で、どちらもWebサイト制作にはなくてはならない技術です。

ですので、Web関係の仕事をするなら確実に習得しなければならないスキルと言えます。

Web系のプログラミング言語学習でも、HTMLとCSSを習得していることがすでに前提となっている本も非常に多いですので、Webプログラミング言語学習にも役立ちますよ。

HTML/CSSとは

HTML/CSSを習得すれば「静的なWebサイトの制作」が可能ですので、HTMLコーダーの仕事に就くことができます

さらにWeb系プログラミング言語を勉強すればWebプログラマー職に、Webデザインの勉強をすればWebデザイナー職に就くことが可能です。

HTML/CSSの将来性・需要

Webサイトの需要がなくなることは考えにくいですよね。

ですので、HTML/CSSの技術が使われなくなるとは現状考えられません

アップデートによってHTML/CSSの仕様が多少変化することは考えられますが、現在の需要はもちろん、将来的にも需要はあります。

しかし、すでに現時点でデザイン画像からHTMLコードを自動生成してくれるAIツールが登場しているので、一時的にHTMLコーダーとして働くのはおすすめですが、生涯HTMLコーダー一筋で働くという選択肢はやめておいた方が無難ですね。

ただし、前述のとおりHTML/CSSの知識や技術は、WebデザイナーやWebプログラマーなどの仕事には必要不可欠ですので、必ず勉強しておく必要があることには変わりません

AIで仕事がなくなる?プログラミング学習はもうオワコン?プログラマーの将来性
AIで仕事がなくなる?プログラミング学習はもうオワコン?プログラマーの将来性

IT業界歴7年・現役フリーランスプログラマー兼SEのTenです。 「プログラマーの仕事は、近い将来AIに奪われてしまう」 こういった噂を耳にしたことはないでしょうか。 将来プログラミングの仕事がAIに ...

HTML/CSSエンジニアの年収・求人状況

HTML/CSSの技術のみを仕事とする、HTMLコーダーの平均年収は320万円前後です。

専門職にも関わらず、日本の平均年収より低いのが少し残念ですね。

ただしHTMLコーダーとしてではなく、プラスのスキルを身につけることでWebプログラマーやWebデザイナーになることができるので、勉強しながら働きたい方には決して悪くないでしょう。

下記は求人サイト「DODA(デューダ)」に掲載されている、HTML/CSSエンジニアの求人例です。

HTML/CSSエンジニアの年収・求人状況
HTML/CSSエンジニアの年収・求人状況

引用元:DODA(デューダ)

Webプログラマーに比べると年収は低いですが、HTMLコーダーでも400万円を超える求人もあるので、勉強しながら働くなら十分かもしれませんね。

Webデザイナーvsプログラマー将来性があるのはどっち?年収や仕事の違いを解説
【Webデザイナー vs プログラマー】将来性があるのは?年収や仕事の違いを解説

「Web業界に転職したいな」 転職に向けて勉強をしようかなと思った時、「Webデザイナー」か「プログラマー」のどちらを目指せばいいのか、Web業界未経験者なら悩んでしまいますよね。 結論から先に言って ...

HTML/CSSの学習方法と難易度

HTML/CSSの学習方法は、主に下記になります。

  • 参考書で独学する
  • プログラミングスクールを利用する

HTML/CSSは習得難易度が非常に低い言語ですので、本で独学するのがおすすめです。

初歩的な基礎だけであれば、本で独学した場合でも早い方なら1週間程度で習得できるでしょう。

HTMLコーダーとして即戦力で働けるレベルでも、3ヶ月もかからない人が多いです。

ただし、WebプログラマーやWebデザイナーになりたいと考えている方は、HTML/CSSの他に別のスキルを習得できるプログラミングスクールの利用も選択肢に入れておきましょう。

本でHTML/CSSを独学する

本でHTML/CSSを独学する

HTML/CSSは習得しやすい簡単なスキルですが、それでも前提知識がない状態で難易度の高い本に挑むと、挫折してしまう可能性が高くなります。

HTML/CSSの初歩から実務レベルまで、少しずつステップアップして学習していくことが大事です。

「最初はどの本から読めばいいの?」
「どの本まで理解すれば、就職できる?」
「参考書は何冊ぐらい読めばいいの?」

HTML/CSSの本は非常に多く出版されているので、どんな本を選ぶか悩んでしまいますね。

ここからは、初心者向け・中級者向け・上級者向けそれぞれのレベルごとに、おすすめの本を紹介していきます。

初心者向け|HTML/CSS学習におすすめの本

初心者向けでは、HTML/CSSを初めて学習する方、他のHTML/CSSの本で挫折した方におすすめの書籍をご紹介していきます。

すでにHTML/CSSを勉強したことがある方には知ってることが多いと思うので、中級者向けの本から始めるのがおすすめです。

デザインの学校 これからはじめる HTML & CSSの本

本書ではHTML/CSSの書き方や、HTMLタグやCSSプロパティなど、HTML/CSSの基本が丁寧に解説されています

また、基礎だけでなく、レスポンシブ(スマホ対応)対応などについても解説されているので、HTMLコーダーとして土台となる知識を習得できる一冊となっています。

» デザインの学校 これからはじめる HTML & CSSの本 [Windows 10 & macOS対応版]

スラスラわかるHTML&CSSのきほん 第2版

created by Rinker
¥2,178 (2019/12/16 01:12:16時点 Amazon調べ-詳細)
本書は、HTML/CSSの書籍で4万部も売れたベストセラーです。

タイトル通り、HTML/CSSの知識がない方でも、面白いほどHTML/CSSの基本がスラスラわかる内容となっています。

実際にカフェのWebページを作成しながら学習できるので、楽しみながら学習できるためおすすめですよ。

この第2版からは、スマートフォン表示に対応した「レスポンシブ」についても紹介されています。

» スラスラわかるHTML&CSSのきほん 第2版

中級者向け|HTML/CSS学習におすすめの本

中級者向けの書籍では、HTMLとCSSの書き方の基本だけでなく、Webデザインスタイルを学べる本を紹介していきます。

HTML5/CSS3モダンコーディング

本書は、皆さんがよく目にするWebサイトのデザインについて、HTMLコーダー視点で解説されている参考書です。

本書で得られる知識は、現役Webデザイナーでも読む価値のある内容がこの1冊に詰まっています。

本書の内容をしっかり理解できれば、HTMLコーダーとして就職・転職が十分可能です。

» HTML5/CSS3モダンコーディング

上級者向け|HTML/CSS学習におすすめの本

HTMLコーダーとして働きたい方は、中級者向け書籍の勉強まででもスキルとしては十分ですが、さらに就職・転職を有利したいなら、資格の取得も有効になります。

上級者向け書籍では、資格取得におすすめの本を紹介しますね。

HTML5プロフェッショナル認定試験 レベル1 対策テキスト&問題集 Ver2.0対応版

「HTML5プロフェッショナル認定試験 レベル1」は、HTML/CSSが試験範囲となるWeb系の資格で、本書は「HTML5プロフェッショナル認定試験 レベル1」の試験対策本になります。

出題範囲が広いため本も分厚くなっていますが、本書を一通り勉強すれば、未経験者でも十分資格の取得は可能です

資格を取得すれば、HTMLコーダーとして仕事に就ける可能性も高まりますよ。

» HTML5プロフェッショナル認定試験 レベル1 対策テキスト&問題集 Ver2.0対応版

スポンサーリンク

プログラミングスクールでHTML/CSSを学習する

プログラミングスクールでHTML/CSSを学習する

繰り返しになりますが、HTMLとCSSだけを学ぶなら独学で十分可能です。

しかしHTMLコーダーの年収例で紹介した通り、HTMLとCSSができるだけでは高年収は期待できません

WebデザイナーやWebプログラマーを目指す方は、基礎知識としてHTML/CSSを始め、プラスアルファの言語やスキルを学ぶ必要があります。

ここからは、WebデザインやJavaScript・PHPなど、プラスアルファのスキルも学べる「プログラミングスクール」を紹介します。

無料で学べる学校も紹介しますので、短期間で効率よく転職まで実現させたい方は、ぜひスクールの利用も検討してみてくださいね。

HTML/CSS学習におすすめのプログラミングスクール5校

HTML/CSS講座があるおすすめのプログラミングスクールは、下記の5校になります。

スクール名 スタイル 料金 教室
ポテパンキャンプ オープンクラス オンライン 100,000円 全国(オンライン)
CodeCamp プレミアムコース オンライン 248,000円 全国(オンライン)
TechAcademy フロントエンドコース オンライン 139,000円 全国(オンライン)
KENスクール ウェブデザインコース 通学 410,300円 全国(6都市)
TECH BASE 基礎IT・プログラマーコース 通学 440,580円 全国(22都市)

1校ずつ詳しく紹介していきますね。

3ヶ月たったの10万円【安い】ポテパンキャンプ オープンクラス [オンライン]

3ヶ月10万
3ヶ月たったの10万円【安い】ポテパンキャンプ オープンクラス

ポテパンキャンプはオンライン型のプログラミングスクールで、ハイクオリティなプログラミング講座を安く学べる人気の学校です。

なんと3ヶ月10万円というコスパの良い「オープンクラス」では、未経験者でもHTML/CSS〜Web開発に必要なスキルの基本を習得することができるカリキュラムが開講されています。

上位コースの「選抜クラス」に進み、ポテパン経由で転職に成功するとキャッシュバック(受講料免除で0円)があるため、Webプログラマーを目指す方におすすめの学校です。

受講するにはMacBookが必要となる点には注意が必要ですが、実質、転職レベルのスキルをわずか10万円身につけられる、人気のオンラインプログラミングスクールです。

コース オープンクラス
学べるスキル HTML/CSS
JavaScript
Ruby
Ruby on Rails
Git
教室 全国(オンライン)
学費 100,000円
分割払い 不可
受講時間の目安 3ヵ月
開校時間 7:00〜23:40
就職・転職サポート あり
*選抜クラス
ポテパン経由で転職が決まれば受講料全額キャッシュバック
無料説明会・体験 無料カウンセリング

ポテパンキャンプ 無料カウンセリング


オンライン+マンツーマンでHTML/CSSを学ぶ!CodeCamp [オンライン]

マンツーマン
オンライン+マンツーマンでJavaScriptを学ぶ!CodeCamp

CodeCampは、ネット上でも評判の良い人気のプログラミングスクールで、オンラインでマンツーマンレッスンを受講できる稀有な学校です。

マンツーマンでレッスンを受けられるため、全く知識のない初心者の方がHTML/CSSを始めるのにおすすめの学校です。

プレミアムコースでは、基本のHTML/CSSに加え、Web制作に必須のスキルであるJavaScriptやPHPなど「学びたい言語」を自由に選択して学習することができます

プログラミング未経験者へのサポート実績が豊富なスクールなので、初心者の方でも安心して利用することができますよ。

WebマスターコースでもHTML/CSSを勉強することができますが、複数言語を受講する場合は、プレミアムコースの方がお得でおすすめです。

社会人で働きながら勉強したい人、まとまった時間が取り辛い子育て中の主婦など、好きな時間に好きな場所で学びたい方に非常におすすめです。

コース プレミアムコース
学べるスキル HTML/CSS
JavaScript
Bootstrap
Swift
Android
PHP
MySQL
Ruby
Ruby on Rails
Java
Javaサーブレット
Photoshop
Illustrator
教室 全国(オンライン)
学費 248,000円
分割払い 可能
*248,000円(税抜)のコースを36回払いの場合
初回11,068円、2回目以降8,300円
受講時間の目安 2ヶ月~
開校時間 7:00〜23:40
就職・転職サポート あり
*転職保証コース「CodeCampGATE
無料説明会・体験 無料体験レッスン

CodeCamp プログラミング無料体験

安いオンラインスクール!TechAcademy フロントエンドコース [オンライン]

学費が安い
安いオンラインスクール!TechAcademy フロントエンドコース

安い学費と豊富なコースが人気のオンラインプログラミングスクール、テックアカデミーでもHTMLとCSSを学ぶことができます。

毎日15時〜23時にチャットサポートが受けられるので、社会人や主婦など、自由な時間にプログラミング学習をしたい方におすすめです。

フロントエンドコースでは、短期間で未経験からオリジナルのWebアプリ開発までの技術を学ぶことができます。

週2回メンターが学習スケジュールなども調整してくれるので、独学でプログラミング学習が続かない人にもおすすめです。

コース フロントエンドコース
学べるスキル HTML5/CSS3
JavaScript/jQuery
Vue.js
Bootstrap
Web API
Firebase
サーバー
教室 全国(オンライン)
学費 139,000円
分割払い 可能
月々 5,792円~
受講時間の目安 4週間〜
開校時間 15:00〜23:00
就職・転職サポート あり
*転職保証コース「エンジニア転職保証コース
無料説明会・体験 プログラミング 無料体験

テックアカデミー 無料プログラミング体験

給付金対象・マンツーマン!KENスクール ウェブデザインコース [通学]

給付金対象
【給付金対象】全国に教室あり!個別指導のKENスクール

KENスクールは全国に複数の教室をもつ「通学型」プログラミングスクールです。

マンツーマンで個別指導が受けられるため「オンラインスクールではなく、教室で講師からじっくり学びたい」このような初心者の方におすすめです。

KENスクールではHTML/CSSを学習できる講座が複数ありますが、初心者にはWeb制作に関わる必要最低限のスキルを学べる「ウェブデザインコース」がおすすめです。

ウェブデザインコースでは、HTML/CSSやJavaScriptだけでなく、Webデザイナーとして必要なスキルが全て学べますよ。

また、給付金対象の学校なので、該当する方は「マンツーマンレッスンを安く学べる」ことも、KENスクールで学ぶメリットと言えますよね。

さらにKENスクールは人材エージェントチームと連携しているため、卒業後の転職サポート体制も万全で安心です。

コース ウェブデザインコース
学べるスキル JavaScript
Ajax
jQuery
HTML/CSS
Photoshop
illustrator
Dreamweaver
InDesign
教室 東京(新宿本校・池袋校・北千住校)
横浜(横浜校)
愛知(名古屋校)
大阪(梅田校)
北海道(札幌校)
福岡(福岡校)
学費 410,300円〜
*給付金対象(受講料の20%返金)328,240円〜
分割払い 不可
受講時間の目安 3ヶ月~
開校時間 15:00〜23:00
就職・転職サポート あり
*転職エージェントと連携
無料説明会・体験 無料体験レッスン

KENスクール 無料体験レッスン


全国に教室あり!TECHBASE 基礎IT・プログラマーコース [通学]

全国に教室あり
全国に教室あり!TECHBASE 基礎IT・プログラマーコース

プログラミングスクールに通いたいけど、なかなか近くに学校がない...という方でも通えるプログラミングスクールが「TECH BASE」です。

基礎IT・プログラマーコースは、プログラマーやエンジニアとして転職・就職することを目的とした「通学型」プログラミングスクールで、通信講座教育で評価の高いヒューマンアカデミーが運営しています。

全国各地に教室があるため、通学型の学校を探している方に一押しのスクールです。

IT業界で活躍しているキーパーソンの無料セミナーが開催されていたり、学習開始と同時にジョブカウンセラーからの就職支援を受けられたりと、業界未経験者にとって心強い転職支援体制が整っています

本気でエンジニアとして転職を考えている初心者の方に非常におすすめです。

コース 基礎IT・プログラマーコース
学べるスキル プログラミング入門
HTML/CSS
JavaScript/JQuery
データベース
教室 北海道(札幌校)
宮城県(仙台校)
新潟県(新潟校)
栃木県(宇都宮校)
千葉県(柏校・千葉校)
埼玉県(大宮校)
東京都(銀座校・新宿校・立川校)
神奈川県(横浜校)
静岡県(静岡校・浜松校)
愛知県(名古屋駅前校)
京都府(京都校)
奈良県(奈良西大寺校)
和歌山県(和歌山校)
大阪府(大阪梅田校・大阪心斎橋校・大阪天王寺校)
兵庫県(神戸三宮校)
岡山県(岡山校)
広島県(広島校)
香川県(高松校)
福岡県(北九州小倉校・福岡校)
熊本県(熊本校)
鹿児島県(鹿児島校)
沖縄県(那覇校)
学費 440,580円
入学金 11,000円
分割払い 不可
受講時間の目安 3ヶ月~
開校時間 -
就職・転職サポート あり
*学習と同時に、ジョブカウンセラーが就転職をサポート
無料説明会・体験 無料資料請求

TECH BASE 無料資料請求


おすすめプログラミングスクール5校の特徴を比較

下記に各スクールの特徴をまとめました。

スクール名 教室 料金 特徴
ポテパンキャンプ オンライン 100,000円 3ヶ月10万円【最安】
CodeCamp オンライン 248,000円 マンツーマンレッスン
TechAcademy オンライン 139,000円 学べるコースが豊富で安い
KENスクール 全国(6都市) 410,300円 対面式マンツーマン
TECH BASE 全国(22都市) 440,580円 就職・転職サポートが手厚い

教室を持たない「オンラインスクール」は学費が安く、教室へ通学するタイプの「プログラミングスクール」は若干学費が高いことが特徴です。

それぞれの学習環境や、学習可能な言語、転職サポート体制の有無などから、ぜひあなたの条件に合う学校を選んでくださいね。

直感で入学するのも良いですが、まずは「無料体験」を実施しているプログラミングスクールを数校試してみてから見極めるのがおすすめです。

無料プログラミング体験できる学校

無料でHTML/CSSを学べるプログラミングスクール

無料でPHPを学べるプログラミングスクール

HTML/CSS学習をはじめとしたプログラミング学習が完全無料の学校もあります。

無料でプログラミングと就職支援サービスを受けられるのですが...単純にスゴイですよね。

なぜプログラミング学習が無料で提供されているのかというと、これらのプログラミングスクールは「母体が転職エージェントだから」です。

無料学習を希望する場合の条件として、

  • 20代の方
  • 卒業後、就職する意志がある方
  • 学校に通学できる方

上記のように「転職する意志」や「年齢」が重視されます。

転職エージェントの利益は「企業から受け取る人材紹介料」で成り立っていますので、プログラマー人材を育てて就職を支援することで、最終的に利益を出せるためです。

無料でHTML/CSSを学習できる学校は下記になります。

HTML/CSSを【無料】で学べる学校

どの学校も「就職・転職」を目標にしているので、条件に当てはまる方で転職の意志のある方でしたら、非常におすすめですよ。

各学校の詳細は下記記事にて詳しく案内していますので、興味ある方は是非どうぞ ▾

【無料で学ぶ】転職サポートつきWebスクールまとめ ※20代の求職者限定
無料のプログラミングスクール4校【0円】※本気でプログラマーになりたい人限定

Web系の仕事に転職したいなと考えたとき、選択肢のひとつとしてあげられるのが「Webスクールで学ぶ」ことではないでしょうか。 ですが、スクールの授業料はどんなに安いコースでも「15万円近く」は最低必要 ...

まとめ|IT業界で働くならまずはHTML/CSS学習!

HTML/CSSは、Web業界で働くなら最初に学ぶべき基本のスキルです。

難易度が低く、短期間で習得することも可能ですので、まずは書籍で独学から始めてみましょう。

勉強を始めてしまえば次にやるべきことが自然とみえてくるので、まずは行動することが重要です。

HTML/CSSを習得した後は、HTMLコーダーとして働く選択肢はもちろん、JavaScript・Illustrator/Photoshop、WordPressPHPなどのWeb関連の勉強するなど、将来設計も進めていきましょう。

スポンサーリンク

  • この記事を書いた人
Ten

Ten

現役フリーランスプログラマー&システムエンジニアのTenです。IT業界での勤務経験は7年ほど。3年間正社員として働いたのち、フリーランスになりました。フリーランスとしては4年経験を積んでいます。副業として、ITやプログラミングに関するライティングもしています。

-プログラミングスクール

Copyright© 20代女性のWeb転職|じょしてん! , 2019 All Rights Reserved.