無料で学べるWebデザイン講座・スクール13選【2024年12月最新】

無料で学べるWebデザイン講座・スクール

この記事にはプロモーションが含まれています

A子

無料でWebデザインが学べる講座とかあれば嬉しいんだけどなー

というあなたは必見です!

Webデザインは数多くの書籍やスクールで学べる環境が用意されていますが、中にはなんと無料で学べちゃう嬉しいサービスがありますのでご紹介します。

もし「無料じゃなくてもいいので安くしっかり学びたい!」というあなたは以下記事も是非合わせてご覧くださいね

アドバイザー

先にこの記事でご紹介するサービスを一覧でまとめましたので、気になるところがあれば早速公式サイトへお進みください

▼Web講座サイト

スクロールできます
スクール参考料金デザイン
講座
プログラム
講座
副業
講座
1侍テラコヤ0
100種類以上の教材が学び放題
2chot.design0
デザインスキルが充実
3プロゲート0
〜月額990
スライド形式で分かりやすく学べる
4サルワカ0
分かりやすくて見やすい解説が特徴
5Schoo0
〜月額980
生放送授業が無料で見放題
6ドットインストール0
〜月額1,280
3分で学べるプログラミング動画が充実
7SKILLHUB0
396,000
本格派Webデザインスクールが一部無料

▼Webデザインスクール

スクロールできます
スクール料金日数学習
方法
就職
支援
1programmer college20代限定
0
60日間オンライン
プログラミングスキルを学んで就・転職できる
2ZeroPlus Gate先着制で
0
30日間オンライン
Web制作スキルがお得に学べる

▼職業訓練校

スクロールできます
スクール参考料金教室
1フェリカテクニカルアカデミー0池袋
東京の訓練校で一番長い歴史あり
2ADjust Academy0新宿
Web制作会社が運営している訓練校
3クリエイターズアカデミー0目黒・町田
Web制作会社を母体に持つ訓練校
4色彩舎ソリューション0大阪
大阪でWebデザインが学べる訓練校

執筆者紹介
Web/UIデザイナー歴17年目のフリーランス。これまで数々のWebデザインスクール取材&体験を行ってきた経験をもとにしたWebメディアを運営。多数の大手企業Webサイト制作経験あり。» 詳細はこちら

タップできる目次

無料で学べるWebデザイン講座・スクールには大きく3つの種類あり

無料で学べるWebデザイン講座・スクールには大きく3つの種類あり

無料で学べるWebデザイン講座・スクールには、大きく分けて3つの種類があります

3つの種類

  1. Web講座サイト
  2. Webデザインスクール
  3. 職業訓練校

どれも無料〜格安で学べる講座・スクールとなっており、無料で学べる理由もそれぞれ異なりますので各項目で詳しくご紹介していきます。

なお、スクールによってはプログラミングスキルは含まれていても、デザインスキルまでは含まれていないところもありますので、その部分も補足を加えた上でご紹介していきます。

無料でWebデザインが学べる方法1「Web講座サイト」

無料でWebデザインが学べる方法1「Web講座サイト」

講師はつかないものの、Webサイト上で「動画・テキスト・スライド」などを通してWeb制作スキルが学べる「Web講座サイト」というものがあります。

基本的にはメインのサービスに誘導するためのお試し版といった形で無料にしていることが一般的ですが、中にはある程度しっかり学べるところもあります。

書籍で学ぶよりは効率的に学べる仕組みとなっていますが、講師が付かずほとんどが単体講座(カリキュラムがない講座)となっているため、何をどれくらい学べば良いか初心者には判断が難しい点はデメリットです。

スクール一覧

スクロールできます
スクール参考料金デザイン
講座
プログラム
講座
副業
講座
1侍テラコヤ0
100種類以上の教材が学び放題
2chot.design0
デザインスキルが充実
3プロゲート0
〜月額990
スライド形式で分かりやすく学べる
4サルワカ0
分かりやすくて見やすい解説が特徴
5Schoo0
〜月額980
生放送授業が無料で見放題
6ドットインストール0
〜月額1,280
3分で学べるプログラミング動画が充実
7SKILLHUB0
396,000
本格派Webデザインスクールが一部無料
アドバイザー

各サービスについて、以下より詳しくご紹介してまいります

侍テラコヤ

侍テラコヤ
料金無料

SAMURAI TERAKOYAは老舗プログラミングスクールの侍エンジニアによる学習サービスです。

100種類以上という充実した教材数があり、プログラミングはもちろんデザインや副業に関するスキルまで学び放題です。

無料で学べるフリープランは教材数がやや限られており、月額2,980円の有料プランに登録すればすべての教材のほか、月1回のレッスンも受けられます。

chot.design

chot.design
料金無料

chot.designは無料で学べる主にデザイン寄りの学習サイトです。(HTML/CSSも学べます)

デザインの基本知識からPhotoshop・Illustratorなどのソフトの使い方、UI/UXのデザイン学習など、無料とはいえかなり充実した学習サービスとなっています。

以前は有料でしたが現在はサービスをすべて無料開放してくれているため、かなり本格的な内容となっています。

Progate

Progate
料金無料〜月額990円(税込)

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

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

サルワカ

サルワカ
料金無料

サルワカは暮らしに関わる様々な知識が学べるサイトですが、中でもWebデザインに関する解説が豊富で、とても分かりやすいのが特徴です。

講座やスクールというわけではないため、これら知識はすべて無料で学ぶことができます。
全体的にグラフィックもシンプルで見やすく、デザインの参考にもなります。

Schoo

Schoo
料金無料〜月額980円(税込)

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

ただし生放送部分のみ無料で閲覧できる仕組みなので、連続して学習したり、開催時間に参加できないと学習できない点は要注意です。

なお、その部分は月額980円払えばこれまでのアーカイブ動画が閲覧できるので、気になった動画が多い方はぜひ有料版で登録してみてください。

ドットインストール

ドットインストール
料金無料〜月額1,280円(税込)

ドットインストールは無料のプログラミング学習サイトです。

1回3分程度の動画形式でHTML/CSSからJavaScript、PHP、Rubyなどプログラミング初心者向けのスキルを無料で学習することができます。

こちらは月額1,080円のプレミアムサービスもあります。

SKILLHUB

Skillhub
料金無料396,000円(税込)他

SKILLHUBは有料のオンラインスクールですが、一部無料のビデオ講座で実践的なスキルを学ぶことができます。

有料のプレミアムサービスでは287,980円(フリーランス・デビュー支援プラン)から全てのコンテンツを見れるうえ、専属コーチが付いて、さらに課題添削も行うなどしっかりしたスクール内容になっています。

無料でWebデザインが学べる方法2「Webデザインスクール」

無料でWebデザインが学べる方法2「Webデザインスクール」

デザインスキルは含まれませんが、Webエンジニアを目指す20代・30代の方は、ウン十万相当の講師付き本格スクールが無料で受講できるサービスがあります。

しかも中には就・転職サポートを受けて就職までできてしまうスクールも。

アドバイザー

詳しくは次よりご紹介します。

スクロールできます
スクール料金日数学習
方法
就職
支援
1programmer college20代限定
0
60日間オンライン
プログラミングスキルを学んで就・転職できる
2ZeroPlus Gate先着制で
0
30日間オンライン
Web制作スキルがお得に学べる

プログラマカレッジ

Programmer College

ポイント

  1. プログラミング学習・就職支援すべて無料!
  2. 大手優良企業の求人多数&インターンも可能
  3. チームでのWebサービス・アプリ開発が学べる

プログラマカレッジ完全無料のプログラミング学習・就職支援サービスです。各企業からの協賛金を得ることで無料で受講できる仕組みとなっています。詳しくはこちらの記事をどうぞ。

無料とはいえ習得できるスキルは超本格的。
しかもインターネットしか触ったことがない初心者からスタートでき、つまづいても色々なサポート体制が整っている点は心強いです。しかも途中で挫折しても違約金などの料金はかかりません。

毎月30名が定員で、基本的に集団で学習を進めていきます。チーム開発もできる他、提携企業へのインターンも経験できるので本格的な就業体験ができる点は魅力的ですね。

無料見学&プログラミング体験では気軽に受講体験ができるので、気になる方はぜひお試しください。

受講タイプオンライン
学習方法主に集団講習
料金無料
習得スキルコンピュータ基礎・アルゴリズム・Java・PHP(サーバーサイド、画面サイド)・HTML/CSS・ウォーターフォールとアジャイル開発・フレームワーク(Struts・Smarty)・データベース(PostgreSQL・MySQL)・テストツール(JUnit)・Linux・Apache・仕様書、設計書の読み方、テスト項目の作り方等・実践(ECサイト・アプリ開発等)
受講条件・22〜26歳の方
・東京/神奈川/千葉/埼玉での就職を希望される方
・プログラマカレッジを利用しての就職・転職
受講期間3ヶ月
教室東京(半蔵門) ※現在はオンラインのみ
定員制毎月30名 ※毎月第1週目スタート

ZeroPlus Gate

ZeroPlus Gate

ポイント

  1. 通常98,000円のサービスが無料!
  2. 充実したサポート体制
  3. 合計30日分のサービス内容

フリーランス特化型のWebデザインスクールであるZeroPlusが運営する「ZeroPlus Gate ( » 詳細 )」では、通常98,000円するサービスが先着順で無料で受けることができます。

4つのWebサイト制作が学べる動画教材に加え、不明点はプロ講師に質問し放題、専属メンターと最大4回の面談でモチベーション維持も可能です。

デザインスキルは含まれませんが、HTML/CSS・JavaScript・WordPressなどWebコーダーとして充実したスキルが講師付きで学べます。

追加料や悪質な勧誘、条件などはありません。せっかくの機会なので無料で学びたい方は積極的に利用してみましょう。

受講タイプオンライン
料金無料
習得スキルHTML/CSS・JavaScript・プログラミング基礎・WordPress
受講期間30日間
定員制先着制

無料でWebデザインが学べる方法3「職業訓練校」

無料でWebデザインが学べる方法3「職業訓練校」

ハローワークなどを利用される求職者の方向けに、Webデザインが無料で学べて就職支援も受けられる「職業訓練校」という国のサービスあります。

受講期間はおよそ6ヶ月ほどが多いですが、テキスト代以外無料で、さらに条件が合えば毎月10万円も支給される魅力的な制度です。

無料で学べてしかも給付金が受けられるため、毎回かなりの人気となっており、特に都市部では早い段階で満席となってしまう場合が多いようです。

アドバイザー

私自身も職業訓練校で講演したことがありますが、講師1人が生徒30人に教えるようなまさに「学校」そのものの雰囲気があります。

注意:ただし、このおいしい制度を目的とした受講者も多く「なんとなく」で受講している方も多い印象ですので、将来の人脈も見据えて本気で就職を目指す方は慎重に判断する必要があります。

※職業訓練校では一般的にデザインスキルも含まれています。

スクロールできます
スクール参考料金教室
1フェリカテクニカルアカデミー0池袋
東京の訓練校で一番長い歴史あり
2ADjust Academy0新宿
Web制作会社が運営している訓練校
3クリエイターズアカデミー0目黒・町田
Web制作会社を母体に持つ訓練校
4色彩舎ソリューション0大阪
大阪でWebデザインが学べる訓練校

その他地域の職業訓練校

フェリカテクニカルアカデミー

フェリカテクニカルアカデミー

ポイント

  1. しっかりしたWeb講習の内容が無料で学べる
  2. 条件を満たせば毎月10万円が貰える
  3. 現役のプロが講師&インターンシップ制度あり

フェリカテクニカルアカデミーは池袋にある職業訓練校です。
学校に通いながら空き時間にWeb制作会社で働くインターンシップ制度があったり、学校に直接求人依頼があったりと、就職するためのサポート体制抜群なことも魅力的です。

受講タイプ教室へ通う
コースWebサイト制作科
料金受講料:無料(教科書代:13,904円)
習得スキルPhotoshop・Illustrator・HTML/CSS・JavaScript/jQuery・Fireworks・Dreamweaver・WordPress・PHP・SEO・レスポンシブサイト
訓練時間平日毎日9:00〜14:25 ※数日ほど土日祝の訓練実施もあり
受講期間6ヶ月
教室池袋
卒業後サポート就転職サポートあり
その他ソフト・PCはスクール内にあり

アジャストアカデミー

アジャストアカデミー

ポイント

  1. 本物のWeb制作会社が運営
  2. 第一線で活躍する現役クリエイターが講師
  3. 新宿で学べる

アジャストアカデミーは本物のWeb制作会社が運営する求職者支援訓練校です。

訓練校では珍しく、第一線で活躍する現役クリエイターが講師なので即戦力となるWeb制作スキルが学べます。

受講タイプ教室へ通う
料金受講料:無料(教科書代:16,500円)
習得スキルPhotoshop・Illustrator・HTML/CSS・JavaScript/jQuery・スチール撮影・動画撮影・Web解析・SEO
訓練時間平日毎日9:20~14:45
受講期間5ヶ月
教室新宿
卒業後サポート就転職サポートあり
その他ソフト・PCはスクール内にあり

クリエイターズアカデミー

クリエイターズアカデミー

ポイント

  1. しっかりしたWeb講習の内容が無料で学べる
  2. 条件を満たせば毎月10万円が貰える
  3. Web制作会社が母体で講師も現役のプロ

Web制作会社が母体のクリエイターズアカデミーでは現役プロの講師から直接スキルを学ぶことができます。学ぶ内容も簡易的なものではなくしっかりとした内容であることが魅力的です。平日毎日通える方はぜひ。

受講タイプ教室へ通う
コースWebクリエイター養成科
料金受講料:無料(教科書代:2,100円)
習得スキルPhotoshop・Illustrator・HTML/CSS・JavaScript/jQuery・Dreamweaver・WordPress・PHP・プロによる特別講義・キャリアコンサルティング
訓練時間平日毎日9:20~14:50 ※数日ほど土日祝の訓練実施もあり
受講期間6ヶ月
教室目黒
卒業後サポート就転職サポートあり
その他ソフト・PCはスクール内にあり

色彩舎ソリューション

色彩舎ソリューション

ポイント

  1. 大阪の職業訓練校
  2. Webデザインは2コースあり
  3. 今どきの動画広告も学べる

色彩舎ソリューションは大阪市中央区の職業訓練校です。「グラフィック・Webデザイン実践科」の他に「初歩から学ぶWebデザイン科」のいずれかでWebデザインの習得ができます。

ちなみに動画広告制作スキル科という「動画広告」が学べる講座もあるのがユニークです。
大阪で職業訓練校をお探しの方はぜひ。

受講タイプ教室へ通う
料金受講料:無料
訓練時間平日毎日10:15~16:55
受講期間6ヶ月
教室大阪市中央区
卒業後サポート就転職サポートあり
その他ソフト・PCはスクール内にあり
A子

無料でこんなにしっかり学べるスクールもあるのね!

アドバイザー

そうなんです!対象者は限られますが条件に合う方はぜひ試してみてくださいね。

無料のスクールで学んで実際にWebデザイナーになれる?

無料のスクールで学んで実際にWebデザイナーになれる?
A子

でも、無料で学んでWebデザイナーとして就職まで目指せるものなのかな?

アドバイザー

そうですね、基本的には以下の環境があるとWebデザイナーになれる可能性が高まります

Webデザイナーになる可能性を上げる仕組み

  1. Webデザイナー向けの洗練されたカリキュラムがある
  2. 分からないことをすぐに聞ける環境がある
  3. Web業界に詳しい講師がいる
  4. 自作品集(ポートフォリオ)の良し悪しを判断してもらえる環境がある
  5. 就職・転職サポートがある
  6. 求人やフリー案件を紹介してもらえる

この点で、先にご紹介したWebデザインスクールは「Webエンジニア」として転職したい方は大体の条件が揃っているので可能性が高いです。

また、職業訓練校もすべての条件が揃っていますので可能性は高いですが、こちらは給付金までもらえてしまうため、給付金目的の人と学ぶ環境に影響されない強い意志が必要です。

問題は、ほぼ独学のWeb講座サイトを利用した場合です。
単体でスキルを学ぶことは出来ますが、講師なし、カリキュラムなし、サポートなしで、かなり手探りで努力をする割合が高いです。(一昔前はこれが普通でした)

独学でも基本的にポートフォリオがあればWebデザイナーとしてスタートできる可能性は高まりますので、作品制作にとにかく力を入れることで可能性は高まります。

アドバイザー

もし、必ずしも無料でなくてもOKな方であれば以下でご紹介するWebデザインスクールを利用することでかなり可能性は上がりますので、ぜひ合わせて検討してみてくださいね

以上!無料でWebデザインが学べる講座・スクールのご紹介でした。

アドバイザー

この記事が参考になりましたら嬉しいです。

よかったらシェアしてね!

執筆者

VOGELKUCK編集部のアバター VOGELKUCK編集部 Koichi Takahashi

Web/UIデザイナーになって18年目。普段はフリーランスで活動しながらも、このサイトではデザイナー目線で様々なサービスや商品のご紹介、実践的解説などを行っています。これまで数々の大手サイト制作・ブランド開発の経験あり。

タップできる目次