デザイナー目線。モノ・コト紹介するサイト

【Webデザイン】通信・オンラインスクールをタイプ別に7社厳選

Webデザインスクール

A子
A子

Webデザインを自宅で勉強したいんだけど、どんなスクールがいいのか悩むんだよなー

という方はぜひご覧ください。
およそ20以上のオンラインスクールから厳選した7社をご紹介してまいります。

この記事の主な内容

なお、オンラインスクールにはこんなメリットがあります。

オンラインスクールのメリット

  • 教室タイプと比べて値段がリーズナブル
  • 自宅でもどこでも自由に学べる
  • 自分の好きな時間帯に学び進められる

できるだけ安く、効率的に勉強を進めたい方や、地方・海外でスキルを高めたい方には特におすすめです。

講師
講師

このページでは、そもそも何を学べば良いのか?という点も含め詳しく解説していきます。ぜひご覧ください!

スポンサードサーチ

Webデザインスクール(通信&オンライン)で最低でも身につけたいスキル

スマホを見る女性

ドットインストールProgateのように、今や無料でプログラミングスキルを学べるところも増えてきましたが、「Webデザインスキル」についてはまだまだスクールでしか学べません。

ちまたでは「Webデザインが学べる」と謳っていながらデザインスキルそのものは講座内容に含まれていないスクールも存在するため、このページではおよそ20以上のオンラインスクールから最低でも以下が学べる講座に絞ってご紹介してまいります。

  • Webデザインの基本知識
  • Photoshop
  • Illustrator
  • HTML/CSS
※Illustratorについて
TechAcademyWEBCAMP ONLINE (改修中)はIllustratorが含まれませんが、基本的な使い方をマスターすれば大丈夫ですので、Udemyで補習される形で問題ありません。

また、これからWebデザインスキルを習得する上で、できれば最低でも取得しておきたいスキルについて、以下の記事でもご紹介しておりますので興味のある方はご覧ください。

Webデザインスクール(通信・オンライン)には3種類の学習方法あり&スクール一覧

オンラインスクールの学習方法は主に下記3つに分けられます。

  1. 個別指導(マンツーマン)がメイン
  2. テキスト講座がメイン
  3. 動画講座がメイン

このあとはこの3つごとに、それぞれのメリットとおすすめのスクールをご紹介していきます。ひとまずご紹介するスクールを先に上げると以下のとおりです。

個別指導がメイン

  • CodeCamp
    ※個別指導でコスパ最強

テキスト講座がメイン

動画講座がメイン

講師
講師

それぞれ詳しくご紹介していきます!

スポンサードサーチ

マンツーマン指導がメインのWebデザインオンラインスクール

マンツーマン指導のメリット

  • 自分のスキルや習得状況に合わせて学習を進めてもらえる
  • 分からないことがすぐ、細かく、何度でも聞けるため理解スピードが早い
  • とにかく濃密な学習を進められる

CodeCamp(コードキャンプ)

CodeCamp

ポイント

  • 個別指導で家庭教師のような濃密さ
  • 厳選な審査を通過した優秀な現役エンジニアが直接指導
  • 365日、7:00〜23:00いつでも受講可能

CodeCampはWeb・IT業界トップクラスの現役プロから直接マンツーマンで学べるオンライン個別指導No.1のスクールです。

モニター上で直接教わりながら受講できるため、家庭教師のような濃密さが魅力です。(音声のみのやりとりも可能)
受講時間も365日、7:00〜23:00という広い時間帯で受講できる点は、教室タイプでもここまでのスクールは他にありません。

また、デザインマスターコースで学べる内容は即戦力のWebデザイナーとして最低でも学びたい点をすべて満たしており、個別指導を加えてもこれが14万円代から習得できる点はコスパ的に最強です。
40分ほどの無料体験でさらに1万円分のクーポンが貰えるため、どんな感じかまずは気軽に試してみてくださいね。

受講タイプ オンラインスクール
コース名 デザインマスターコース
最安料金 148,000円(税抜)/2ヶ月(+入学金10,000円)
習得スキル Photoshop・Illustrator・HTML/CSS・JavaScript・jQuery・Bootstrap(レスポンシブデザイン)
総学習時間 160〜200時間
受講期間 2ヶ月・4ヶ月・6ヶ月
対応時間 7:00〜23:40
卒業後サポート » 転職サポートあり ※就職・転職成功で10万円特典
無料体験 » 無料体験あり
その他 ソフトは自前で用意。たのまなAdobeストアでお得に購入可
  • CodeCamp ※無料体験で1万円分クーポンプレゼント中!

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

テキスト講座がメインのWebデザインオンラインスクール

テキスト講座のメリット

  • 分からないところはじっくり、分かるところはサクサク進められる
  • 何度も見直しができる
  • 書籍のように親しみやすく学べる

TechAcademy(テックアカデミー)

TechAcademy

ポイント

  • 期間内で4つのWebサイトをリリース!実践的なレッスン内容
  • チャット返信の速さや講師の人柄などで高評価
  • 週2回のマンツーマンメンタリングでモチベーション維持

TechAcademyは期間内で4つのWebサイトをリリースするかなり実践的なレッスン内容となっています。実務に近い学習方法で「作りながら覚えていく」を繰り返して最終的にオリジナル作品をゼロから作れるスキルを習得します。

不明点などは主にチャットツールでやりとりを行いますが、返信の速さや講師の人柄などは特に評価を得ています。また、モチベーションが維持できるよう、チャットサポートや週2回のマンツーマンメンタリングがある点も魅力的ですね。

なお、総学習時間が160時間となっていますので、4週間プランだと平日は毎日4.8時間+土・日も毎日8時間というスケジュールになります。
仕事をしながらの方は、始めから8週間プラン(税抜179,000円・学生119,000円)で契約されるのがお得です。

無料体験ではなんと1週間もの間、毎日最大8時間のチャットサポートや課題レビュー、ビデオチャットなど本番さながらの本格的な受講体験が可能です!

受講タイプ オンラインスクール
コース名 Webデザインコース
最安料金 129,000円・学生:89,000円(税抜)/4週間〜
習得スキル Webデザインの原則・ワイヤーフレーム・Photoshop・HTML/CSS・JavaScript/jQuery・Git/GitHub・レスポンシブデザイン
総学習時間 160時間
受講期間 4週間・8週間・12週間・16週間
対応時間 15:00〜23:00
卒業後サポート » 転職サポートあり
無料体験 » 無料体験あり ※1週間本格的な体験ができる
その他 ソフトは自前で用意。たのまなAdobeストアでお得に購入可
  • TechAcademy ※説明会動画閲覧で10,000円割引!

TechAcademyの特徴・評判・口コミをしっかり紹介!

DMM WEBCAMP ONLINE(DMMウェブキャンプオンライン)

WebCamp Online

WEBCAMP ONLINEは現在コース改修のため新規受付を行っていないそうです。以下情報は参考としてご覧ください。

ポイント

  • 学習継続率No.1、生徒増加率No.1のWebCampが運営
  • 4週間の短期集中学習ができる
  • リーズナブルな受講料

DMM WEBCAMP ONLINEは2,500人以上を輩出したWEBCAMPが運営するオンライン学習システムです。2018年11月よりDMM傘下となりました。
受講中はオンライン上で質問し放題に加え、週二回のオンライン面談でモチベーションを維持できるのが魅力。基本的なサイト制作スキルをコンパクト&リーズナブルに学べるのが特徴です。
※教室タイプのWEBCAMPではPhotoshopなどのデザインスキルは含まれていません。

受講タイプ オンラインスクール
コース名 Webデザインコース
料金 99,800円(税抜)/4週間
習得スキル Photoshop・HTML/CSS・JavaScript/jQuery・レスポンシブデザイン
総学習時間 75時間
受講期間 4週間
対応時間 13:00〜21:00
卒業後サポート なし
無料体験 » 無料体験あり
その他 ソフトは自前で用意。たのまなAdobeストアでお得に購入可

DMM WEBCAMP ONLINEが選ばれる5つの理由を徹底解説!

たのまな 在宅WORKスタートパック

たのまな 在宅WORKスタートパック

ポイント

  • Adobe CCソフト込み価格。オプションでMac Bookも学生価格で買える!
  • Web制作の一通りのスキルが習得できる
  • 在宅で働くための実践的なセミナーが無料で受講できる

たのまな 在宅WORKスタートパックではデザインに必要なソフトの使い方や、Web制作に必要なHTML/CSS・WordPressなど一通りのスキルを学べるほか、仕事の獲得方法や契約書の交わし方など、在宅ワークで役立つセミナーが無料で受講できます。

しかも、通常は別で用意しなければいけないPhotoshop・Illustratorが付属し、更にアカデミック価格で購入できるMacBook付きのコースもあるため、全てワンパッケージで始められるのもポイントです。

受講タイプ オンラインスクール
コース ホームページ制作コース
料金 262,200円(税込・Adobe CCソフト付き)
習得スキル Webサイト制作基礎・Photoshop・Illustrator・HTML/CSS・WordPress・Webディレクション
総学習時間 約60時間
受講期間 6ヶ月
卒業後サポート スムーズに仕事をスタートするための講座内容充実
資料請求 » 資料請求あり
その他 ソフトは付属。PCはアカデミック価格で購入可

GeekGirlLabo(ギーク・ガール・ラボ)

ギークガールラボ

ポイント

  • 卒業後に生徒の課題添削や質問に答える講師(チューター)になれる制度あり
  • 結婚、出産後や復職に苦労する女性向けのコンセプト
  • OJTで実際の案件で制作実習ができる

女性自立のために作られたスクール。そのため、Web技術だけでなく卒業後に実際に仕事をするためのサポート体制が整っているのが特徴です。
就職支援・在宅ワークのマッチングサポートはもちろん、そのままスクールの講師になれる制度もあってサポート体制が抜群です。

受講タイプ オンラインスクール
コース Webデザイン・制作コース
料金 169,000円(税込)
習得スキル Photoshop・HTML/CSS・WordPress
総学習時間 約60〜70時間
受講期間 最後の課題提出後3ヶ月(休学制度もあり)
卒業後サポート » 就転職サポートあり
無料体験 » 無料体験あり
その他 ソフトは自前で用意。たのまなAdobeストアでお得に購入可

スポンサードサーチ

動画講座がメインのWebデザインオンラインスクール

動画講座のメリット

  • 映像を見ながら勉強ができるため分かりやすい
  • 何度も見直しができる
  • 文章よりもイメージがつかみやすい

デジハリオンラインスクール

デジハリオンライン

ポイント

  • 基本知識から高度なスキルまでデジハリの独自カリキュラムで学べる
  • Web制作スキルの他、現場で使える知識などを学べる
  • 就職・転職成功させると20万円のキャッシュバック!

専門学校デジハリのWebオンラインスクール版。「就転職プラン」では、Webの基本知識からJavaScriptなど高度なスキルがデジハリならではの動画教材で学べます。
週2〜3日の受講でOKなので、焦らずじっくり学びたい方にとってとても理想的。しかも就職・転職成功させると20万円のキャッシュバック!

受講タイプ オンラインスクール
コース Webデザイナー講座:就転職プラン
料金 276,480円(税込)
習得スキル Photoshop・Illustrator・HTML/CSS・JavaScript/jQuery・Dreamweaver・レスポンシブデザイン・企画/ワークフロー・カラー/フォント
総学習時間 98時間
受講期間 7ヶ月間
卒業後サポート » 就転職サポートあり
無料体験 » 資料請求のみ
その他 ソフトは自前で用意。たのまなAdobeストアでお得に購入可

SKILLHUB(スキルハブ)

SKILLHUB

ポイント

  • ビデオチャットで個別指導が受けられる(12回)
  • フリーランスでお金を稼ぐ方法までアドバイスを受けられる
  • 初心者向け動画講座は無料で閲覧可能

初心者動画講座が無料で閲覧できるSKILLHUB。このサイトにある有料プレミアムサービスに契約すると有料動画に加えパーソナルコーチがついてあなたに合った勉強方法をサポートしてくれます。

受講タイプ オンラインスクール
コース フリーランス・デビュー支援プラン
料金 169,800円(税抜)
習得スキル Webデザイン基礎・Photoshop・Illustrator・HTML/CSS・WordPress・レスポンシブデザイン
総学習時間 90時間
受講期間 最短3ヶ月
卒業後サポート なし
無料体験 なし
その他 ソフトは自前で用意。たのまなAdobeストアでお得に購入可

Webデザインスクール(通信・オンライン)を安い順にランキング

これまで出たスクールの中から価格別に並べて5位までのランキングを作ってみました。価格はすべて均等になるよう税込に変更しております。

価格別ランキング

  • 1位WEBCAMP ONLINE (改修中)
    107,784円/4週間(75時間)
  • 2位TechAcademy
    139,320円・学生96,120円/4週間(160時間)
  • 3位CodeCamp
    170,640円(入学金込み)/2ヶ月(160〜200時間)
  • 4位GeekGirlLabo
    169,000円/無期限(60〜70時間)
  • 5位SKILLHUB
    183,384円/最短3ヶ月(90時間)

この中で最もコスパが高いのはCodeCamp

CodeCamp

単純に金額だけで考えるとWebCampOnlineが税込107,784円で最も安いですが、総学習時間が75時間。1時間あたりにすると1,437円になります。

その他、全スクール同じように1時間あたりの金額で算出してみることで、最もコスパが高いスクールがどこか見えてきます。以下はそのランキングです。
※すべて税込みで計算

コストパフォーマンス別ランキング

1時間あたりではCodeCampが最もコストパフォーマンスの高いスクールになります。
個別指導でありながら料金が安く抑えられているのはとても魅力的ですね。

  • CodeCamp
    ※今なら無料体験で1万円クーポンプレゼント!

スポンサードサーチ

教室タイプでもオンラインスクール並みの料金で学べるWebデザインスクールもあり

TechCamp

教室へ通うタイプのWebデザインスクールは基本的に設備代などでとても割高になるケースが多いのですが、唯一TECH::CAMP ( » 詳細 )だけはオンラインスクール並みの価格で受講可能です。

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

TECH::CAMP(テックキャンプ)

TECH::CAMP

ポイント

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

TECH::CAMP ( » 詳細 )は初月148,000円を払えば2ヶ月目以降は14,800円で通い放題・学び放題の通学型スクールです。※オンラインのみでの受講も可能。

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

そして学ぶ内容もPhotoshopやHTMLはもちろん、VR・AI人工知能などの最先端なスキルまで、時間のある限り学び放題な点も大きな特徴です。
5,000回以上アップデートを繰り返すオリジナル学習教材や全体的な仕組みで今や満足度98%。とにかくコストパフォーマンスは最強です!

受講タイプ 教室へ通う
コース 学び放題
料金 入会月:148,000円/2ヶ月目以降1ヶ月あたり:14,800円(税抜)
習得スキル Webサービス開発・テクノロジーセミナー・オリジナルアプリ開発・AI(人工知能)入門・デザイン・VR/3Dゲーム開発・iPhoneアプリ開発
総学習時間 学び放題
受講期間 1ヶ月〜
教室 渋谷・新宿・東京駅前・名古屋・梅田
営業時間 (平日)16:00〜22:00/(土日祝)13:00〜19:00
卒業後サポート なし
無料体験 » 無料体験あり
その他 ソフトは自前で用意。たのまなAdobeストアでお得に購入可

【コスパ最強】教室タイプのTECH::CAMPを徹底解説!

その他、教室タイプのWebデザインスクールはこちらをご覧ください。

Webデザインスクール(通信・オンライン)卒業後はどれだけ稼げそうか?

自宅で本格的にWebデザインが学べるオンラインスクールを比較してまいりましたがいかがでしたでしょうか?

A子
A子

スクールは選びやすくなったけど、金額はやっぱり悩むな・・・

スクールは金額がかかるデメリットがあります。しかし、これまで何のスキルもなかった状態からWebデザインのスキルを習得することでどれだけ今後稼げるか想像したことはありますでしょうか?

たとえばレバテッククリエイターという求人サイトで「Webデザイナー」の職種で探してみてください。

レバテッククリエイター

いくらの月収が表示されましたか?

レバテッククリエイターで掲載中の月収最大59万円の求人情報
レバテッククリエイターで掲載中の月収最大85万円の求人情報
レバテッククリエイターで掲載中の月収最大75万円の求人情報

こちらは主に首都圏のフリーランスや派遣で働く方向けの企業常駐案件紹介サイトです。

もちろん都心部在住のフリーランス向けだからこその高単価でしょうけど、こんな月収が稼げるスキルを手にするということです。
スクール代があっという間にもとを取れることはこれを見ても明らかです。
しかしこの求人に応募できるのも年齢制限がある場合があります。

独学で学ぶことは安く学べる半面、計画性がないとあっという間に時間が過ぎてしまうデメリットがあります。

講師
講師

学生ならまだしも、社会人ならスクールに投資してキャリアチェンジを図り、早めに稼ぎ出す方法がとっても効率的です。

Webデザインスクール(通信・オンライン)は無料体験で吟味することが大切

スクール選びに大切なことは実はこのページの情報だけでは足りません。
実際は以下のようにもっと細かくチェックする必要があり、それは体験入学してみなければ分からないところも沢山あります。

  • スクールの空気が自分に合っているか?
  • どんな性格の講師が教えてくれるのか?
  • スクールで作る成果物はどんなレベルか?
  • 卒業生はどんな企業に就職したり、どれくらい独立成功しているか?

スクールの評判を気にしてらっしゃる方も多いですが、誰かの評判が必ずしもあなたにとって良い・悪いを判断できるとは限りません。

こればかりは体験入学して実際に確かめなければ分からないため、無料体験を実施しているスクールであれば積極的に参加して内容を吟味することがとても大切です。

無料体験を実施しているスクール

というわけで、今回は以上です!

講師
講師

オンラインスクールを検討している方にとってこのページが参考になりましたら嬉しいです!