HTML/CSSが学べるプログラミングスクール4選

Aさん

HTML/CSSを勉強したいんだけど、プログラミングスクールありすぎてどう選べばいいのか全く分からない…

DAI

HTML/CSSは、学習する内容でできる仕事も変わってきます。目的別にどのスクールを選べば失敗しないのかご紹介しますね！

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

HTMLとは

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

DAI

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

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

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

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

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>

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

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

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

DAI

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

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

1. HTML/CSS + Webデザイン・Web制作：デザインからコーディングまで出来るようになる
2. HTML/CSS + Webアプリ：簡単なWebアプリが作れるようになる
3. HTML/CSS + AI

DAI

自分が最終的に何ができるようになりたいかをもとに、自分にぴったりのスクールを選んでみてくださいね！

参考：AIで貧困からの脱却（ウェブサイトを作ることができるAIのまとめ）

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

DAI

Webデザインや、Web制作を学びたいならこちらの３つで決まりです！

TechAcademy

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

【TechAcademy】副業でWeb制作を学ぶならここ！

お手頃な価格で、Webサイト制作をしてみたい方に特におすすめ。完全マンツーマンなので、受講者一人ひとりに合わせたアドバイスをしてくれます！

TechAcademyの評判記事を見る

TechAcademy公式ページ

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

DAI

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

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

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

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

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

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

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

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

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

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

DAI

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

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

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

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

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

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

mottyさん

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

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

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

• 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コース、余裕があるならデザインマスターコースがおすすめ。

Code Campの評判記事を見る

CodeCamp公式ページを見る

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

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

WordPressコースのポイント

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

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

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

予算に余裕があるなら、デザインマスターコースがおすすめです。デザイン＋コーディングができると、案件の単価が上がるからです。

こちらは一般的なWeb制作のフローです。

WordPressコースでは、一般的にコーダーの仕事に関するカリキュラムを学びます。

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

どうせ高い料金を支払うのであれば、デザインとコーディングの両方が学べる「デザインマスターコース」をおすすめします。

無料カウンセリング後に申し込むと受講料が割引になるクーポンもあります。興味のある方はぜひ利用してみてください。

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

【CodeCamp】副業で稼ぎたいなら！

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

Code Campの評判記事を見る

CodeCamp公式ページを見る

RaiseTech

公式サイト：RaiseTech（2022年2月時点）

【RaiseTech】副業に特化したWordPress副業コースがある！

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

RaiseTechの評判記事を見る

RaiseTech公式ページを見る

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

DAI

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

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

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

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

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

DAI

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

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

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

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

DAI

値段は他のスクールと比較すると値が張りますが、案件獲得から納品まで、がっつりと学びたいならRaiseTechがオススメです。

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

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

DAI

受講しようか迷っている方は実際に2週間受けてみてから判断するのも良いですよ！

【RaiseTech】副業に特化したWordPress副業コースがある！

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

RaiseTechの評判記事を見る

RaiseTech公式ページを見る

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

DAI

簡単なWebアプリが作れるようになりたいなら、こちらの３つで決まりです！

TechAcademy

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

【TechAcademy】価格重視でエンジニア転職を目指すなら

わずか￥174,900で学べる、優良プログラミングスクール。メンターの対応が丁寧と評判。オリジナルアプリ作成のサポートまで対応。

TechAcademyの評判記事を見る

TechAcademy公式ページを見る

DAI

TechAcademyは、とにかく他のプログラミングスクールと比較して安い料金が魅力です。

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

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

DAI

TechAcademyの主な特徴は、以下の2点です。

• 完全マンツーマンで一人ひとりしっかりとフィードバックをもらえる
• オリジナルアプリ作成までのサポートが手厚い

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

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

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

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

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

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

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

DAI

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

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

DAI

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

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

DAI

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

テックアカデミーを受講中なんですけど、個人的に1番嬉しいサポートが、slackでいつでも聞けるチャットサービスです。

メンターの方が秒速で答えてくれるので、わからなくてイライラしてプログラミングが嫌になるということがないです。

エラーを怖いと思わないんですよね。
この効果は大きいです😌

— TR (@tr_logs) October 2, 2018

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

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

DAI

Lesson9にありますね！

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

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

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

DAI

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

テックアカデミー受講１０４日目

Twitter更新するのめちゃめちゃ忘れてました😓

就活のためのオリジナルポートフォリオを作っていきます！

ユーザ登録ログイン機能、お気に入りに登録機能などがついた掲示板をPHPとJavaScriptを使って作っていきます！#駆け出しエンジニアとつながりたい

— こうだい@プログラミング (@koudai_job) July 12, 2020

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

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

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

という方には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で学べる、優良プログラミングスクール。様々なメンターが対応してくれ、教材の質もよかったです。

Code Campの評判記事を見る

CodeCamp公式ページを見る

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

• 完全オンラインで学習可能
• 東証一部上場企業の厳選された現役エンジニアが学習をオンラインレッスンでサポート
• フロントエンド、バックエンド、ネイティブアプリ開発まで対応したコース
• 365日：朝7時～24時まで、現役エンジニアにテレビ電話で授業を提供

DAI

転職を目的にするなら、Webマスターコースがおすすめです。

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

• 現役エンジニアのチャットサポートが長く、どんな時でも基本質問できる
• オリジナルアプリ制作までできるようなサポート

DAI

実際に受講してきた僕もおすすめのスクールです！

DAI

結論から言うと、料金が手頃で質の良いスクールを探している人はCodeCampがあっています。2カ月で165,000円と非常に安く、とにかくお手頃。カリキュラムも良質でした！

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

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

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

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

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

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

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

DAI

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

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

DAI

PHPでWebエンジニアへの転職を検討しているなら、CodeCamp、RubyならTechAcademyもおすすめです。

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

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

【Code Camp】比較的お手頃なプログラミングスクール。教材が分かりやすかったです。

わずか￥165,000+入会金￥33,000で学べる、優良プログラミングスクール。様々なメンターが対応してくれる。教材の質がよかったです。

Code Campの評判記事を見る

CodeCamp公式ページを見る

Tech Boost

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

【Techboost】未経験からIT転職を目指したいなら！

オーダーメイドのカリキュラムと月ごとの更新で、自分にぴったりの学習を。

Techboostの評判記事を見る

Techboost公式ページを見る

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

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

引用：https://be.tech-boost.jp/

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

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

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

TechBoostでは、興味のある方に向けて無料カウンセリングを実施しています。

DAI

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

【Techboost】未経験からIT転職を目指したいなら！

オーダーメイドのカリキュラムと月ごとの更新で、自分にぴったりの学習を。

Techboostの評判記事を見る

Techboost公式ページを見る

関連記事