オンラインスクールでWebデザインを学ぶ

通学式のスクールがベストですが、地方に住んでいる方や、会社で働きながらWebデザインを勉強したいという方は、オンラインスクールを選びましょう。

オンラインスクール６校、動画講座３つ、オンライン学習ツールを紹介します。

Webデザインやプログラミングの勉強のきつい点は、不明点や疑問点が噴出しまくり、すぐにつまづいてしまうことです。だからこそ、スクール選びでいちばん重要なのは
「わからない箇所をすぐに質問できる」
という点です。
オンラインスクールはビデオチャットやテキストチャットで質問ができますが、本当に質問しやすいのか？いつでも質問できるのか？に注意しましょう。

おすすめのスクールは、ビデオチャットで講師と話せるこの２校です。

• CodeCamp
• TechAcademy

テキストチャットで質問するのってタイピングするのが面倒ですもんね。。
ただ、テキストでしか質問はできませんが、定評あるデジタルハリウッドの動画教材で学べるデジハリONLINEも優れたスクールなのでおすすめです。
バリバリの正社員Webデザイナーになるのではなく、副業案件としてWeb制作案件がほしいという方は、いま盛り上がっているデイトラも十分ありです。

オンラインスクールはそれぞれに特色があるので、各スクールの解説を読んで自分に合うサービスを検討してみてください。

オンラインスクール一覧

CodeCamp

『CodeCamp』はオンラインのWebデザインスクールです。低価格でマンツーマン指導が受けられるのが最大の特長です。まずは独自のオンライン教科書で自習し、週2〜3日程度のペースでビデオ通話（Google Meet使用／40分）で自分のPC画面を講師と共有し、コードを講師に見てもらいながら質問したりフィードバックがもらえます。オンラインなので毎日7時〜24時まで時間と場所を選ばずに学習できます。おすすめのコースは「デザインマスターコース」。PCは自分で準備する必要があります。

こんな人にオススメ！
自由な時間に受講したい／会社員で忙しい／マンツーマン個別指導が良い／安いスクールが良い

TechAcademy

4週間から短期で受講可能なオンラインのスクール。Adobe Creative Cloud コンプリートプランを3ヶ月分無料で利用できます。
オンラインのオリジナル学習システムを使って自ら学習を進めていき、週2回メンターにビデオチャットで質問ができます。また、毎日15時〜23時の間に不明点を何度でもチャットで質問可能。「Webデザインコース」がおすすめ。自分である程度は自習ができてメンターによる最低限のサポートが欲しい人におすすめのスクールです。PCは自分で準備する必要があります。

こんな人にオススメ！
自由な時間に受講したい／会社員で忙しい／マンツーマン個別指導が良い／安いスクールが良い

デジハリONLINE

スクール名	デジハリONLINE
費用	¥281,600（税込）	場所	オンライン
受講 形式	映像教材／オンラインで講師が課題を添削／Slackで質問し放題	対象 学科	Webデザイナー講座 就転職プラン
学習 内容	Photoshop／Illustrator／Dreamweaver／HTML／CSS／JavaScript
期間	約7ヵ月	開講 時間	–
その他	「Adobe Creative Cloud」を39,980円（税込）購入可能／就職サポートあり／在宅ワーク案件の紹介あり

デジハリのオンライン版スクール。115時間分の映像教材が視聴できます。ライブ授業は5時間分あります。録画済みの動画教材中心なのでかなり安く受講できます。デジハリの動画教材で学んでみたいには超おすすめのスクールです。受講形式は教材を自分で進めて課題を制作しオンラインで講師に添削してもらうスタイルです。学習中の疑問や質問はいつでも講師にSlackで直接聞くことができます。在校生・卒業生専用の就職支援サイト「ジョブスタイルサーチ」も利用でき、正社員・派遣求人のみならずフリーランス案件も紹介可能です。公式サイトでは動画授業のサンプルが視聴可能です。PCは自分で準備する必要があります。「Adobe Creative Cloud」を39,980円（通常は6万円程度）で購入可能です。

こんな人にオススメ！
デジハリの映像教材で学びたい／自由な時間に受講したい／会社員で忙しい／安いスクールが良い

N予備校 Webデザインコース

コーディングからデザインまですべて学べる授業がたったの月1000円で受講できます。コスパ最強なので、「とにかく安くWebデザインを学びたい！」という方はぜひ受講を検討してみてください。オンラインの教材で自習で学び、不明点などはフォーラムで質問することで講師や受講生から回答や意見がもらえます。他のスクールに通いつつ、補講としてN予備校を受講スタイルがおすすめです。さらに知識が深まります。

こんな人にオススメ！
激安なスクールが良い／自由な時間に受講したい／会社員で忙しい

デイトラ

毎日プログラミングのステップを投稿する「#30DAYSトライアル」のハッシュタグから始まったSNSで人気のスクール。動画授業で自習し、不明点や疑問はSlackのコミュニティで質問するスタイル。90日で完結しますが、1年間はメンターに質問できます。デザインとコーディングを両方学ぶには「Web制作コース」と「Webデザインコース」の2コースを受講する必要がある。WebデザインコースはPhotoshopとIllustratorではなくFigmaというデザインツールを使用します。バリバリの正社員Webデザイナーになるよりも副業案件の獲得を目的にしている印象です。

こんな人にオススメ！
副業案件がやりたい／自由な時間に受講したい／会社員で忙しい／安いスクールが良い

侍エンジニア塾

スクール名	侍エンジニア塾
費用	12週間プラン：¥209,400（税込） ４週間プラン：¥69,800（税込） ※学生料金あり（25歳以下）	場所	オンライン
受講 形式	専用教材サイトで自習／オンライン対面レッスン／チャットで質問／QAサイトで質問	対象 学科	Webデザインコース
学習 内容	Photoshop／XD／HTML／CSS／JavaScript／WordPress
期間	4週間／12週間	開講 時間	8:00～22:00
その他	無料体験レッスンの受講でAmazonギフト券最大2,000円／就職サポートあり

4週間は短すぎるので12週間プランがおすすめ。受講者専用の教材サイトを自分で進めながら担当のインストラクターにいつでも質問でき、インストラクター不在の場合は専用QAサイトで質問ができます。カリキュラムは自分が学びたい内容に応じてオーダメイドで組めます。対面レッスンは週に１回原則60分。実績となる制作物を作ることを重視しており、受講期間中にゼロからオリジナルのWebサイトを制作します。講師と相談の上で対面レッスンも可能ですが、基本的にはオンライン対面レッスンです。PCは自分で準備する必要があります。

こんな人にオススメ！
自由な時間に受講したい／会社員で忙しい／安いスクールが良い

オンライン動画講座

動画講座の一覧です。録画済みの動画を見て学習スタイルです。料金が激安なのが特長です。

特におすすめなのが『Udemy』です。たった1300円程度で質が高くボリュームのあるWebデザイン講座が受講できます。
『Adobeマスター講座』も紹介しますが、これはもう裏技です笑。AdobeCreativeCloudを正規の価格よりも激安で入手できちゃいます。

Udemyの動画のレベルは高く、かなり勉強にはなりますが、あくまで「補講」として捉えましょう。自分の不得意な分野を補ったり、スクールで曖昧な点をより深掘りするための補講として考えたほうがいいです。

Udemy（ユーデミー）

スクール名	Udemy
費用	セール時：1200〜1600円 （通常時は20,000円以上）	場所	オンライン
受講 形式	録画済み動画	対象 学科	例：未経験からプロのWebデザイナーになる！ 400レッスン以上の完全マスターコース
学習 内容	講座による。例：Photoshop／Illustrator／XD／Figma／Sketch／HTML／CSS／JavaScript／WordPress／Sass／Git／PHP
期間	–	開講 時間	–
その他	–

『Udemy』は動画教材です。コスパ最高というか異常な安さです。Webデザインから英会話まで様々な動画講座を販売しています。通常24000円くらいのコースが1200〜1600円くらいになる爆安セールを月に5〜6回ほどやるので、そのタイミングで講座を購入します。
Webデザインのコースもかなり充実しています。講義時間も講座によっては40時間以上！に及ぶものもあり、レッスンの質が高いものが多いです。おすすめの講座は、『未経験からプロのWebデザイナーになる！ 400レッスン以上の完全マスターコース』。その他にもぜひ受講してほしい講座は、独学でWebデザインを勉強するための完全ガイドにまとめました。

こんな人にオススメ！
激安でWebデザインを勉強したい／自由な時間に受講したい／会社員で忙しい

Adobeマスター講座

スクール名	Adobeマスター講座
費用	¥39,980（税込）	場所	オンライン
受講 形式	動画／オンラインによる課題添削	対象 学科	–
学習 内容	Photoshop／Illustrator／Dreamweaver／HTML／CSS／After Effects／Premiere／InDesign
期間	3ヶ月	開講 時間	–
その他	–

AdobeCC（AdobeCreativeCloud）を激安で入手できる裏技的な講座。しかもデジハリの46時間の動画教材付き。通常AdobeCCは1年契約すると65,760円ですが、この講座はAdobeCC1年分がセットとなるので実質39,980円でAdobeCCを入手できる。AdobeCCは年に数回、公式サイトやアマゾンで割引セールをやるがここまで割引されることはめったにないです…。ちょうどAdobeCCを契約するタイミングならこの講座を購入する方が良いです。PhotoshopやIllustrator以外にAfter EffectsやInDesignの授業も含まれるます。デジハリの動画教材の視聴期間は1ヶ月。その後2ヶ月の課題添削期間で、授業中に作成した課題を講師が添削してくれます。

こんな人にオススメ！
AdobeCCを激安で入手したい／激安でWebデザインを勉強したい／自由な時間に受講したい／会社員で忙しい

たのまな

ヒューマンアカデミーのAdobeCC付きストリーミング動画講座。動画を視聴して課題に取り組むスタイルです。講座内容で分からない箇所は、受講中なら回数無制限でメールで質問が可能。添削課題トレーニングは別料金のオプションになります。

こんな人にオススメ！
自由な時間に受講したい／会社員で忙しい

オンライン学習ツール

オンライン上でコーディングを学べるサービスの紹介です。『ドットインストール』と『Progate』は鉄板のコーディング学習ツールです。スクールに通わず独学する場合は必ずやっておきましょう。

ドットインストール

ドットインストールは、主にコーディングのレッスン動画を配信しているサービスです。
コーディング学習のとっかかりとして、まずはドットインストールの動画をザッと見ると「HTMLってこういうことか！」とサクッと雰囲気がつかめます。プレミアム会員になれば、もっと多くの動画が見れますが、とりあえず無料プランでHTML・CSS・JavaScriptの動画を片っ端に見ましょう。見てほしい無料動画は、独学でWebデザインを勉強するための完全ガイドにまとめました。

こんな人にオススメ！
コーディングって何？という人

Progate

Progateはコーディングのオンライン学習ツールです。サイト上で実際にコードを書きながら学べるので、知識が定着しやすいです。コースの途中までは無料です。有料プランはたったの月980円です。まずは上で紹介したドットインストールでザッとHTML/CSSの基礎を理解したあとにProgateをやるとさらにコーディングの知識が深まります。

こんな人にオススメ！
コーディングの基礎を習得したい人

メンター

個別指導でデザインやコーディングのアドバイスをしてくれるメンターを見つけられるサービスです。

メンタ

『メンタ』はデザインやコーディングの学習をサポートしてくれるメンターを見つけられるサービス。学習に行き詰まっていたり、デザインやコーディングのレビューをしてくれる先生が欲しい人にはぴったりのサービスです。ポートフォリオ制作や転職活動のアドバイスももらえます。勉強って孤独になりがちですよね…。自分に合うメンターが見つかれば良き相談相手になってくれてモチベーションもアップします。

こんな人にオススメ！
独学をサポートしてくれるメンターが欲しい／デザインやコーディングの添削をしてもらいたい

おすすめは『CodeCamp』と『TechAcademy』

完全マンツーマンの『CodeCamp』

『CodeCamp』は、週２〜３回の完全マンツーマン指導のオンラインスクールです。
家庭教師とかオンライン英会話のイメージですね。

• マンツーマン指導
• ビデオ通話での授業＆その場で質問が可能
• Webデザインコースのカリキュラムが充実

ビデオ通話でマンツーマン指導のスクールはCodeCampだけだと思います。

「テキストチャットで質問は無制限にOK！」というオンラインスクールは多いのですが、質問の文章を書き上げるだけで無駄に時間が掛かってしまいませんか・・・

『CodeCamp』は、わからない箇所は、その場でモニターで相手の顔を見ながら質問ができます。苦手な箇所は重点的に勉強できるし、得意な分野はさらに掘り下げれたりと、自分のペースで学習できます。これはすごいです。まさにオンライン家庭教師です。

Webデザインコースのカリキュラムは必要十分な内容です。HTML/CSS、JavaScript、jQuery、Photoshop、Illustrator、さらに実際の現場によってはよく使うBootstrapも含んでいます。

費用は４ヶ月プランの場合、24,8000円です。週２〜３回の受講で、学習時間は週10〜15時間です。入学金は10,000円です。１レッスンあたり約5,000円〜7,400円です。マンツーマンでこの金額はかなり安いほうです。無料体験でどんな雰囲気か体験してみましょう。

『CodeCamp』は、「プロから直接じっくりと教えてほしい！」という方が対象です。自習スタイルではなく、最短で効率の良い学習方法をプロが提示してくれるのを求めているなら『CodeCamp』を選択しましょう。

自習＆メンター付きの『TechAcademy』

CodeCampとは異なり、自習スタイルに重きを置いて、わからない箇所は随時メンターに質問するタイプのスクールが『TechAcademy』です。
自分ひとりでサクサク勉強したい人はこちらのスクールがオススメです。あと学生さんなら10万円近く安くなるので、25歳以下で大学生ならTechAcademyはかなりお得です。

授業の内容は申し分ないです。
デザイン分野はIllustratorこそ無いものの、デザインの原則やワイヤーフレームなどデザイン自体が学るのは貴重です。これは珍しく通学式のスクールでもめったにありません。
GitやSassなどコーディング分野で最先端の内容も学べます。オススメのカリキュラムです。

わからない箇所は毎日15時〜23時の間でテキストチャットで質問ができます。テキストのチャットはちょっと面倒ですね・・・。でも、週２回はビデオチャットでメンターと直接話せます。ここで疑問点はしっかり解決したいところですね。

『TechAcademy』は個人的には短期間の受講をオススメします。
16週間の長い期間で受講すると289,000円（学生は199,000円）と高額です。そのわりにテキストチャットと週２回だけしかビデオ通話で質問できないのはちょっと悲しいです。
それならもういっそのこと短期間の４週間プランで受講料を139,000円とリーズナブルに抑えて、集中的に１ヶ月でカリキュラムを終えてしまう方が良さそうです。その分、週の学習時間は20〜40時間（１日３〜６時間）と多くなり少し大変にはなりますが。いやー30万円近くの出費はちょっと痛いですもんね。。1ヶ月で終えたいところです。

でも、ここまで言っておいてなんですが、、、はっきり言って１ヶ月の学習期間じゃまったく足りません。短すぎて理解は浅いままだし、さらにポートフォリオの制作期間も必要です。Webデザインの勉強は最低でも３ヶ月は必要だと思ってください。TechAcademyや学習期間が短いスクールを受講する場合は、Udemyや書籍で知識やスキルを補強するようにしてください。