Webの最新トピックを配信中!

Webデザインスクールの一覧


主なWebデザインスクールを23校まとめました。

どのスクールを選ぶか?の結論は、
「まずは求職者支援訓練を検討してください」
です。

求職者支援訓練は国の運営する無料の学校です。僕も求職者支援訓練を経てWebデザイナーになりました。予算があれば受講料が40〜60万円もする一般のスクールに通ってもOKですが、求職者支援訓練でも十分です。最近はコロナの影響もあり応募者が多くなっているようです。

もちろん一般のスクールも「オンライン授業が充実している」「設備が最新」「講師が第一線で活躍しているWebデザイナー」「転職サポートが手厚い」など素晴らしい点が多いです。記事の後半では「安い学校に通いたい!」「地方在住」など条件や状況ごとにおすすめのスクールを紹介しています。

求職者支援訓練を含めて通学タイプのスクール17校、オンラインスクール6校を紹介します。その他にも動画講座や学習ツールも解説します。
「スクールで学ぶべきスキル」「スクールの必要性」などについても解説していますので、ぜひ読んでみてください。

目次

通学式のWebデザインスクール(17校)

学校に通うタイプのスクールの一覧です。多くのスクールは東京に集中していますが、求職者支援訓練は全国にあるのでお近くの訓練校を探してみましょう。

求職者支援訓練(ハロートレーニング)

Webデザイナーの求職者支援訓練

スクール名 求職者支援訓練(ハロートレーニング)
費用 無料(学校によってはテキスト代のみ) 場所 全国
受講
形式
通学 対象
学科
Webデザイナー系学科
学習
内容
訓練校による。例:Photoshop/Illustrator/XD/Dreamweaver/HTML/CSS/JavaScript/WordPress
期間 4〜6ヶ月 開講
時間
昼の部/夜の部
その他 Windows使用/地方では訓練校の数が少ない

求職者支援訓練は無料の学校です。国が民間の会社に運営を委託しています。最近は「ハロートレーニング」に名称を変えました。僕も求職者支援訓練で学び、Webデザイナーになりました。Webデザイナー系学科以外にもネイリスト育成や医療事務、介護職員育成など様々な学科があります。

受講期間は約4〜6ヶ月です。「職業訓練」は失業保険の受給資格のある方が対象ですが、「求職者支援訓練」は基本的には誰でも受講可能です。現在の預金額などの条件を満たすと月に10万円をもらいながら通学できます。求職者支援訓練については『【無料】求職者支援訓練でWebデザインを学ぶ』で詳しく解説しています。

失業保険が受給できる方は「職業訓練」もおすすめです。職業訓練の受講期間は約3ヶ月です。最近、東京都では受講期間が6ヶ月の職業訓練もたまに開講されるようになりました。職業訓練については『【無料】職業訓練でWebデザインを学ぶ』で解説しています。

デジタルハリウッドSTUDIO by LIG

デジタルハリウッドSTUDIO by LIG

スクール名 デジタルハリウッドSTUDIO by LIG
費用 ¥450,000(税抜)
月5,323円からの分割支払いも可能
場所 上野/池袋
受講
形式
通学/オンライン 対象
学科
Webデザイナー専攻
学習
内容
Photoshop/Illustrator/XD/Dreamweaver/HTML/CSS/JavaScript
期間 6ヶ月 開講
時間
火〜金:10:00〜22:00/土日:10:00〜20:00
その他 Mac使用/マンツーマン指導/転職サポートあり/コワーキングスペース利用無料

Web業界では有名なWeb制作会社『LIG』が運営するスクール。第一線で活躍するWebデザイナーからコーディングとデザインを教えてもらえるのは超貴重な体験です。受講料は40万円台と他のスクールと比較するとリーズナブルです。

デジハリ(デジタルハリウッド)とコラボしているため、授業スタイルは、デジハリの映像教材&LIGの個別指導です。前半3ヶ月は「インプット期間」でしっかり学習し、後半3ヶ月は「アウトプット期間」でポートフォリオ制作などの卒業制作の期間です。月に一度行われる特別LIVE授業では、現役のLIG社員も特別講師として登場。また、通常のカリキュラムにプラスしてLIG講師陣によるカメラ講座とライティング講座も受講可能です。

完全予約制で朝10時〜夜22時の間の好きな時間に自分のペースで学べるので、忙しい会社員も子育てをしているママも、空いてる時間を利用して学習できます。受講生はLIGが運営するコワーキングスペース「いいオフィス」を無料で利用可能。いいオフィスはスクール併設なので、授業の休憩や自習スペースとして活用できます。

こんな人にオススメ!
Macで勉強したい/LIGが好き/自分のペースで学習したい/コワーキングスペースを無料で利用したい

デジタルハリウッド

デジタルハリウッド Webデザイン・Webデザイナー専攻

スクール名 デジタルハリウッド
費用 ¥450,000(税抜) 場所 全国
受講
形式
通学/オンライン 対象
学科
Webデザイン・Webデザイナー専攻
学習
内容
Photoshop/Illustrator/XD/Dreamweaver/HTML/CSS/JavaScript
期間 6ヶ月 開講
時間
平日:22時まで
土日:20時まで
その他 「さくらのレンタルサーバ」スタンダードプランと「.jpドメイン」を1年間無料で提供/就職サポートあり

有名なスクールです。このスクールの出身者は多く、現場でもよく会います。スクール選びに迷っていて求職者支援訓練に通えないのなら、このデジハリにしておくのが無難かもしれません。全国に校舎があります。通学回数・質問回数の制限無しで40万円台で受講できるので安めのスクールと言えます。
授業は「オリジナル映像教材」「個別トレーニング」「LIVE授業」の3種類。個別トレーニングは通い放題&講師に質問し放題で平日は22時、土日は20時まで利用できます。デジハリは「デジハリONLINE」というオンライン専門のスクールもあります。

こんな人にオススメ!
有名スクールが良い/安いスクールが良い/地方在住

ヒューマンアカデミー

ヒューマンアカデミー Webデザイン講座

スクール名 ヒューマンアカデミー WEBデザイン講座
費用 6ヵ月プラン:
¥460,548円(税込)
6ヶ月プラン:
¥552,816(税込)
12ヶ月プラン:
¥613,800(税込)
その他入会金と教材費
場所 全国
受講
形式
通学/オンライン 対象
学科
Webデザイナー総合コース
学習
内容
Photoshop/Illustrator/XD/HTML/CSS/JavaScript/WordPress
期間 6〜12ヶ月 開講
時間
その他 単科講座あり/クラス担任制あり/就職サポートあり

『ヒューマンアカデミーWebデザイン講座』は自分のニーズに合わせて24種類ある単科講座を自由に組み合わせて受講できるのポイント。例えばコーディングの知識はあるので、Photoshopの単科講座のみを受けたり、グラフィックの経験はあるからコーディングの講座だけを受講することができます。コースで受講する場合は、6ヶ月の「Webデザイナー総合コース」がベストな選択。

東京や大阪のみならず全国にスクールがあるため地方在住の方も受講しやすいです。オンラインスタイル(映像教材を自分で進めて講師に添削してもらう)とクラス担任スタイルのどちらかを選択、あるいは両方をあわせて受講可能です。講師は現役のプロを採用。

短期集中ブートキャンプや20代限定で受講料が20%オフになるキャンペーンなど常時何かしらの企画やキャンペーンを開催しています。まずは気軽に資料請求してみましょう。

こんな人にオススメ!
単科講座を受けたい/地方在住

東京デザインプレックス研究所

東京デザインプレックス研究所

スクール名 東京デザインプレックス研究所
費用 ¥660,000(税抜) 場所 渋谷
受講
形式
通学 対象
学科
Webデザイン総合コース
学習
内容
Photoshop/Illustrator/XD/HTML/CSS/JavaScript/WordPress
期間 3ヶ月か9ヶ月 開講
時間
【3ヵ月】
昼間部:10:00-15:45 週3-4回
【9ヵ月】
夜間部:週2-3回 19:15-21:45
土or日:週1-2回
その他 少人数クラス制/「プレックスプログラム(80プログラム/200時間/2年間)」「アドバンストプログラム」を無料で受講可能/転職サポートあり

とにかく公式サイトがオシャレな東京デザインプレックス研究所。校舎は渋谷の道玄坂を上りきった所に位置します。平日しっかり時間が確保できるなら3ヶ月で集中的に学習するのがオススメ。10〜16名の少人数クラス制です。プレックスプログラムという外部の有名?クリエイターの授業がたまにあります。教室は清潔感があり設備も最新なので、渋谷でおしゃれにWebデザインが勉強したいなぁという人には向いています。学習意欲の高い生徒が多い印象です。まずは資料請求をしてみましょう。

こんな人にオススメ!
Macで勉強したい/おしゃれクリエイターを見たい/渋谷が好き

KENスクール

KENスクール

スクール名 KENスクール
費用 ¥343,000(税抜) 場所 新宿/池袋/北千住/横浜/名古屋/梅田
受講
形式
通学/オンライン 対象
学科
Web実践就転職総合コース
学習
内容
Photoshop/Illustrator/Dreamweaver/HTML/CSS/JavaScript
期間 6ヶ月(111時間) 開講
時間
その他 マンツーマン個別指導/Webクリエイター能力認定試験エキスパート取得サポートあり/一般教育訓練給付金制度対象/就職サポートあり

開講30年以上の老舗のWebスクールです。1対1の個別指導が特長です。オンラインの個別指導もスタートしました。Web実践就転職総合コースは30万円台と他のスクールと比較してリーズナブルです。実務研修講座「極」コーディング/制作編では、競合分析やワイヤーフレーム制作など現場で即戦力として求められるスキルも学習できます。
東京以外にも横浜と名古屋、梅田にも校舎があり、地方在住の方も通学しやすいです。

こんな人にオススメ!
1対1の個別指導がよい/安めのスクールがよい/地方在住

SHElikes

SHElikes

スクール名 SHElikes
費用 【受け放題プラン】
12ヶ月プラン:
¥8,167(税抜)
6ヶ月プラン:
¥9,134(税抜)
1ヶ月プラン:
¥9,800(税抜)
入会金:
¥148,000(税抜)
場所 青山/銀座/名古屋
受講
形式
通学/オンライン 対象
学科
Webデザインコース
学習
内容
Photoshop/HTML/CSS/JavaScript
期間 2〜3ヶ月 開講
時間
その他 女性のみ/レッスン受け放題/コミュニティあり

女性向けのクリエイタースクールです。Webデザインコース以外にもライターや動画制作、Webマーケティングのレッスンも受けられます。バリバリの正社員Webデザイナーになる!というよりは複業でWebデザインもやれるスキルを獲得したい!というコンセプトのスクールに思えます。コミュニティが機能しており、おしゃれな女性が楽しそうに集っている印象です。Twitterでも多くの受講者がSHElikesのハッシュタグをつけて投稿しています。自分らしく働きたい女性を応援するスクールです。PCは自分で用意します。

こんな人にオススメ!
女性のクリエイティブなコミュニティに属したい/自分らしく働きたい/おしゃれなスクールが好き

TECH CAMP デザイナー転職

TECH CAMP デザイナー転職

スクール名 TECH CAMP デザイナー転職
費用 短期集中スタイル:¥648,000(税抜)
夜間・休日スタイル:¥848,000(税抜)
場所 渋谷
受講
形式
通学/オンライン 対象
学科
デザイナー転職
学習
内容
Photoshop/Illustrator/HTML/CSS/JavaScript
期間 10週間〜 開講
時間
10:00〜22:00
その他 デザイナーとしての就職・転職が成功しなかった場合は全額返金/14日間の無条件返金保証/転職サポートあり

マコなり社長でおなじみのテックキャンプです。プログラミングスクールの印象が強いですが、Webデザイナーコースもあります。校舎は渋谷のタワーレコードの近くです。

テックキャンプは自分で教材を進めながら、わからない箇所をそのつど講師に聞く自習スタイルのスクールです。質問はし放題です。クラス制で他の生徒とペースを合わせてやるよりも、一人でコツコツあるいはガンガン進めていきたい人向けのスクールです。一番の特長は、条件はありますが転職が成功しなかったら全額返金してくれる点です。受講料が他のスクールに比べて高めですが全額返金ならまぁいいか…となるかならないかはあなた次第です笑。また、学習開始後14日以内ならいかなる理由でも受講料を全額返金して退会できます。PCは自分で用意します。

こんな人にオススメ!
クラス制ではなく一人ですすめる自習スタイルが好き/転職成功しなかったら全額返金してほしい

インターネット・アカデミー

インターネット・アカデミー

スクール名 インターネット・アカデミー
費用 ¥691,600(税抜) 場所 渋谷/新宿
受講
形式
通学/オンライン 対象
学科
Webデザイナー総合コース
学習
内容
Photoshop/Illustrator/Dreamweaver/HTML/CSS/JavaScript
期間 6〜8ヶ月(196時間) 開講
時間
平日:10:00~21:00
土日:10:00~19:00
その他 マンツーマン個別指導あり/単科講座あり/就職サポートあり

僕の友人のフロントエンドエンジニアもこのスクールの出身です。渋谷の校舎はおしゃれエリアの桜丘のインフォスタワー内にあります。少し坂を登るのが疲れますが、春は桜がとってもきれいです。
授業は「ライブ授業」「マンツーマン授業」「オンデマンド授業(映像教材)」の3タイプ。基本的には通学スタイルのスクールですが、すべての講座がオンラインに対応しているので、校舎だけでなく自宅でも受講可能です。レスポンシブ(サイトのスマホ表示対応)の授業も含まれているWebデザイナー総合コースがおすすめ。プログラミングやマーケティングの単科講座も充実しています。

こんな人にオススメ!
1対1の個別指導がよい/単科講座も受けたい

Akros Academy

AkrosAcademy アクロスアカデミー

スクール名 Akros Academy(アクロスアカデミー)
費用 ¥570,000〜950,000(税抜)
※カリキュラムによって変動
場所 上野
受講
形式
通学/オンライン 対象
学科
WEB PRO講座
学習
内容
Photoshop/Illustrator/XD/HTML/CSS/JavaScript/WordPress/Git/Sass
期間 オーダーメイドで自由(72~110時間) 開講
時間
その他 授業で実案件を制作/マンツーマン個別指導/Web制作会社が運営/転職サポートあり

「完全マンツーマン指導」が特長のスクール。映像教材を見てわからない箇所だけを聞いたり、巡回する講師に聞くスタイルをバッサリ否定し、現場のプロがつきっきりでデザインやコーディングを指導してくれます。また、オーダーメイドの授業を売りにしており、カウンセリングで生徒の希望に合わせて自由にカリキュラムを組んでくれます。
制作会社運営のスクールなので、講師が制作現場のプロであり、さらに授業の中で実案件に取り組むことまで可能だったりと生の現場の雰囲気やニーズを体感できます。

こんな人にオススメ!
1対1の個別指導がよい/実案件に取り組んでみたい

Winスクール

Winスクール

スクール名 Winスクール
費用 ¥328,000円(税抜)
入学金:¥18,000(税抜)
教材費:¥22,000(税抜)
場所 全国
受講
形式
通学/オンライン 対象
学科
WEBマスター
学習
内容
Photoshop/Illustrator/HTML/CSS/JavaScript
期間 10ヶ月
150分×42回(105時間)
開講
時間
その他 WEBクリエイター能力認定試験対策あり/教育訓練給付制度対象/就職サポートあり

ExcelからCAD、Webデザインなど多岐にわたる講座を持つスクール。全国に校舎があります。通学と同じ授業をオンラインでも受講可能。自分の現在の保有スキルに合わせて単科講座を自由に組み合わせられますが、Webデザインを基礎からしっかりやる方は「Webマスター」コースがおすすめ。受講料は30万円台で他のスクールと比較して安めです。

こんな人にオススメ!
安いスクールが良い/地方在住

ISA PCスクール

ISA PCスクール

スクール名 ISA PCスクール
費用 ¥505,000(税抜) 場所 全国
受講
形式
通学&オンライン 対象
学科
Webデザイナー総合Proコース
学習
内容
Photoshop/Illustrator/Dreamweaver/HTML/CSS/JavaScript/WordPress
期間 170時間 開講
時間
その他 教育訓練給付制度対象/就職サポートあり

PCスクールの印象が強いですが、Webデザイン系の講座も充実しています。校舎は全国に13校あります。授業はインストラクターと一緒に進める個別指導で、開校時間内の好きな時間に、好きなだけ受講できます。授業の予約は、前日までにネット予約でOK。仕事やプライベートの都合に合わせて通学できます。遠方で通学ができない方や自宅で授業を受けたい方はオンライン授業も可能。オンラインと通学を併用することも可能です。「WebデザイナーProコース」がおすすめ。

こんな人にオススメ!
地方在住

Famm

Famm

スクール名 Fammママwebデザイナースクール
費用 ¥188,000(税抜)
説明会参加で¥168,000(税抜)
場所 全国/オンライン
受講
形式
通学/オンライン 対象
学科
学習
内容
Photoshop/HTML/CSS
期間 1ヶ月(全5回/週1/約3時間)
45〜60時間
開講
時間
10:00-13:00
その他 ママさんのみ/シッター預かりあり/少人数グループ授業

『Famm』は忙しいママさん向けの「スクール」というか「講座」です。カリキュラムをページ制作とバナー制作という基本スキルに特化することで値段を抑え、さらに1ヶ月という短い期間にしています。学習内容はHTML・CSS・Photoshopのみです。卒業後にWordPressやXDも無料で学べます。卒業後の案件獲得もサポート。講義スペースから見える場所に、シッターさん常駐のキッズスペースを設置しているので、お子さんがいても安心して受講可能です。生徒は最大8名の少人数で、参加者はママだけに限定しているので、ママ同士の交流もできます。オンラインでライブ配信の受講や録画による講義の見直しもOK。

正直、1ヶ月で全5回はかなり短いです。バリバリの正社員Webデザイナーを目指すというより、PhotoshopとHTMLの基礎スキルを身につけて副業でちょっと稼げるようになるくらいと思ったほうがいいです。

こんな人にオススメ!
忙しいママさん/副業案件を獲得したい/Webデザインのスキルをサラッ学びたい/地方在住

クリエイターズファクトリー

クリエイターズファクトリー

スクール名 クリエイターズファクトリー
費用 ¥250,000(税込)
入学金:¥20,000(税抜)
場所 大阪(心斎橋)
受講
形式
通学/オンライン 対象
学科
Webクリエイティブコース
学習
内容
Photoshop/XD/HTML/CSS/JavaScript/WordPress
期間 4.5ヶ月(96時間以上) 開講
時間
平日の毎週水 or 木曜(18:30〜21:30)
隔週土 or 日(10:00〜13:00)
月6日の通学スタイル
その他 卒業後もコミュニティに属せる/少人数グループ授業/チーム制作あり

転職を目指す人だけではなく副業で案件獲得を目指す人も多いスクールです。授業は6〜12名ほどの少人数制で2〜3名の先生が担当。グループ学習を重要視しており、グループで課題をこなしたり、バーチャルプロジェクトを通じたチーム制作もあります。受講後も生徒間の繋がりが残り、仕事仲間になるメンバー同士もいます。受講生専用サイトでは授業動画や特別講座などのコンテンツをいつでも好きな時に視聴できます。オンラインでの質問・相談はいつでも可能。卒業後もスクールをコミュニティーとして利用することが可能で、無料で講座や交流会に参加できます。受講料が他のスクールと比較してかなり安いです。ノートPCは自分で準備する必要があります。

こんな人にオススメ!
安いスクールが良い/チーム制作がしたい/案件獲得したい

noa

noa WEBデザイナープロフェッショナルコース

スクール名 noa
費用 ¥597,000(税込)
入学金:¥8,000(税抜)
教材費:¥19,620(税抜)
場所 大阪(梅田/天王寺)
受講
形式
通学/オンライン 対象
学科
WEBデザイナープロフェッショナルコース
学習
内容
Photoshop/Illustrator/Dreamweaver/HTML/CSS/JavaScript/WordPress
期間 249時間 開講
時間
その他 単科講座あり/教育訓練給付金制度対象/就職サポートあり/交流会あり/自習室あり

大阪の老舗スクール。受講形式は対面指導とオンラインでの対面指導から選べます。WordPressやPHP基礎などの単科講座も受講可能。フリー予約制で仕事の都合などに合わせて好きな時間に通えます。コースはWordPressの授業も含む「WEBデザイナープロフェッショナルコース」がおすすめ。梅田校、天王寺校ともに駅チカで校舎も綺麗です。

こんな人にオススメ!
単科講座を受講したい/駅チカ

ジョブトレIT・Web

atGPジョブトレIT・Web

スクール名 ジョブトレIT・Web
費用 無料 場所 渋谷/秋葉原/船橋
受講
形式
通学 対象
学科
学習
内容
Photoshop/Illustrator/XD/Dreamweaver/HTML/CSS/JavaScript/WordPress
期間 週4日以上目安 開講
時間
月~土:10時~16時
その他 障害のある方向け/就職サポートあり

Webデザインが学べる就労移行支援事業のスクール。障害があり働く意欲のある18歳から65歳までの方が対象です。授業はデジタルハリウッドの映像教材で学び、わからない箇所は教室にいる専門スタッフにその場ですぐ質問できます。デジタルハリウッドの「Webデザイナー講座 就転職プラン(相当内容)¥281,600」受講とAdobe Creative Cloud(¥39,980)が実質無料です。施設にはPC完備。障害のある方はぜひ受講を検討してみましょう。

こんな人にオススメ!
障害のある方

オンラインのWebデザインスクール(6校)

オンライン完結のスクールの一覧です。仕事やプライベートの都合に合わせて受講できます。

CodeCamp

CodeCamp デザインマスターコース

スクール名 CodeCamp
費用 2ヶ月プラン:¥148,000(税込)
4ヶ月プラン:¥248,000(税抜)
6ヶ月プラン:¥298,000(税抜)
場所 オンライン
受講
形式
オンライン教材で自習/ビデオチャットによるマンツーマン指導 対象
学科
デザインマスターコース
学習
内容
Photoshop/Illustrator/HTML/CSS/JavaScript/Bootcamp
期間 2ヶ月/4ヶ月/6ヶ月 開講
時間
7:00〜23:40
その他 マンツーマン個別指導/就職サポートあり

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

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

TechAcademy

TechAcademy Webデザインコース

スクール名 TechAcademy
費用 4週間プラン:¥159,000(税抜)
8週間プラン:¥209,000(税抜)
12週間プラン:¥259,000(税抜)
16週間プラン:¥309,000(税抜)
※学生料金あり
場所 オンライン
受講
形式
オンライン教材で自習/チャットとビデオチャットによるマンツーマン指導 対象
学科
Webデザインコース
学習
内容
Photoshop/HTML/CSS/JavaScript/Sass
期間 4週間/8週間/12週間/16週間 開講
時間
15:00〜23:00
その他 Adobe Creative Cloud コンプリートプランを3ヶ月分無償提供/学生料金あり/マンツーマン個別指導(週2)/就職サポートあり/在宅ワーク案件の紹介あり

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

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

デジハリONLINE

デジハリ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デザインコース

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

スクール名 N予備校 Webデザインコース
費用 月額:¥1,000(税抜) 場所 オンライン
受講
形式
Web教材で自習/フォーラムで質問&講師が課題をレビュー 対象
学科
学習
内容
Photoshop/Illustrator/XD/HTML/CSS/JavaScript/WordPress
期間 開講
時間
その他 専用のiOS・Androidアプリでも学習可能/生授業はすでに終了

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

こんな人にオススメ!
激安なスクールが良い/自由な時間に受講したい/会社員で忙しい/地方在住

デイトラ

デイトラ

スクール名 デイトラ
費用 Web制作コース:¥89,800(税込)
Webデザインコース:¥94,800(税込)
場所 オンライン
受講
形式
動画教材で自習/オンラインで講師が課題を添削/Slackで質問し放題 対象
学科
Web制作コース/Webデザインコース
学習
内容
Web制作コース:HTML/CSS/JavaScript/JavaScript/PHP基礎
Webデザインコース:Figma
期間 90日間
メンター質問期間:1年間
開講
時間
その他 ウェビナー無料受講

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

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

侍エンジニア塾

侍エンジニア塾 Webデザインコース

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

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

こんな人にオススメ!
自由な時間に受講したい/会社員で忙しい/安いスクールが良い/地方在住

動画講座

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

Udemy(ユーデミー)

Udemy Webデザイン

スクール名 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マスター講座

スクール名 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デザインを勉強したい/自由な時間に受講したい/会社員で忙しい/地方在住

たのまな

たのまな Adobe

スクール名 たのまな
費用 3ヶ月コース:¥90,800(税込) 場所 オンライン
受講
形式
動画/オンラインによる課題添削(別料金) 対象
学科
アドビ オンライントレーニング通信講座3ヵ月間 受け放題コース(その他1ヶ月・12ヶ月コースあり)
学習
内容
Photoshop/Illustrator/Dreamweaver/HTML/CSS/After Effects/Premiere/InDesign
期間 3ヶ月 開講
時間
その他

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

こんな人にオススメ!
自由な時間に受講したい/会社員で忙しい/地方在住

オンライン学習ツール

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

ドットインストール

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

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

Progate

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

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

メンター

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

メンタ

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

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

スクールで学ぶべきWebデザインのスキルとは?

スクールに通う前に、スクールで学ぶべきWebデザインのスキルをおさらいしておきましょう。

一般的にWebデザインスクールで学ぶスキルはこちらです。

  • Photoshop
  • Illustrator
  • XD
  • HTML
  • CSS
  • JavaScript(jQuery)
  • WordPress

このうちPhotoshop、HTML、CSS、jQueryは習得必須です。よく「Webデザインスクール」を名乗っておいて、HTMLとCSSだけとか、Photoshopだけしか学べないWebデザインスクールもどきがあるので注意してください。

Illustratorについては、最近はあまり現場ではサイトデザイン用には使いませんが、基礎的な操作は知っておきたいところです。

XDはPhotoshopに代わって頻繁に使用されているサイトデザインソフトなので、ぜひ勉強しておきたいところです。でも操作は簡単なので、もしスクールのカリキュラムに入っていなければ独学で勉強しましょう。

WordPressは必須ではないですが、フリーランスとして稼げるスキルです。できれば学校時代に習得しておきたいスキルです。

そもそもスクールに通う必要ある?独学じゃダメ?

「スクールに通う必要なんて無い!独学でOK!」とか「スクールは絶対に行ったほうがいい!」という議論はあまり意味がないです。それは、スクールに通うべきかどうかはその人の性格によるからです。
自己管理が徹底している人なら独学でも全然OKです。世の中にはWebデザインを独学できるツールやサイトが溢れているので、独学は十分に可能です。
逆に、すぐにダレちゃう人は、スクールに通って規則正しく学習することをおすすめします。

でも、独学がきつくてスクールに通い直す人は多いです。
今まで未経験からWebデザイナーを目指す人の悩みや質問に200件以上は答えてきましたが、多くの人が最初は独学してたけど結局挫折して、このサイトを通して求職者支援訓練や一般のスクールの存在を知って通い直しています。独学はかなりきついのです……。

なので、まずは独学で勉強してみて学習を続けられるならそのまま独学し続ける、でも精神的に無理そうならスクールを検討するのが良いと思っています。

通学とオンラインのどちらがいいの?

個人的には断然「通学」の方が良いと思っています。スクールの何が良いか?それはわからない箇所を指差しながら対面で質問できる点です。オンラインだとちょっと質問しづらくなりますよね…。ビデオチャットならまだいいですが、テキストチャットで質問するのって質問の意図が伝わりづらくて、けっこう面倒です。

もうひとつ通学の大きなメリットは同級生という仲間が作りやすいことです。勉強はきつい時もあります。そんな時に切磋琢磨できる仲間がすぐ近くにいるとモチベーションを維持しやすいです。

でも、地方に住んでいるとオンラインという選択肢は普通だと思います。逆にオンラインのメリットは自分のペースで受講できることです。会社員やママさん、介護などでなかなか時間が取れない方も、オンラインならスキマ時間で学習できます。
あとはコロナですね…。今はやっぱり通学は怖いですよね。自宅で学習できるオンラインスクールはこれからさらに人気になって普通の存在になっていくと思います。「通学が普通」という発想はやがて古くなると思っています。

なので、もし可能なら通学式のスクール、事情があって無理だったりコロナを心配するならオンラインのスクール、という順番で検討するのが良いかと思います。

学習期間はどれくらいがベスト?

理想は4〜6ヶ月です。受講期間が1ヶ月のスクールもありますが短すぎます。Webデザインの基礎スキルを身につける上で、最低でも3ヶ月以上の期間は必要です。
会社員やママさんで平日の夜や休日しか時間が取れない場合は最長でも1年です。

それ以上時間を掛けるは無駄です。4〜6ヶ月学んだら、できる限り早くWebデザイナーとして会社に就職してください。学習と現場のレベルは桁違いです。現場で実案件に取り組み、先輩にデザインやコーディングのフィードバックをもらうことで、一気に成長できます。現場でこそ急激に成長できます。ダラダラと独学やスクールでの学習を続けてもあまり成長はしないので、早く現場に入るようにしてください。

まとめ:結局どのWebデザインスクールを選べばいいの?

最初に言ったとおり、まずは無料の『求職者支援訓練』を検討しましょう。訓練校によって授業の質がまちまちかもしれませんが、求職者支援訓練で十分です。失業保険の受給資格があれば『職業訓練』でもOKです。

もし予算があるのなら、下記の順番で一般のスクールを検討しましょう。

LIGやデジタルハリウッドは鉄板です。
続いて、地方在住やオンライン希望など条件別におすすめのスクールを解説していきます。

地方在住の人

全国に校舎がある『デジタルハリウッド』にしとけばとりあえずは無難です。デジハリ出身者は現場に多いです。単純に校舎が多いのも理由かもしれませんが、授業の質が良いのが一番の理由だと思っています。
あるいは、Photoshopだけ勉強したい!コーディングだけ学びたい!という方は単科講座を多く持ち、全国に校舎がある『ヒューマンアカデミー』も良いと思います。
大阪や関西在住の方は『クリエイターズファクトリー』も要検討です。

渋谷でおしゃれにWebデザインを学びたいという人

クラスとか嫌!一人でがむしゃらに自習したい人

自習&わからない所だけ講師に聞いて超速で学習を進めたい人はここです。

女性のクリエイター仲間やコミュニティに属したい人

キラキラしてます。

オンラインスクールが良い人

コロナが心配だったり、地方在住で近くに通学タイプのスクールが無い方はオンラインスクールも検討しましょう。

とにかく安く受講したい人

特にUdemyはコスパ最強です。
この2つはメインのスクールというよりも補講と捉えた方が良いです。他のスクールに通いながら、Udemyでスキルの補強をするといった利用をおすすめします。メインのスクールにはなりづらいと思っています。

副業案件を獲得したい人

デイトラは教材の質が高いと評判なのと、SNS(Twitter)で運営と受講者同士の繋がりが強く情報交換が活発です。

障害のある人

ここ一択で良いと思います。

まずはコーディングがどんなものか知りたい人

Webデザインのアドバイスをくれるメンターが欲しい人

最後に

各スクールの公式サイトを見るだけでは、なかなか雰囲気や実態がつかめません。サイトは綺麗でも校舎はしょぼかったりします…。まずは資料請求をして、さらに可能なら校舎や授業をぜひ見学してみてください!

コラム①:正社員のWebデザイナーを強くオススメする理由

このサイトでは、
本当にWebデザインのスキルを磨きたいなら、未経験の方はまずはWeb制作会社に正社員で入社すること
を強くオススメしています。

Webの最先端に触れられるWeb制作会社に入社し、スキルをガッツリ高めてほしいです。そして、社内では、やはり派遣でもなく、アルバイトでもなく、長く在籍する可能性のある正社員にこそ成長できるお仕事を振ってくれるのです。派遣やアルバイトは、リンク張り替えやテキスト修正など成長しづらい作業をやらされがちです……。

未経験OKで正社員のWebデザイナー・フロントエンドエンジニア案件を多く保有しているのが、IT系に強いワークポートです。Webに強いエージェントは他にもあるし、僕もいくつも登録していますが、ワークポートほど大量に求人案件を紹介してくれるエージェントを他に知りません笑。※現在はコロナの影響でワークポートですら未経験OKの求人が少ない状況です。ただ、少しでも選択肢を増やすために、また今後状況が改善されてきた時のために登録しておきましょう。 なぜワークポートは未経験者に大量の求人を紹介できるのか?その評判の秘密に迫る! ↑ワークポートさんに会ってきました!ねほりはほりと質問をぶつけています。ぜひ読んでみてください。

転職エージェントは複数登録しますが、ワークポートはそのうちのメインエージェントして必ず登録しましょう。

『ワークポート』公式サイトへ
コラム②:Webデザイナーを強くオススメする理由

エンジニアになるのは本当に難しいです。
だからこそ、このサイトでは、Webデザイナーになることを強くオススメしています。

でも、もし、エンジニアになれれば、月収100万円以上も可能です。実際に僕の友人も軽く年収1000万円は超えています。

ほとんどの人がエンジニアにはなれないので、30〜40万円以上はする高額なプログラミングの学校に行くのはお金をドブに捨てる可能性があります。
どうしてもエンジニアになりたい方は、無料でプログラミングを学べるProEnginner開講の学校『プログラマカレッジ』に行きましょう。プログラマカレッジは、学校&就職支援の一体型サービスです。ここは本当にありがたい存在です。ソーシャルゲーム大手企業で有給インターンまで可能です。
無料のプログラミング学校はもう一つ、『GEEK JOB』があります。就職率97.8%と驚異的な数字を出しています!よりエンジニア色の強いカリキュラムを受けたい場合はこちらを受講します。
2校ともオススメです。無料見学をしてみて自分に合いそうな雰囲気の学校を選びましょう。
この2つの学校のどちらかに通って、自分にエンジニアとしての素質があるのかチェックしてください。もし、あなたに才能があったら、最高にラッキーな人生です。20代のみ対象です。もし20代ならこのチャンスをぜひつかんでください。

30歳以上の方は、『テックキャンプ エンジニア転職』 がオススメです。転職できなければ授業料全額返金してくれます。教室は9時〜22時まで開放し、教室あるいはオンラインでマンツーマンで無制限に質問ができます!超集中なら10週間、ゆったりなら6ヶ月と期間も生活に合わせて選べます。スクールは無数にありますが、有料系ではここが一番爆速に成長できそうです。
参考記事 : なぜ「エンジニア」ではなく「Webデザイナー」をすすめるのか

無料のプログラミング学校『プログラマカレッジ』の詳細を読む 『テックキャンプ エンジニア転職』の詳細を読む

Webデザインのご質問やサイトの感想など、お気軽にどうぞ!

みなさまからのコメントを元に記事を作成することありますので、あらかじめご了承ください。
メールアドレスが公開されることはありません。
こちらで承認後にコメントは表示されます。
* が付いている欄は必須項目です。

  • 管理人(ねこポン)について

    週3日だけ会社で働く30代前半ウェブデザイナーです!
    インテリ風&仕事できる風を醸し出す腕前では右に出る者はいませんが、電話すら怖くて取れないし、無断欠勤してしまい自宅に警察が来たほどのコミュ症ポンコツ人間です。
    現在Web業界5年目。事業会社とWeb制作会社のウェブデザイナーを経て、フリーランスになりました。

    ★ 僕の20代まるごと黒歴史ストーリー

    最近ちょこっと『月曜から夜ふかし』に出演しました↓

    ★ 『月曜から夜ふかし』にちょこっと出演したら『BizSPA!』さんにインタビューしてもらいました!

    お問い合わせはこちら

  • なんでもWebの質問受け付け中 (^o^) /♪

  • スクール23校をまとめました!Webデザインスクール一覧

    おすすめのWebデザインスクール一覧

    おすすめのWebデザイン&プログラミングスクールを一部紹介!主要なスクール23校は『Webデザインスクールの一覧』でチェックしましょう。

    スクール名 料金 授業形式 ジャンル 就職支援

    求職者支援訓練
    ハロートレーニング
    無料
    (教材費のみ)
    通学
    (約6ヶ月/週4〜5日)
    Webデザイン ハローワークによるサポート
    プロによる総評

    一番おすすめのスクールは国の運営する求職者支援訓練(ハロートレーニング)です。授業料が無料!しかも約6ヶ月という期間がWebデザインの基礎スキルを習得するのに十分な長さです。僕自身も求職者支援訓練を経てWebデザイナーになりました。
    東京にはWebデザイナー系の訓練校は6校ほどあり、各地域にも1〜3校ほどは見つかるため、どんな人も通いやすいのもおすすめのポイントです。
    ふだん税金を払っているので、このようなスクールはしっかり活用させてもらいましょう笑。


    失業保険が受給できる方は職業訓練がおすすめです。期間が約3ヶ月と短くやや理解が浅くなる点は不安ですが、復習や独学で補えれば問題ありません。最近は数は2校ほどで少ないですが6ヶ月コースも登場しました!
    スクール名 料金 授業形式 ジャンル 就職支援

    LIG
    有料
    (¥450,000 〜)
    通学
    (6ヶ月)
    Webデザイン 転職セミナーあり/LIGへの採用実績もあり
    プロによる総評

    金銭的に余裕があればLIGを検討しましょう。超有名Web制作会社LIGによるWebデザインスクールです。現役のプロデザイナーが講師で、Mac&デュアルディスプレイという最新設備で学べます!LIG運営のコワーキングスペースも無料で使い放題。生徒のレベルによってはLIGへの就職も可能です。

    詳しくはこちら

    スクール名 料金 授業形式 ジャンル 就職支援

    CodeCamp
    デザインマスターコース
    有料
    (¥148,000 〜)
    オンライン
    (2ヶ月〜)
    Webデザイン キャリア支援あり
    (就職エージェントの紹介)
    プロによる総評

    CodeCampはオンラインのWebデザインスクールです。低価格ながら講師から直接指導とフィードバックを受けられるのが最大の特長です!おすすめのコースは「デザインマスターコース」。コスパ重視で講師と対話しながら学びたい人に最適なスクールです。

    詳しくはこちら

    スクール名 料金 授業形式 ジャンル 就職支援

    プログラマカレッジ
    無料 通学 プログラミング あり
    プロによる総評

    『プログラマカレッジ』は20代限定の通学式で完全無料のプログラミングスクールです。無料なのでエンジニアになりたい方はぜひ挑戦してみてください。スクール側は就業先の企業からお金をもらうことで無料で運営をしています。とはいえ授業の質は高いと評判です。『プログラマカレッジ』の卒業生による体験談記事はこちらです。

    詳しくはこちら

    スクール名 料金 授業形式 ジャンル 就職支援

    GEEK JOB
    無料 通学 プログラミング あり
    プロによる総評

    上で紹介した『プログラマカレッジ』と同様の20代限定の通学式で完全無料のプログラミングスクールです。プログラマカレッジは決まった時間に通学しますが、GEEK JOBは個別指導なので自分のペースで通学できます。エンジニアになりたい方は、自分の生活スタイルに合わせてどちらのスクールに行くか検討してみましょう。就職率97.8%は驚異的です!

    詳しくはこちら

    Web制作会社を歩き回れるゲームを作ってみました!ぜひ探検してみてください。(注意:音が出ます!)

    一番上へ