最終更新日:2020/10/09
≪DAINOTE編集部推薦のDAIが実際に取材、体験してみて、特にオススメのWebデザイン系プログラミングスクール一覧≫
【第1位】CodeCamp(¥14,8000~): 在宅で未経験から副業でWeb制作し、副業で月10万円ほどを目指したい人向け!業界最安値! | レビュー記事
【第2位】TechAcademy(¥129,o00~):在宅で未経験から副業でWeb制作し、副業で月10万円ほどを目指したい人向け! | レビュー記事
【第3位】RaiseTech(¥173,000~):オンラインで副業案件獲得までサポートしてもらいたい人向け!|レビュー記事
【第4位】デジタルハリウッドスタジオbyLIG(¥450,000):教室で未経験からWebデザイナーとして転職した人向け!教室で学びたい人向け! | レビュー記事
【CodeCamp】完全オンラインのプログラミング個人レッスン
わずか¥148,000+入会金¥30,000で学べるスクール。学校や仕事と両立しながらオンラインでWebデザインを学習可能!自分に合ったメンターを選んで仕事の相談もしたい方必見!
【TechAcademy】Webデザインをゼロから学びたいならここ!
お手頃価格でWebデザインを基礎から学習!最短4週間から、自分のペースに合わせて学習可能。複数コース受講で最大60,000円もお得に!
【RaiseTech】副業に特化したWordPress副業コースがある!
実は副業で案件獲得するためのコースを開いているのはほぼRaiseTechのここだけ。Webデザインを学ぶだけではなく、副業での営業方法を学んだり、実際にスクールを受講しながら仕事をやってみたい方にはおすすめ。

こんにちは、DAINOTE編集部のDAIです。

「Webデザインを学びたいんだけど、どういうスクールに行けばいいの?」

DAI
この記事を読めば、自分に合ったスクールが見つかると思います。

 そこで今回は、以下について解説していきます。

  • Webデザイナーになるために習得すべきスキルとは
  • Webデザインを学ぶのにおすすめのスクールはどこか
  • Webデザインを学ぶには?

Webデザイナーになるために学ぶべきスキルとは?

Webデザイナーとして案件を受注している人たちは、以下のような技術を使って「Webデザイン」していきます。

  • Photoshop(フォトショップ、通称:フォトショ)
  • Illustrator(イラストレーター、通称:イラレ)
  • Adobe XD

そして、デザインを以下などのコードに落として実装していきます。

  • HTML
  • CSS
  • JavaScript
DAI
詳しく解説していきますね。

WebデザイナーになるためにAdobeのPhotoshop、Illustratorのスキルは必須

Adobe社の「Photoshop」「Illustrator」「XD」は、Webデザイナーになるならマスターすべき基本的なスキルです。

DAI
それぞれの特徴は以下の通りです。

Photoshop

Photoshop(フォトショップ)では、写真や画像など、Webサイトやアプリ内で使用するクリエイティブの編集を行います。

Illustrator

Illustrator(イラストレーター)では、チラシやフライヤー、アイキャッチ画像、アイコン、ファビコンなど、あらゆる画像系のクリエイティブを美しく製作します。

Adobe XD

XD(エックスディー)では、アプリやWebサイト内のビジュアルをデザインし、実際のサイトのようにボタンの動きなどをつけて構成を表現します。XDは、いわゆる「プロトタイプ」を作る「プロトタイピング」ツールです。

Webデザインを実装するためにHTML、CSS、JavaScriptのスキルは必須

Webデザインを考えるだけでなく、作ったデザインを実際に「動く」ものにすることが必要です。

デザインを「動かす」作業を一般的に「コーディング」と呼びます。コーディングとは、もっと具体的に言えば、HTML、CSS、JavaScriptなどのコンピュータ言語を記述し、プログラムします。

DAI
上記のスキルを使ったWebデザインの工程を確認してみましょう。
  1. HTMLを使って文字や画像を配置
  2. CSSを使ってそれらの配置・構成を決め、画面上に整理
  3. JavaScriptでポップアップウィンドウや検索機能をつける
  4. 立派なWebサイトやアプリの見た目部分が完成

未経験からWebデザインを学ぶためにスクールに行くべき?独学でもできる?

DAI
A.結論から言うと、スクールには行くべきです。

理由としては、以下の3つの理由があります。

  • ①何を学べばいいか分からない
  • ②エラーが起こっても解決できない
  • ③デザインの良し悪しを判断してくれる人がいないと成長しない

①何を学べばいいかわからない

Webデザインといっても、どの順番で何を勉強すればいいかわからずに挫折してしまう人がほとんどです。

そもそもWebデザイナーの仕事は、大きく分けると以下の3つに分かれます。

  • Webディレクター
  • デザイナー
  • コーダー
DAI
いきなり独学で始めると、この3つの勉強が混ざってしまいなかなか学習が進みません。

また、プログラミング一つとっても、コーダーとして学習しなければならないことは多くあります。

DAI
そのため、「何をどの順番で勉強したらいいのか。」を迷う前にスクールに行くのがおすすめです。

②エラーが起こっても解決できない

プログラミングを学習しているとエラーが起きるのですが、一人ではエラーが解決できないことが多くあります。

理由としては、以下のようなものがあります。

  • 何が分からないのかわからない
  • 検索の仕方が分からない

初心者の方だと、そもそも何がどう間違っていて、どの単語で検索すればいいのか分からないという状況になります。

DAI
独学できるようになる基礎をつけるために最初はメンターのいるスクールに行くのがお勧めです。

③デザインの良し悪しがわからない

デザインの勉強を一人でしても、「デザインが良いのか悪いのかが分からない。」という問題に直面します。

Webデザインの勉強は、以下の流れが多いです。

  1. 他の良いサイトのコピーを作って練習する
  2. 学んだことを応用して自分でデザインを作成する

ですが、一人だと自分で作ったデザインが良いのかどうかが分かりません。

DAI
そのため、初心者こそ一人で悩んで時間を使う前にメンターから客観的なアドバイスをもらえるスクールはおすすめです。

実際に、デザイン会社で有名なbaigieのsogitaniさんもこのようなツイートをしています。

DAI
「お金を払うことで結果を出さなければ!」と感じるのは挫折しないためにも大事ですね!

Webデザインスクールの選び方のポイント

Webデザインスクールの選び方として、以下の2点を見ていきましょう。

  • 予算
  • 学習環境

通学のスクールかオンラインスクールか

結論から言うと、オンラインのプログラミングスクールをおすすめします。

DAI
理由としては、予算が圧倒的に安く済むからです。
予算
オンラインスクール 10~30万円程度
オフラインスクール 50~80万円程度

この表からも分かる通り、オンラインとオフラインのスクールでは20~50万円ほど差があります。

DAI
オンライン+教室型のハイブリット型のスクールもあるので、自分にあった学習環境を選ぶようにしましょう。

Webデザインのスクールは安くてOK

Webデザインのスクールは高くてもそこまで質が上がるわけではないので安くてOKです。

理由としては、Webデザイナーとして仕事をするなら以下の2点の方が大事だからです。

  • 実務経験
  • オリジナルのポートフォリオ

どのスクールに行ったかよりも、どんな実務経験や自分で作ったサイトをまとめたポートフォリオの方が評価対象になります。

DAI
1~2か月スクールで学んで自力で作れるようになったらすぐに仕事を始めることをお勧めします。

Webデザインが学べるおすすめのプログラミングスクール徹底比較

市場が大きくなりWebデザイナーの需要が高まっていることもあり、Webデザインを学べるスクールは増えてきています。

DAI
人気スクールを早速紹介していきます。

  1. CodeCamp(¥148,000~):デザインマスターコース (場所や時間を選ばず勉強したい人向け)
  2. TechAcademy(¥129,000~):Webデザインコース (実践的なスキルを効率よく学びたい人向け)
  3. RiseTech(¥173,800~):Wordpress副業コース(副業で稼げるようになりたい人向け)
  4. デジタルハリウッドSTUDIO by LIG(¥450,000): Webデザイナー専攻, Webプログラミングコース(Webデザイナー転職、独立を目指す方向け)

Webデザインのスクールを選ぶ観点は?

スクールを選ぶ前に、チェックしておきたいポイントは以下の3点です。

  • 料金
  • 転職・独立支援の有無
  • カリキュラムにコーディングがあるか、ないか

具体的には、以下の項目を言語化して、自分に合ったスクールを選ぶことが大切です。

  • 予算はいくらなのか
  • 学習目標はなんなのか(就職?転職?副業?)
  • 何ができるようになりたいのか
DAI
Webデザインを学べるおすすめのスクールを比較してみます。

概要 価格 期間 スクールの形態
CodeCamp デザインマスターコース 148,000円+入会金30,000 2か月(4ヵ月、6カ月プランもあり) オンライン
TechAcademy Webデザインコース 社会人:149,000円
学割:129,000円
4週間(8、12、16週間プランもあり オンライン
RaiseTech WordPress副業コース 通常:261,800円
学割:173,800円
4か月 オンライン
デジタルハリウッドSTUDIO by LIG Webデザイナー専攻 450,000円 6か月 オンライン+教室型

完全オンラインでWebデザインを学べるプログラミングスクール3選

  • CodeCamp: 在宅で未経験から副業でWeb制作し、副業で月10万円ほどを目指したい人向け!業界最安値! | レビュー記事
  • TechAcademy:在宅で未経験から副業でWeb制作し、副業で月10万円ほどを目指したい人向け! | レビュー記事
  • RaiseTech:オンラインで副業案件獲得までサポートしてもらいたい人向け!|レビュー記事
【CodeCamp】完全オンラインのプログラミング個人レッスン
わずか¥148,000+入会金¥30,000で学べるスクール。学校や仕事と両立しながらオンラインでWebデザインを学習可能!自分に合ったメンターを選んで仕事の相談もしたい方必見!
【TechAcademy】Webデザインをゼロから学びたいならここ!
お手頃価格でWebデザインを基礎から学習!最短4週間から、自分のペースに合わせて学習可能。複数コース受講で最大60,000円もお得に!
【RaiseTech】副業に特化したWordPress副業コースがある!
実は副業で案件獲得するためのコースを開いているのはほぼRaiseTechのここだけ。Webデザインを学ぶだけではなく、副業での営業方法を学んだり、実際にスクールを受講しながら仕事をやってみたい方にはおすすめ。

CodeCamp:場所や時間を選ばずWebデザインを勉強したい人向け

【CodeCamp】完全オンラインのプログラミング個人レッスン
わずか¥148,000+入会金¥30,000で学べるスクール。学校や仕事と両立しながらオンラインで学習可能!自分に合ったメンターを選んで仕事の相談もしたい方必見!

CodeCampとは、オンライン完結型プログラミングスクールです。

CodeCampの概要

パソコン一台あれば通学の必要がなく、プログラミング初心者でも効率的にWebデザインやプログラミングを学習できます。

  • 受講者数:20,000人以上
  • 導入企業数:300社以上
  • 導入企業例:LINE株式会社、ガンホー・オンライン・エンターテイメント株式会社、株式会社インタースペース、株式会社レコチョクなど
  • レッスン満足度:94.6%
  • 在籍講師数:200人以上
  • 受講可能時間帯:7:00〜23:40 年中無休
  • レッスン時間:40分/1レッスン
  • レッスン形態:マンツーマン・オリジナルカリキュラム

仕事や学校と両立しながら自分のペースで学習できるのが、CodeCampの魅力。

未経験から始めて、エンジニアとして就職したり副業で稼いだり、実用的なスキルを身に付けることが可能です。

Webデザインを学びたい初心者向けの「デザインマスターコース」では、

  • HTML
  • CSS
  • JavaScript
  • jQuery
  • Photoshop
  • Illustrator
  • Boostrap
  • Webデザイン

に必要なスキルを網羅的に学習できます。

価格

デザインマスターコースだと、2ヶ月で148,000から。Webデザイン系のスクールの中では、かなりお手軽な価格で受講できます。

実際の体験談

実際に僕がCodeCampでプログラミングを学んだときの体験記事があるので、合わせてチェックしてみてください。CodeCampのカリキュラムや学習スタイル、最終的に提出した成果物などについて細かく書き留めてあります。

関連記事:【体験記】CodeCamp(コードキャンプ)の評判を確かめに、実際に2カ月受講してみた感想【PR】

実際にやってみてよかったのが、メンターをこちら側から選べる点ですね。例えば、女性の場合、在宅勤務でフリーランスをされている方を選んでキャリアの相談をしたり、案件の取り方について相談できたりします。

実際にサービスを体験できる、無料体験に申し込むと、カリキュラムの一部が解放されるので、気になった人はまず無料で試してみてください。

CodeCampで無料カウンセリングを受けてみる

【CodeCamp】完全オンラインのプログラミング個人レッスン
わずか¥148,000+入会金¥30,000で学べるスクール。学校や仕事と両立しながらオンラインで学習可能!自分に合ったメンターを選んで仕事の相談もしたい方必見!

TechAcademy:実践的なWebデザインスキルを効率よく学びたい人向け

【TechAcademy】Webデザインをゼロから学びたいならここ!
お手頃価格でWebデザインを基礎から学習!最短4週間から、自分のペースに合わせて学習可能。複数コース受講で最大60,000円もお得に!

TechAcademyは、最短4週間で未経験からプロを育てるオンライン完結のスクールです。どこかに通う必要なく、自宅でもプログラミングやアプリ開発を学ぶことができます。

特にGoodなポイントは

  • 自宅にいながらオンライン完結で勉強できる
  • 受講生に1人ずつ現役のプロのパーソナルメンターがつく
  • チャットで質問すればすぐに回答が返ってくる

でしょう。

TechAcademyには、Webデザインコースがあります。

さきほどの5万円ほどの案件を獲得するのに必要なスキルがすべて学べるコースですね。

料金も、一番短い期間でしたら、14万円ほどなので、業界最安値かと思います。副業で3件くらい案件が取れるようになれれば、2~3カ月くらいで回収できる値段ですね。

TechAcademyのインタビュー記事も以前に書いたことがあるので、見てみてください。

また、TechAcademyでは、無料体験ができるようです。まずは無料体験に申し込んだうえで、レッスンを受けてみるのがよいかと思います。

※更新情報 2019年8月3日
TechAcademyのコースは、1コース申し込むと、もう1コースが割引になるセット割があります。
複数コースをセットを申し込むと、普通に学ぶ場合よりも60,000円もお得になるようです。

【TechAcademy】Webデザインをゼロから学びたいならここ!
お手頃価格でWebデザインを基礎から学習!最短4週間から、自分のペースに合わせて学習可能。複数コース受講で最大60,000円もお得に!

RaiseTech:副業でWebデザインして稼げるようになりたい人向け:

RaiseTech(公式):
https://raise-tech.net/

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

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

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

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

実は副業で案件獲得するためのコースを開いているのはほぼRaiseTechのここだけ。

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

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

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

RaiseTechの場合は、かなり現場レベルのコースが学べます。

カリキュラムはこんな感じ。

ちょっとよくわからないかもしれませんが、ほかのスクールがカバーしない範囲の、より実務的なスキルを学ぶことができます。

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

料金 ¥261,800 / 2カ月
¥173,800 / 2カ月 (学割)
学習内容 Webデザイン,WordPressテーマ開発, 案件獲得の営業など
講師の充実度 月単価80万以上の現役エンジニアのみ採用
公式 https://raise-tech.net/courses/wordpress-sidejob-course

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

なので、受講しようか迷っている方は実際に2週間受けてみてから判断すると良いと思います。

RaiseTech 公式:https://raise-tech.net

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

オンライン+教室型でWebデザインを学べるプログラミングスクール

デジタルハリウッドSTUDIO by LIG:Webデザイナー転職、独立を目指す方向け

最後に紹介するスクールは、デジタルハリウッドSTUDIO by LIG。

業界では有名な、上野のWeb制作会社LIGと、デジタルハリウッド大学が運営するクリエイタースクールデジタルハリウッドSTUDIOが連携したスクールです。

デジタルハリウッドSTUDIO by LIGの概要はこちら!

  • Web制作会社LIGが運営しているので、Web制作のリアルがわかる環境を提供している
  • Webクリエイターを多数輩出してきた『デジタルハリウッド大学』が作成しているコンテンツを利用
  • 『デジハリxLIG』だからこそできる、就職、転職、独立に強い仕組み

デジタルハリウッドSTUDIO by LIGの価格はWebデザイン専攻で、450,000円から。

他のオンラインプログラミングスクールと比較すると、やや高いですが、その分Webデザインの現場の人から授業を受けられたりすることができます。

DAI
実際に受講してみた感想ですが、とにかくコンテンツが良いのと、LIG社員から業界の情報が聴ける点がGOODです。

実際にLIG社員がいる教室では、月に数回現役のデザイナーさんや、LIG社員を呼んでイベントを開催しています。

実際の業務の知見が得られるのが非常に大きなポイントとなります。

一方で、他のTechAcademyやCodeCampと比較すると、教室併用型になるので、受講料が少し割高になります。

受講した体験についてはこちらの記事を参考にしてみてください。 ≫デジタルハリウッドSTUDIO by LIGを受講して感じたこと一挙まとめてみた!

DAI
スクールの詳しい条件を知るためには、まず資料請求や説明会の予約をどうぞ。

デジタルハリウッドSTUDIO by LIGを見てみる

Webデザインを仕事にするには?

スクールに行った後、仕事をしたい場合にやることは、以下の3つがあります。

  • ポートフォリオを作成する
  • 就職したいなら、転職活動する
  • 副業、独立したいならクラウドソーシングに登録する

ポートフォリオの作成

ポートフォリオは、自分のオリジナル作品集のようなものです。

採用する側や仕事を発注する側からしてみれば、ポートフォリオを見るだけで以下のことが分かります。

  • どんなものが作れるのか
  • 独学ができる人材なのか

スクールで作ったサイトをポートフォリオに載せるのは、「私は独学ができません。」と言っているようなものです。

DAI
できる限り自分で作ったサイトをアピールするようにしましょう。
エンジニアのポートフォリオの作り方【サンプルあり】

就職したい場合は転職活動

就職したい場合は、ポートフォリオができた後に実際に転職活動をします。

エージェントごとに取り扱っている求人やサポート体制が違うので、以下の記事を参考にしてみてください!

Webデザイナーに未経験からなるためには?転職方法・就職準備について詳しく解説

副業したいならクラウドソーシング

クラウドソーシングのサイトは、以下のように複数のサイトがあります。

  • クラウドワークス
  • ランサーズ
  • ココナラ

こちらの記事で、具体的な仕事内容・仕事の取り方について解説しているのでチェックしてみてください。

未経験からプログラミングで副業するためにやること3箇条(知らないと後悔します)【体験談】
未経験からWebデザイナーとして在宅で副業する方法【初心者向け】

まとめ:Webデザインスクールは、目的と学習形態で選ぼう

以上、Webデザインやプログラミングを学べるスクールの紹介でした。

Webデザインを学べるスクールにも色々ありますが、選び方は以下の通りです。

DAI
上記のような、自分の目的や学習環境を軸に選ぶことをおすすめします。

また、どのコースを受講すればいいかわからなかったら、実際に無料カウンセリングを受けて、聞いてみるのがおすすめです。

最後に、おすすめのスクールをざっくりと4つまとめておきます。

  1. 色々なメンターの人にキャリアや技術を相談したいなら:CodeCamp
  2. 一人のメンターにマンツーマンで指導してもらいたいなら:TechAcademy
  3. オンラインで副業の案件獲得までしたいならRaiseTech
  4. 教室型でがっつり業界知識を身につけつつWebデザイナーとして独立、転職を検討するなら:デジタルハリウッドSTUDIO by LIG
RaiseTech(レイズテック)
本気で転職・副業を検討しているなら

関連記事

【失敗しない】本気でおすすめできるプログラミングスクール厳選6社徹底比較
未経験からプログラミングで副業するためにやること3箇条(知らないと後悔します)【体験談】
【在宅で稼ぐ】フリーランスのWebデザイナーになる方法一覧【独学?】