2020/03/28

【Webデザインオンラインスクール厳選9社】おすすめ徹底比較＜2020最新＞

Webデザインスクール

というあなたは是非ご覧ください。

このページの主な内容

1. オンラインスクールの基礎知識
2. そもそも何を学べばいいの？
3. ＜講師付き＞おすすめオンラインスクール一覧
4. オンラインスクールを比較
5. 追記：オンライン並みの価格で学べる教室タイプ
6. ＜講師なし＞オンラインサービス一覧

Webデザインをオンライン上で学べるスクールは数多くありますが、そもそもどんな基準で何をポイントにスクールを選べばよいか分からないため、混乱してしまう方が大多数だと思います。

そこで今回は、オンラインスクールの基礎知識や最低でも学びたいポイントなど、いろいろと整理した上でおよそ20社以上から厳選したおすすめスクールをご紹介してまいります。

おすすめをサクッと知りたい！という方はこちらもどうぞ

スポンサードサーチ

Webデザインが学べるオンラインスクールってどんなの？基礎知識編

Webデザインが学べるオンラインスクールには主に以下のような種類があります。

種類

1. 講師：
   あり・なし
2. 学習方法：
   テキスト講座・動画講座
3. サポート体制：
   Webカメラ・チャット・メール

その1. 講師はあり・なしの2タイプ

オンラインスクールには大きく分けて「講師付き・講師なし」の2種類があります。

「講師付き」は講師から直接教わったり疑問点を解消できたりまさにスクールそのものですが、「講師なし」は最初から最後まで自分一人で学ぶ独学のようなイメージです。

1. 講師付きの特徴

1. 画面を通して直接教わったり疑問点解消ができる
2. モチベーションの維持がしやすい
3. 価格は講師なしと比べると割高

2. 講師なしの特徴

1. ほぼ独学。とはいえ書籍よりは効率的な学習システムになっている
2. 疑問点の解消に時間がかかるためモチベーション維持は厳しい
3. 価格はとにかく安い

「講師なし」のサービスには一部無料コンテンツがありますので、もし書籍やサイトなどで全くWeb制作に触れたことがない方はそちらで予習する形でも大丈夫です。

スポンサードサーチ

その2. 学習方法は主にテキスト・動画の2タイプ

オンラインスクールでの学習方法には、大まかに分けて「テキスト学習・動画学習」の2タイプがあります。

1. テキストで学習を進めるタイプの特徴

2. 動画視聴で学習を進めるタイプの特徴

その3. サポート体制は3種類あり

オンラインスクールのサポート体制は主に「Webカメラ・チャット・メール」の3種類があります。

ちなみに、これらサポートがあるのはもちろん「講師付き」のスクールのみです。

1. Webカメラ対応の特徴

2. チャット対応の特徴

3. メール対応の特徴

スポンサードサーチ

オンラインスクールで最低でも学びたいWebデザインスキルって？

オンラインスクールを選ぶ上で、特に大切なのが「そもそも何を学ぶべきかを知ること」です。

スクールを探すと言えど、各スクールやコースによってはスキルが足りなかったり、逆に必要がないスキルなどいろいろ混在していますので、初心者の方はまずはここを理解することが大切です。

Webデザイナーとしてのキャリアをスタートするためには、現代では最低でも以下スキルを習得することが理想的です。

最低限習得したいスキル

1. Webデザインの基本知識
2. Photoshop ※デザインソフト
3. Illustrator ※デザインソフト
4. HTML/CSS ※構築言語
5. JavaScript/jQuery ※プログラミング
6. レスポンシブサイト ※HTML/CSS応用

なぜこのスキルが必要なのかは、説明が長くなってしまうため詳しくは以下の記事で解説していますが、簡単に言うと「今現在主流となっているWebデザインスキルを最低でも身につけましょう」ということです。

実践的なWebデザインを学ぶなら最低限必要なスキル

このページでは、初心者の方がWebデザイナーとしてのキャリアをスタートする上で最低でも学んでおきたいスキルについて分かりやすく解説します。是非参考にしてみてください。

Webデザインが学べる「講師付き」おすすめオンラインスクール

というわけでお待たせしました。ここからはおよそ20社から厳選したおすすめスクール（講師付き）をご紹介してまいります。

基本的には先程ご紹介した最低でも学びたいスキルが学べるスクールをベースに厳選していますが、一部含まれていないスクールについては補足を加えてご紹介します。

なお、ここでご紹介するスクールはすべて「Webカメラ対応あり」のスクールをご紹介してまいります。「Webカメラ対応なし」のスクールでお得と言えるスクールは現状無いためです。（かなり厳選されました）

ご紹介するおすすめスクールは以下の3社です。
※以下税抜／おすすめ順で表示

ご紹介スクール

• 1位：CodeCamp
  テキスト学習タイプ
  178,000円／2ヶ月プラン〜
• 2位：TechAcademy
  テキスト学習タイプ
  139,000円（学生109,000円）／4週間プラン〜
• 3位：SKILLHUB
  動画学習タイプ
  229,800円／3ヶ月

ちなみに以下スクールも有名ですが、こんな理由で当候補からは外しております。

理由

• デジハリONLINE
  ライブ授業は魅力的ですがWebカメラ・チャットのやりとりがないため
• 侍エンジニア塾
  Photoshopなどのデザインカリキュラムが含まれないため
• たのまな 在宅WORKスタートパック
  Webカメラ・チャットを通したやりとりがないため
• ヒューマンアカデミー
  Webカメラ・チャットを通したやりとりがないため

CodeCamp（コードキャンプ）

ポイント

1. 受講満足度94.5%のマンツーマン指導
2. 毎日7:00〜24:00まで年中無休！
3. 業界トップクラスの現役エンジニアが講師陣

CodeCampは業界トップクラスの現役プロから直接学べる、オンラインプログラミングレッスンNo.1のスクールです。詳しくはこちらの記事もどうぞ。

受講者数は2018年で伸べ20,000人を超え、多くの卒業生が未経験からエンジニア／Webデザイナーとして活躍しています。

なかでもデザインマスターコースは他オンラインスクールと比較しても学べるスキルが最もバランス良いです。講師は毎回自由にセレクトできるため、何人か試して最も理想的な講師に絞れるのもいいですね。

40分ほどの無料体験ではリアルな個別レッスンが体験でき、教材も一部閲覧できます。10,000円分のクーポンもゲットできるので、検討中の方はぜひ試してみてくださいね。

※追記：最大30,200円OFFの特別キャンペーン開催中です！（2020/3/31まで）

• CodeCamp ※無料体験で1万円分クーポンプレゼント中！

コスパ最強のCodeCampを分かりやすく解説【無料体験レポあり】

【受講者インタビュー】CodeCampでフリーのWebデザイナーに＜20代男性＞

今回はCodeCampを卒業された24歳男性の方に、実際の感想をインタビューしましたのでご紹介します。なんと、この方は卒業後にフリーランスとして独立も成功されたそうです！スクールを検討されている方はぜひ参考にしてくださいね。

TechAcademy（テックアカデミー）

ポイント

1. eラーニングアワードで特別賞受賞の実績あるサービス
2. 週2回のマンツーマンメンタリングでモチベーション維持
3. 期間内で4つのWebサイトをリリースする実践的なレッスン内容

TechAcademyは過去にeラーニングアワードでプログラミング教育特別部門賞を受賞した実績のあるサービスです。

中でもWebデザインコースでは期間内で4つのWebサイトをリリースするかなり実践的なレッスン内容となっており、「作りながら覚えていく」を繰り返して、最終的にオリジナル作品をゼロから作れるスキルを初心者レベルから習得します。

チャットサポートや、週2回あなた専属の講師がマンツーマンメンタリングを行ってくれるなど、サポート体制が整っている点も特徴です。

価格は業界でもかなりリーズナブルな料金設定が魅力的。しかも無料体験を行うとさらに10,000円割引される他、体験中に30分のメンタリング実施で今なら500円分のAmazonギフト券もゲットできちゃいます。詳しくはこちらの記事もどうぞ。

• TechAcademy ※無料体験や説明会動画閲覧で10,000円割引！

TechAcademyならWeb習得が税抜139,000円【無料体験レポ付】

【受講者インタビュー】TechAcademyで初心者からWebデザイナーへ＜30代女性＞

今回は実際にTechAcademyのWebデザインコースを受講された方の体験談をご紹介します。もともと銀行にお勤めだった女性の山名さん。全くの初心者からスキルを習得されて現在はIT企業でWebデザイナーとして活躍されているそうです。是非参考にしてみてください。

SKILLHUB（スキルハブ）

ポイント

1. 無料で閲覧可能な動画講座あり
2. Webカメラで個別指導が受けられる
3. フリーランスでお金を稼ぐ方法までアドバイスを受けられる

SKILLHUBは主に動画講座をベースとしたオンラインスクールです。
無料で視聴可能な動画講座が豊富に用意されており、事前に講座の雰囲気を体験できるだけでなくかなり本格的な学習ができます。

一流のプロがあなた専属のコーチとして合計12回のコーチングを受けることが可能です。スキルのみならず実際にお金を稼ぐ方法などのアドバイスを受けられる点も魅力的ですね。

なお、レッスン対応時間は平日は9:00〜20:00のため、会社に勤めながらレッスンされる方は多少注意が必要です。

• SKILLHUB（スキルハブ）

スポンサードサーチ

Webデザインが学べる講師付きオンラインスクールを比較！おすすめはどれ？

もう少し比較しやすいように3つのスクールの違いを表にまとめました。
※すべて税抜表示です

大きく異なる箇所

料金やWebカメラの対応回数が異なるのはもちろんですが、大きく異なるのは以下の箇所です。

CodeCampについて

CodeCampはチャット対応は含まれませんが、その分Webカメラでの関わりを優先しています。時間も早朝から対応しているので、社会人や主婦の方にとっては効率的に学習が進められる点が魅力的です。

ちなみに2ヶ月プランで20回の個別指導も、プレミアムプラスなら無制限で受けることが可能です。

コスパ最強のCodeCampを分かりやすく解説【無料体験レポあり】

CodeCampはWeb・IT業界トップクラスの現役プロから直接マンツーマンで学べるオンライン個別指導No.1のスクールです。今回はそんなCodeCampの特徴を無料体験レポートを交えて分かりやすくご紹介してまいります。

TechAcademyについて

TechAcademyはWebカメラや対応時間などは短めですが、チャットでいつでも質問・返答が得られるのは魅力的です。特に不明点に対する回答スピードには評価を得ています。

Illustratorが含まれませんが、基本操作程度でOKなのでUdemyで補習しましょう。
ちなみに4週間プランは平日もある程度時間が取れる方向けです。仕事をしながらの方は8週間プラン〜がおすすめです。

TechAcademyならWeb習得が税抜139,000円【無料体験レポ付】

TechAcademyは最短4週間からWebデザインが学べるオンラインスクールです。「ゼロから自分で作れる」ようになるための超実践的なカリキュラムがリーズナブルに受講可能！今回はそんなテックアカデミーについて無料体験レポートも交えてご紹介してまいります。

SKILLHUBについて

SKILLHUBは動画で学習を進めたい方におすすめです。マンツーマンサポートを受けられる時間帯は気になりますが、問題ない方にとっては検討されてみてもよいのではないでしょうか。

動画での学習は多少好みがありますが、こちらは一部無料で動画講座を受講できるため検討される場合は一度試してみてください。

無料体験

• CodeCamp：
  無料体験で10,000円分クーポンプレゼント
• TechAcademy：
  無料体験で10,000円割引
• SKILLHUB：
  一部無料で動画講座公開

追記：ちなみに教室タイプでもオンライン並みの価格で学べるWebデザインスクールもあり

ちなみにテックキャンプ プログラミング教養は教室タイプのスクールですが、オンライン並みの価格で受講可能なので追記します。
※必要ない方はスキップしてください。

PCやソフトは自前で用意するなど、一般的な教室タイプとは一部異なる点はありますが、その分効率化が図られている特徴があります。

テックキャンプ プログラミング教養

ポイント

1. 通い放題・学び放題でコスパ最強！
2. 5,000回以上アップデートを繰り返すオリジナル学習教材
3. 最先端のWebサービスやAI人工知能まで学べる

テックキャンプ プログラミング教養 ( » 詳細 )は初月198,000円を払えば2ヶ月目以降は月額19,800円で通い放題・学び放題の通学型スクールです。※写真レポート付きのこちらの記事もどうぞ。

教室タイプは一般的に設備が整う分割高な場合が多いですが、テックキャンプはPC等を自前で用意するなどの効率化が図られているために、とても安価なのが特徴です。

学ぶ内容はWebサービス開発をベースに、プログラミングやWebデザイン、AI人工知能まで、最先端なスキルが時間のある限り学び放題です。
5,000回以上アップデートを繰り返すオリジナル教材や、全体的な仕組みで今や満足度98%。とにかくコストパフォーマンスは最強です。

ちなみにテックキャンプには本格的なプロのデザイナーを目指せるテックキャンプ デザイナー転職という、転職保証付きのサービスもあります。
デザインも重視したい場合はこちらがおすすめです。詳しくは取材記事をどうぞ。

• テックキャンプ プログラミング教養 ( » 詳細 )
  ※無料体験参加で5,000円割引

【体験レポ付き】学び放題のテックキャンプ プログラミング教養を解説

【受講者インタビュー】テックキャンプ プログラミング教養卒業後に案件獲得＜20代女性＞

今回はテックキャンプ プログラミング教養を卒業された20歳女性の方に、実際の感想をインタビューしましたのでご紹介します。北海道の大学へ通いながらインターンで東京へ来ていた際に受講されたそうです。スクールを検討されている方はぜひ参考にしてくださいね。

Webデザインが学べる「講師なし」オンラインサービス

ここからは「講師なし」のオンライン学習サービスをご紹介してまいります。
こちらは講師やサポートがない分、無料もしくはリーズナブルに学習を進めることが可能です。

ご紹介サービスは以下の6社です

構築・プログラミング学習のみ

• Progate
• ドットインストール

構築・プログラミング・デザイン学習

• Udemy
• chot.design
• Schoo

デザイン学習のみ

• Cocoda!

構築・プログラミング学習のみ

Progate（プロゲート）

Progateは無料で始められるプログラミング学習サービスです。月額980円の有料プランに登録すればすべてのコンテンツを利用できるようになります。

学習方法は図を多く用いたスライド形式で、画面上で実際にコードを入力しながらリアルタイムに学べるユニークな仕組みとなっています。

• Progate（プロゲート）

ドットインストール

ドットインストールは無料のプログラミング学習サイトです。
1回3分程度の動画形式でHTML/CSSからJavaScript、PHP、Rubyなどプログラミング初心者向けのスキルを無料で学習することができます。
こちらは月額1,080円のプレミアムサービスもあります。

• ドットインストール

構築・プログラミング・デザイン学習

Udemy（ユーデミー）

Udemyは一般の方が講師となり、独自の講座を動画で配信しているサービスです。
とにかく様々な講座が用意されており、Webデザインについてもその内容は多岐にわたります。

それぞれの講座は単品で価格が設定されており、価格は通常価格で数万円する講座もありますが、ちょくちょく開催されている限定セールでは価格が95%OFFで販売されることもあるため、まずはサイトをチェックしてみてください。

おすすめは通学スクール80万円相当の内容が3,000円前後で学べる「400レッスン以上の完全マスターコース」です。

• Udemy

chot.design

chot.designは無料で学べる主にデザイン寄りの学習サイトです。（HTML/CSSも学べます）
デザインの基本知識からPhotoshop・Illustratorなどのソフトの使い方、UI/UXのデザイン学習など、無料とはいえかなり充実した学習サービスとなっています。

有料オンラインスクールでは足りなくなりがちなデザイン知識についてはこちらで補習されるのがおすすめです。

• chot.design

Schoo（スクー）

Schooは生放送形式でWebデザインはもちろん、自己啓発や英語などさまざまな動画を見ることができます。

大手企業や専門領域の第一線で活躍するプロフェッショナルが講師で、生放送だけであれば無料で閲覧可能ですが、月額980円を払えばこれまで溜まりにたまった4,600本の録画動画が見放題です。

• Schoo（スクー）

デザイン学習のみ

Cocoda!

Cocoda!は主にAdobe XDを利用した無料のUI/UXデザイン学習サービスです。
デザインの基本知識から実践的な内容までスライドを通して学ぶことができます。また学ぶだけではなく、実際にデザインを作って投稿までできる学習内容は魅力的です。

しかも実際の企業からのテーマもあり、優秀作品は採用オファーが届くなどユニークなサービスとなっています。

• Cocoda!

さいごに

ここまでWebデザインが学べるオンラインスクールについてご紹介してまいりましたがいかがでしたでしょうか？

また、オンラインスクールに限らず教室タイプも含めて検討したい方はこちらでおすすめをまとめていますので合わせてご覧ください。

【Webデザインスクール厳選6社】社会人向けおすすめスクール徹底解説！

このページでは、社会人が実践的なWebデザインを学ぶにはどんなスクールが良いかを、おすすめスクールと合わせて徹底的に解説していきたいと思います。ぜひご覧ください。

※以下税抜き表示

講師付きオンラインスクール

• 1位：CodeCamp
  テキスト学習タイプ
  178,000円／2ヶ月プラン〜
• 2位：TechAcademy
  テキスト学習タイプ
  139,000円（学生109,000円）／4週間プラン〜
• 3位：SKILLHUB
  動画学習タイプ
  229,800円／3ヶ月

講師なしオンライン学習サービス

• Progate
• ドットインストール
• Udemy
• chot.design
• Schoo
• Cocoda!

【副業アイデア10選】WebデザイナーがPCだけで稼げる実践的アイデア集

世の中には数多くの副業がありますが、今回はWebデザイナーのスキルを持っているあなただからこそできる副業について、様々な実践的アイデアを交えつつご紹介していきたいと思います。

オンラインスクール 主婦 学生 社会人

• facebook
• Tweet
• hatebu
• Read Later
• Share