最終更新日:
Aさん
HTML/CSSを勉強したいんだけど、プログラミングスクールありすぎてどう選べばいいのか全く分からない…
DAI
HTML/CSSは、学習する内容でできる仕事も変わってきます。目的別にどのスクールを選べば失敗しないのかご紹介しますね!

この記事では、HTML/CSSの役割や目的別の厳選スクールについて説明します。

HTMLとは

使用用途
Webページの見た目を作る
学習難易度
必須学習時間 20時間
対象者 ・ホームページを作りたい人
・ランディングページを作りたい人
・Webアプリを作りたい人
おすすめ学習サイト Progate HTML/CSSコース

HTMLは、Webページの文字、リンクなどを指定する言語です。

DAI
たとえば、こんなページを作りたいとします。

  • 見出しはh1タグ
  • リンクはaタグ
  • 文章はpタグ
  • 強調はstrongタグ

この場合、これらのタグを利用して、記述する事ができます。

<h1>見出しになります</h1>
<a href="google.com">これはGoogleへのリンクになります。</a>
<p>ここに文章を記述します。<strong>強調</strong>もできます</p>

HTMLは、Webページの見た目を作る言語ですが、すべてのエンジニアが最低限学習しておく必要がある言語です。

CSSとは

使用用途
Webページの見た目を装飾する
学習難易度
必須学習時間 20時間
対象者 ・ホームページを作りたい人
・ランディングページを作りたい人
・Webアプリを作りたい人
おすすめ学習サイト Progate HTML/CSSコース

CSSは、Webページの文字、リンクなどを装飾する言語です。

DAI
たとえば、HTMLで作ったこんなページがあるとします。

DAI
どこか少し、殺風景ですよね。

CSSを利用すると、HTMLを装飾して、見やすくすることができます。

  • 見出しの下には緑色の枠線を下につけたいなぁ…
  • 強調する部分は文字サイズを大きくして、色を付けたいなぁ…

と思ったら、こんな感じでコードを書いてあげます。

<h1>見出しになります</h1>

<a href="google.com">これはGoogleへのリンクになります。</a>

<p>ここに文章を記述します。<strong>強調</strong>もできます</p>

<!-- ここからCSS -->

<style>

h1{
   border-bottom:3px solid #21C19C;
}

strong{
   font-size:32px;
   background-color:#ff9;
}

</style>

そうすると、こんな感じの見た目に変更することができます。

CSSは、Webページの見た目を装飾する言語ですが、すべてのエンジニアが最低限学習しておく必要がある言語です。

HTML/CSS + αを学ぶのがおすすめ

どのプログラミングスクールのカリキュラムでも、基本的にはHTML/CSSは学習することになっています。

DAI
なので、目的に合わせて、プラスアルファを何を勉強したいかを決めると良いです。

一緒に学ぶなら、以下の2つがおすすめです。

  1. HTML/CSS + Webデザイン・Web制作:デザインからコーディングまで出来るようになる
  2. HTML/CSS + Webアプリ:簡単なWebアプリが作れるようになる
DAI
自分が最終的に何ができるようになりたいかをもとに、自分にぴったりのスクールを選んでみてくださいね!

HTML / CSS+Webデザイン・Web制作が学べるプログラミングスクール

DAI
Webデザインや、Web制作を学びたいならこちらの3つで決まりです!
TechAcademy ¥174,900/4週間 学生¥163,900
CodeCamp ¥165,000/8週間+入学金¥33,000
RaiseTech ¥348,000/16週間 学生¥248,000

TechAcademy

2022年2月時点 TechAcademy 公式サイトより(公式:https://techacademy.jp/)

【TechAcademy】副業でWeb制作を学ぶならここ!
お手頃な価格で、Webサイト制作をしてみたい方に特におすすめ。完全マンツーマンなので、受講者一人ひとりに合わせたアドバイスをしてくれます!
身につくスキル
  • Adobe XDを使ったワイヤーフレーム作成手順
  • Photoshopでの画像加工
  • HTML/CSSの理解とコーディングスキル
  • JavaScript/jQueryを利用したアニメーション演出
  • JavaScript/jQueryを利用したインタラクティブ演出
  • レイアウト・配色・タイポグラフィ、Webデザインの原則
  • デザインカンプからWebサイトを制作できるスキル
受講場所 完全オンライン
期間 4週間〜16週間
講師 現役エンジニア
主なサポート ・毎日の毎日15時〜23時のチャットサポート
・1回30分、週2回のマンツーマンメンタリング(最初の週のみメンタリングは週1回)
回数無制限の課題レビュー
・副業サポート(受講終了後の審査に合格し、副業サポートご利用中の方のみ)
・受講終了後、全員へ1ヶ月以内に独自の案件を提供
料金 ¥174,900(税込)〜
(学割 ¥163,900(税込)〜)
全額返金保証 なし
転職紹介 受講生限定のスカウトサイト

2022年2月時点 TechAcademy公式サイトより引用/算出(公式:https://techacademy.jp/

DAI
お手頃な価格で、Webサイト制作をしてみたい方にはおすすめです

TechAcademyは、最短4週間で未経験からプロを育てるオンライン完結のスクールです。

副業でWeb制作をやってみたい!という方には、以下の2つの理由で特におすすめです。

  1. 完全マンツーマンで受講者一人ひとりに合わせたアドバイスをしてくれる
  2. Web制作に特化したコースがある

①完全マンツーマンで受講者一人ひとりに合わせたアドバイスをしてくれる

現役エンジニアのパーソナルメンターがつくことで、以下のことができるようになります。

  1. 挫折する可能性がぐっと下がる
  2. 自立して学習できるようになるので、案件が取れるようになる

1.挫折可能性がぐっと下がる

まず、プログラミングを学ぶほとんどの人が、モチベーションが続かず最初につまづいて辞めてしまう傾向にあります。

パーソナルメンターがいれば、最初の一番きつい学習期間を一緒に乗り越えられるので、学習が継続します。

DAI
モチベーション管理や、学習の進捗の確認を行ってもらえるので、オンラインでも挫折しにくい仕組みになっているので、初心者の方でも安心ですね!

2.自立して学習できるようになるので、案件が取れるようになる

Web制作の現場は、常に自分で調べながら学び続けなければいけませんが、なかなか自分自身の力でエラーを解決するのは難しいですよね。

マンツーマンのメンターがいると、プログラミングの課題をどうやって解決すればいいか、「学習方法」を学ぶことができます。

  • 週に2回の面談(最初の週のみメンタリングは週1回)
  • リアルタイムでのチャット質問

ができるので、受講者の方も非常に学習が進めやすかったそうです。(インタビュー記事より

mottyさん
カリキュラムでは学習のサポートをしてくれる担当メンターが1人就いてくれます。週2回のオンライン面談があり、分からないことがあれば、そこで質問も出来ました。

②副業に特化したコースがある

これから副業を始める方向けに、Web制作に特化したコースがTechAcademyにはあります。

2022年2月時点 TechAcademy公式サイトより引用(公式:https://techacademy.jp/

料金は一番短いプランであれば17万円台〜、メンタリングなしの「12週間Liteプラン」なら10万円以内の低価格で学習できます。

コースの内容をマスターすれば、1件5万円ほどの案件を獲得するのに必要なスキルが身につくようになっています。

また、TechAcademyでは無料体験も可能です。まずは無料体験に申し込んだうえで、レッスンを受けてみましょう。

※更新情報 2022年2月2日時点、TechAcademyでは3つの特別割引プランがあります。
①『先割』受講料5%OFF:対象プランに先行申し込みで適応
②『トモ割』10,000円割引:同僚や友人が一緒に受講される場合に適応
(別々のコースに申し込んでも割引は適用されます
③ 『フロントエンド副業セット』:はじめての副業コース+フロントエンドコースをセットで申し込むと、普通に学ぶ場合よりも60,000円もお得になるようです。

30秒ほどで無料体験に申し込むと、

  • HTML / CSSの学習コースを無料で体験できる
  • 1回分の現役エンジニアとのビデオチャットで相談できる

という特典があるので、まずは公式サイトから無料体験を受講してみるのがおすすめです!

2020年5月時点 TechAcademy公式サイトより引用(公式:https://techacademy.jp/

無料体験はこちら

CodeCamp

公式:https://codecamp.jp

【CodeCamp】副業で稼ぎたいなら!
オンライン・マンツーマン指導のプログラミングスクールとして優れた実績を持つサービス。副業で稼ぎたいならWordPressコース、余裕があるならデザインマスターコースがおすすめ。

Codecampは、オンライン・マンツーマン指導のプログラミングスクールとして優れた実績を持つサービスです。

もし副業で稼ぎたいなら、WordPressコース余裕があればデザインマスターコースがおすすめです。

WordPressコースのポイント

WordPressコースでは、WordPressのテーマ開発などを学びます。

コース内容をマスターすれば、簡単なコーディング案件(月5万円稼げるレベル)を受注できるスキルがつくでしょう。

デザインマスターコースのポイント

予算に余裕があるなら、デザインマスターコースがおすすめです。

デザイン+コーディングができると、案件の単価が上がるからです。

こちらに一般的なWeb制作のフローを貼りました。

WordPressコースでは、一般的にコーダーだけの仕事になります。

一方で、デザインマスターコースではデザインとコーディングが学べるため、より上流の単価の高い仕事をすることができます。

どうせ高い料金を支払うのであれば、僕個人的にはデザインとコーディングの両方ができるようになることをおすすめします。

WordPressコース デザインマスター
料金 165,000円(税込)/2ヶ月プラン
+
33,000円(税込)の入学金
165,000円(税込)/2ヶ月プラン
275,000円(税込)/4カ月プラン
+
33,000円(税込)の入学金
学習内容 WordPress Webデザイン全般+WordPress
詳細ページ https://www.lp.codecamp.jp/wordpress https://codecamp.jp/courses/master_design

※更新情報 2022年2月時点 無料体験を受けて申し込むと、、10,000円の受講料割引があります!

CodeCampの全体的な評価はこちら。

サポートの質 ★★★★★(5.0)
講師の質 ★★★★☆(4.0)
カリキュラムのレベル ★★★☆☆(3.0)
転職支援の質 ★★★☆☆(2.0)
価格の安さ ★★★★★(5.0)
総合点 ★★★★☆(3.8)

【CodeCamp】副業で稼ぎたいなら!
オンライン・マンツーマン指導のプログラミングスクールとしてNo.1*の実績を持つサービス。副業で稼ぎたいならWordPressコース。余裕があるならデザインマスターコースがおすすめ。

RaiseTech

RaiseTech  2022年2月時点

【RaiseTech】副業に特化したWordPress副業コースがある!
プログラミングを学ぶだけでなく、副業での営業方法を学んだり、実際に受講しながら仕事をやってみたい方におすすめ。

RaiseTechは、現場で使える最新技術を落とし込んだカリキュラムを提供しているプログラミングスクールです。

DAI
JavaやAWSのコースもありますが、副業に特化したWordPress副業コースがあります!

案件獲得までがっつりサポート!RaiseTech WordPress副業コース

RaiseTech副業コースの特徴としては、以下の3点があります。

  • 現場でフロントエンジニアをしている、月単価80万円以上の講師のみを採用している
  • 実際にフリーランスで働いている人から、案件の取り方をしっかりとレクチャーしてもらえる
  • 現場で使われる技術を、プロから学べる

RaiseTechはプログラミングを学ぶだけではなく、副業での営業方法を学んだり、実際にスクールを受講しながら仕事をやってみたい方におすすめです。

DAI
RaiseTechでは、かなり実践を意識したカリキュラムで学べます。

カリキュラム内容は以下の通りです。

2022年2月時点 Raise Tech公式サイトより引用(公式:https://raise-tech.net)

他のスクールがカバーしない範囲の、より実務的なスキルを学ぶことができます。

DAI
値段は他のスクールと比較すると値が張りますが、案件獲得から納品まで、がっつりと学びたいならRaiseTechがオススメです。
料金 ¥ 348,000/ 4カ月
(学割) ¥ 248,000/ 4カ月
学習内容 Webデザイン,WordPressテーマ開発, 案件獲得の営業など
講師の充実度 月単価80万円以上の現役エンジニアのみ採用
公式 https://raise-tech.net/courses/wordpress-sidejob-course

2022年2月時点 Raise Tech公式サイトより引用

RaiseTechにはトライアル受講制度というものがあって、受講を始めて2週間以内であれば全額返金されます。

DAI
受講しようか迷っている方は実際に2週間受けてみてから判断するのも良いですよ!
【RaiseTech】副業に特化したWordPress副業コースがある!
プログラミングを学ぶだけでなく、副業での営業方法を学んだり、実際に受講しながら仕事をやってみたい方におすすめ。

HTML/CSS + Webアプリが学べるプログラミングスクール

DAI
簡単なWebアプリが作れるようになりたいなら、こちらの3つで決まりです!
TechAcademy ¥174,900/4週間〜
学生¥163,900〜
CodeCamp ¥165,000/8週間〜
入学金¥33,000
TechBoost 【スタンダードコース】
月額料金 ¥32,780~
+入学金 ¥126,500
+メンタリング ¥34,760~/月4回〜
【ブーストコース】
月額料金  ¥32,780~
+入学金 ¥219,780
+メンタリング ¥34,760~/月4回〜

TechAcademy

2022年2月 TechAcademy公式サイトより引用

【TechAcademy】価格重視でエンジニア転職を目指すなら
わずか¥174,900で学べる、優良プログラミングスクール。メンターの対応が丁寧と評判。オリジナルアプリ作成のサポートまで対応。
学習言語 Ruby, Ruby on Railsなどのサーバーサイド言語, HTML5/CSS3, Bootstrap, Git/Github
受講場所 完全オンライン
期間 4週間〜
講師 現役エンジニア
主なサポート ・毎日の毎日15時〜23時のチャットサポート
・週2回のマンツーマンメンタリング(最初の週のみメンタリングは週1回)
・回数無制限の課題レビュー
料金 社会人:¥174,900 (税込)〜
学生:¥163,900(税込)〜
全額返金保証 なし
転職紹介 受講生限定のスカウトサイト
DAI
TechAcademyは、とにかく他のプログラミングスクールと比較して安い料金が魅力です。

TechAcademyは、完全オンラインのプログラミングスクールです。

特に、お手頃な価格でWeb系プログラミングを学びたい人におすすめです!

TechAcademyで無料体験する
DAI
TechAcademyの主な特徴は、以下の2点です。
  • 講師が複数ではなく、完全マンツーマンなので、一人ひとりしっかりとフィードバックをもらえる
  • オリジナルアプリ作成までの、サポートが手厚い

①完全マンツーマンなので、受講者一人ひとりに合わせたアドバイスをしてくれる

Techacademyの場合は、講師が完全にマンツーマンです。

  • その人の理解度にそった学習方法の提案
  • その人の今後のキャリア設定にそったサポート

上記のような手厚いサポートを受けることが出来ます!

Webアプリケーションコースでは、最終的には簡単な通販サイトを作っていきます。

最初にWebサイト作成からスタートして、最後にWebアプリを作っていきます。

エラーが出て困っても、Slackというチャットツールで質問すればOK。15時〜23時の間なら、数分でメンターがヒントをくれます!

DAI
つまづいている時間ってすごくモヤモヤするのですが、レスポンスが早いとかなりサクサク進められ、勉強が楽しくなります。

また、未経験の人は「何を質問していいか分からない」「どこからわかってないかすら分からない」状態で、なかなかテキストで質問しにくいことも多いです。

DAI
TechAcademyなら週に2回もオンラインメンタリングができるので、つまづいて学習が止まってしまうことはほぼないでしょう。

カウンセリング後も、ちゃんと一人ひとりにコメントをくれます。

DAI
モチベーション管理や、学習の進捗の確認を行ってもらえるので、一人で挫折しやすいプログラミング学習も、オンラインでも挫折せず進められると評判ですね。

②オリジナルアプリ作成のサポートが手厚い

TechAcademyのカリキュラム、実はオリジナルアプリ作成のサポートまでやっています。

DAI
Lesson9にありますね!

ここで実際にオリジナルアプリを作っていきます。

ここで作ったアプリは、そのままポートフォリオとして転職活動に活かせますね。

実際にTechAcademyの受講生が作成したポートフォリオの中には、こんなアプリがあります。

特に転職活動のためのポートフォリオは超重要で、これがないと転職活動ができないといっても過言ではありません。

DAI
そのポートフォリオに、プロのエンジニアからフィードバックをもらい放題なのは、かなり魅力的ですね。

ということで、Techacademyの総合評価はこちらです。

サポートの質 ★★★★★(5.0)
講師の質 ★★★★☆(4.0)
カリキュラムのレベル ★★★☆☆(3.0)
転職支援の質 ★★★☆☆(2.0)
価格の安さ ★★★★★(5.0)
総合点 ★★★★☆(3.8)

個人的には、サービスもしっかりしていて、比較的値段も安いので、

  • お金を節約したい
  • 手っ取り早くオリジナルアプリを作って、自分で転職活動をしたい!

という方にはTechacademyがおすすめです。

公式サイト:https://techacademy.jp/
レビュー記事:【体験談】TechAcademy(テックアカデミー)の評判を徹底解説【転職やメンターはどう?】

※更新情報 2022年2月2日時点、TechAcademyでは3つの特別割引プランがあります。
①『先割』受講料5%OFF:対象プランに先行申し込みで適応
②『トモ割』10,000円割引:同僚や友人が一緒に受講される場合に適応
(別々のコースになっても割引は適用されます
③ 『複数コースセット割引』:Webアプリ+フロントエンド/Webデザインのセットで申し込むと、普通に学ぶ場合よりも最大138,000円もお得に!

無料体験に申し込むと、

  • HTML / CSSの学習コースを無料で体験できる
  • 1回分の現役エンジニアとのビデオチャットで相談できる
  • 無料体験からの本受講で最大1万円引き

という特典があるので、まずは公式サイトから無料体験を受講してみるのがおすすめです!

\ 無料体験で最大1万円引き!30秒で学習スタート!/

無料体験はこちら

Code Camp

【Code Camp】比較的お手頃なプログラミングスクール。教材が分かりやすかったです。
わずか¥165,000+入会金¥33,000で学べる、優良プログラミングスクール。様々なメンターが対応してくれ、教材の質もよかったです。
学習言語 PHP, HTML5/CSS3, jQuery, MySQL
受講場所 完全オンライン
期間 8週間~24週間
講師 現役エンジニア
主なサポート ・現役エンジニアによるチャットサポート
・指名制の面談
・オリジナルアプリの開発支援
料金 Webマスターコース(すべて税込)
¥165,000 / 2ヶ月プラン
¥275,000 / 4ヶ月プラン
¥330,000 / 6ヶ月プラン
(別途入学金¥33,000)
無料体験を受けてから申し込むと、10,000円の受講料割引!
全額返金保証 なし
転職紹介 なし

CodeCampは、オンライン・マンツーマン指導のプログラミングスクールとしてNo.1の実績を持つサービスです。

DAI
テレビCMでも有名なITベンダーFuture Architectの子会社でもあります。東証一部上場企業にもCodeCampのコースが研修に利用されており、非常に教育の質が高いと言えます。

サービスの特徴は次の4つです。

  • 完全オンラインで学習可能
  • 東証一部上場企業の厳選された現役エンジニアが学習をオンラインレッスンでサポート
  • フロントエンド、バックエンド、ネイティブアプリ開発まで対応したコース
  • 365日:朝7時~24時まで、現役エンジニアにテレビ電話で授業を提供
DAI
転職を目的にするなら、Webマスターコースがおすすめです。
Code Campで無料体験する

CodeCampの特におすすめしたいポイントは、次の2点です。

  • 現役エンジニアのチャットサポートが長く、どんな時でも基本質問できる
  • オリジナルアプリ制作までできるようなサポート
DAI
実際に受講してきた僕もおすすめのスクールです!
CodeCamp(コードキャンプ)の評判は?口コミと料金を徹底解説&受講した感想を紹介
DAI
結論から言うと、料金が手頃で質の良いスクールを探している人はCodeCampがあっています。2カ月で165,000円と非常に安く、とにかくお手頃。カリキュラムも良質でした!

①現役エンジニアのチャットサポートが長く、どんな時でも基本質問できる

他のプログラミングスクールでは、「午後しかサポートがない」などサポート時間が限定されてしまうこともしばしばです。

なので、早朝や深夜などに勉強していると、なかなか質問できずにモヤモヤしてしまいます。

Code Campの場合は、朝7時~24時まで質問することができるので、悩んでもすぐ解決できるのが大きなメリットです。

②オリジナルアプリ制作までできるようなサポート

スクールのカリキュラムだけ利用してても、オリジナルアプリが開発できるまでスキルを身につけるのは難しいです。

でも、実際にCode Campのコースを受けてみて、このホームページをゼロから作れるほどのスキルが身につきました!

DAI
もともとWordPressやWebデザインがわからなかったので受講しました。結果、このブログ(DAINOTE)をゼロから作れました!

CodeCampの全体的な評価はこちら。

サポートの質 ★★★★★(5.0)
講師の質 ★★★★☆(4.0)
カリキュラムのレベル ★★★☆☆(3.0)
転職支援の質 ★★★☆☆(2.0)
価格の安さ ★★★★★(5.0)
総合点 ★★★★☆(3.8)
DAI
PHPでWebエンジニアへの転職を検討しているなら、CodeCamp、RubyならTechAcademyもおすすめです。

実際に申し込む前に無料で体験レッスンも受けられます。迷っている人はぜひ確認してみてください。

公式:https://codecamp.jp
レビュー記事:【体験記】CodeCamp(コードキャンプ)の評判を確かめに、実際に2カ月受講してみた感想

【Code Camp】比較的お手頃なプログラミングスクール。教材が分かりやすかったです。
わずか¥165,000+入会金¥33,000で学べる、優良プログラミングスクール。様々なメンターが対応してくれる。教材の質がよかったです。

※更新情報(2022年2月)
無料体験を受けて申し込むと、10,000円の受講料割引が効きます!

Tech Boost

【Techboost】未経験からIT転職を目指したいなら!
オーダーメイドのカリキュラムと月ごとの更新で、自分にぴったりの学習を。

TechBoostは、東京にある教室とオンラインのどちらでも受講できるプログラミングスクールです。

Web系エンジニア転職などに強い、Branding Engineerという会社が運営しています。

【体験談】Tech Boostの口コミ・評判は?受講してエンジニアに転職した卒業生にインタビューしてみた【PR】

TechBoostでは受講者の方1人ひとりに合わせたコースを提示してくれるので、Web系プログラミングもAIも一気に学びきってしまってAIエンジニアになりたいという方向けです。

TechBoostを受講される方でおすすめなのが、以下に当てはまる方です。

  • Web系プログラミングとAIの両方を学んでみたい!
  • 渋谷にあるスクールに通学して対面で学びたい(オンラインでも学べます)

こちらのTechBoostも無料カウンセリングをやっています。

DAI
自分に合わせたコースをカスタマイズしてくれるので、とりあえず無料カウンセリングで相談してみるのがおすすめです!

公式サイト:https://tech-boost.jp/

【Techboost】未経験からIT転職を目指したいなら!
オーダーメイドのカリキュラムと月ごとの更新で、自分にぴったりの学習を。

関連記事

【2022年最新】プログラミングスクールおすすめ11社を徹底比較!
プログラミングの副業で稼ぐための手順と副業サイト5選【実績あり】