新卒でフリーランスになって月144万円かせぐまでの全てをnoteにまとめました

初心者がオンラインでウェブデザインを学ぶなら、スクールは2択です。【無料あり】

「ウェブデザインを学びたいけど、スクールに通う時間がない…時間が取れたとしても夜遅くか朝早くだし、スクールが開いてない…」

と思っている方、こんにちは。現役ウェブデザイナーのくろぽん(@ktsuyoc)です。

ウェブデザインを最短ルートで身につけるには、スクールに通ってプロの講師から教えてもらうのがベスト。

とはいえ、ふだんの仕事や勉強が忙しすぎて、スクールが開いている時間に通えないこともありますよね。ぼくは時間がなくてネットで調べつつ独学をしたので、かなり効率の悪い学習をしていました…。

今ならオンライン形式のウェブデザインスクールを使いますね。ネットを使ってレッスンを受けることができ、場所や時間にとらわれず学習できます。

この記事ではオンラインのウェブデザインスクールについて、

  • 時間のない初心者がオンラインでウェブデザインを学ぶべき理由3つ
  • 結論:有料なら「CodeCamp」、無料なら「ドットインストール」
  • 主要なオンラインスクールを軽めに紹介します

の順でお伝えします。

オンラインってなんだか難しそうと思うかもしれませんが、どのスクールも簡単に受講できるので安心してください。

まずはこの記事で、ウェブデザインが学べるオンラインスクールについて概要をおさえましょう!

時間のない初心者がオンラインでウェブデザインを学ぶべき理由3つ

冒頭でもお伝えしましたが、時間のない初心者はオンラインでウェブデザインを学ぶべきです。

ここではその理由について、

  1. 独学だと小さなつまずきに時間をかけすぎてしまう
  2. 自分だけでウェブデザインを学ぶと挫折しやすい
  3. 常にフィードバックがもらえる環境のほうがスピーディに成長できる

の順に3つお伝えします。

1. 独学だと小さなつまずきに時間をかけすぎてしまう

ぼくは独学でHTMLやCSSを学びはじめたのですが、めちゃくちゃ小さなつまずきに時間をかけすぎてしまいました。

例えば「全角スペースが入っていて表示されなかった」とか、「最後にちゃんとタグを閉じていない」とか。知っている人が見れば3秒で解決することに何時間もかけていたんです。

オンラインでプロに教えてもらうことで、小さなミスをすぐに指摘してもらうことができます。結果として時間のムダがなく、スピーディにウェブデザインを習得することが可能です。

2. 自分だけでウェブデザインを学ぶと挫折しやすい

自分だけでウェブデザインを学んでいると、学習の目的がぼんやりしてしまったりして挫折しやすいです。

ぼくは「プログラミングって話題だし、簡単って言われてるHTMLからはじめてみるか!」と、かなりざっくりした動機でウェブデザインをはじめました。

なので、一度つまずくと「あれ…なんでこんな大変な思いをして勉強してるんだっけ…?」と思ってしまい、結果として何度も学習が止まりました。

メンタリングをしてもらえるオンラインスクールもあるので、それを使ってモチベーションを保つのがベターです。

3. 常にフィードバックがもらえる環境のほうがスピーディに成長できる

独学でウェブデザインを身に着けようとすると、フィードバックをくれる人がいないんですよね。自分で1からサイトを作っても、そのサイトがよいのかどうかはわからないという。

すばやくスキルアップすることを考えると、いかにフィードバックと改善をくり返すかが大切です。独学と比べると、スクールに通ったほうが圧倒的に改善スピードは早いです。

だからこそ、講師から常にフィードバックをもらいやすい環境を選ぶ必要があります。

次はオンラインスクール選びの結論を解説します。

結論:有料なら「CodeCamp」、無料なら「ドットインストール」

オンラインでウェブデザインを学ぶさいの結論を言うと、有料なら「CodeCamp」で、無料なら「ドットインストール」です。

ここでは、なぜCodeCampやドットインストールを選ぶべきなのかについてお伝えします。

完全オンラインで現場のプロがマンツーマンレッスン!「CodeCamp」

CodeCampのホームページ
CodeCamp(コードキャンプ)のおすすめポイントはレッスンの時間が「7:00〜24:00」と長いことです。そのため、仕事や学校が忙しい方でもスキルをしっかり習得できます。

ビデオ通話を使ってレッスンを受けるオンライン完結のスクールなので、いつでもどこでもスキルを学習できます。

講師は大手IT企業勤務経験のある現役のプロを中心に採用。現場で活きるスキルを身につけることが可能です。しかも、完全マンツーマンレッスンで質の高い講義を実現しています。

身につくスキル

  • Photoshop
  • Illustrator
  • HTML5
  • CSS3
  • JavaScript
  • jQuery
  • Bootstrap

料金・コース紹介

デザインマスターコース
  • 2ヶ月プラン:148,000円(最大36回分割で月4,900円から受講可能)
  • 4ヶ月プラン:248,000円(最大36回分割で月8,300円から受講可能)
  • 6ヶ月プラン:298,000円(最大36回分割で月10,000円から受講可能)

受講スタイル

  • 完全オンライン&マンツーマンで現役のプロから実践的なスキルを学ぶ

CodeCampは体験レッスンだけなら無料なので、気軽に試してみてください。

無料の3分動画で基礎をマスターできる「ドットインストール」

ドットインストールのホームページ
ドットインストールでは、HTMLやCSSの基礎を無料で学ぶことができます。基礎的なことだけなら本当に無料で学べてしまいますよ。

しかも1つのレッスンが3分の動画にまとまっており、スキマ時間でスキルアップすることが可能です。スマートフォンからでも動画の視聴はできるので、移動中に動画を見て、帰ってから実際に手を動かすこともできます。

また、月額980円のプレミアム会員になると、ソースコードや素材ファイルを見ることができたり、レッスン動画の速度を変更できたりします。

ただし、フィードバックをもらう講師はいないので、自分でエラーを直す必要があるのはデメリットです。

身につくスキル

  • HTML5
  • CSS3
  • PHP
  • JavaScript
  • jQuery

料金・コース紹介

無料会員
  • 初心者向けのレッスンのみ
  • 料金:無料
プレミアム会員
  • 中・上級者向けのレッスンあり
  • ソースコードの閲覧、レッスン動画の速度変更などが可能
  • 料金:1ヶ月980円

受講スタイル

  • 完全オンラインで、3分動画を視聴してスキマ時間に受講

続いては、主要なオンラインスクールをざっくり紹介します。

主要なオンラインスクールを軽めに紹介します

ここからは、主要なオンラインスクールを

  1. TechAcademy:有料、1週間無料体験あり
  2. Udemy:サンプルは無料、講座ごとの買い切り型
  3. Progate:基礎講座は無料、有料講座あり
  4. Schoo:生放送は基本無料、有料プランあり
  5. SKILL HUB:基礎講座は無料、有料プランあり

の順で見ていきます。

1. TechAcademy:有料、1週間無料体験あり

web-design-recommend-compare04

ポイント
  • 週2回のメンター面談で、自分にあった目標や学習方法を考えてくれる
  • 毎日15時〜23時のチャットサポートで、疑問をすぐに解消
  • 課題のレビュー回数は無制限

料金・コース紹介

Webデザインコース(社会人)
  • 4週間プラン:129,000円
  • 8週間プラン:179,000円
  • 12週間プラン:229,000円
  • 16週間プラン:279,000円
  • 最大24回分割で月5,375円から受講可能
Webデザインコース(学生)
  • 4週間プラン:89,000円
  • 8週間プラン:119,000円
  • 12週間プラン:149,000円
  • 16週間プラン:179,000円
  • 最大24回分割で月3,708円から受講可能

TechAcademyには1週間の無料体験があります。1週間あればHTMLとCSSの基礎は身につくので、体験レッスンと同時にスキルアップが可能です。

2. Udemy:サンプルは無料、講座ごとの買い切り型

Udemyのホームページ

ポイント
  • 世界中で1,500万人以上が受講しているオンライン学習サイト
  • 日本語で視聴できるものも多い
  • 講座ごとの買い切り型で月額料金はかからない

料金・コース紹介

Webデザイン入門オンライン講座
  • 未経験からプロのWebデザイナーになるためのコース
  • 3年で1100名以上の卒業生を出したスクールが講師
  • 料金:6000円(通常24,000円)の買い切り型

Udemyの魅力は何と言ってもその安さです。キャンペーンはいつまで続くのかわからないので、気になる方はお早めにどうぞ。

3. Progate:基礎講座は無料、有料講座あり

Progateのホームページ

ポイント
  • スライドで学んで、コードを書いて実践する学習スタイル
  • 無料で15の基礎講座を受講できる
  • スマホアプリでスキマ時間に学ぶことも可能
Progate -楽しく学べるプログラミング学習アプリ

Progate -楽しく学べるプログラミング学習アプリ
開発元:Progate
無料
posted withアプリーチ

料金・コース紹介

無料会員
  • 基礎レベルの15レッスンを受講できる
  • プログラミングの基礎的な知識を習得
  • 料金:無料
有料会員
  • Progateで公開されている全65レッスンを受講できる
  • プログラミングの応用や実践的な知識を習得
  • 料金:1ヶ月980円

4. Schoo:生放送は基本無料、有料プランあり

Schooのホームページ

ポイント
  • 生放送の授業は基本的に無料
  • 録画やプレミアム生放送は月980円
  • アプリで視聴もできる

料金・コース紹介

無料会員
  • 一部の生放送のみ受講できる
  • 料金:無料
有料会員
  • 会員限定の生放送授業を受講できる
  • 4600本以上の録画授業を全て視聴できる
  • 料金:1ヶ月980円

5. SKILL HUB:基礎講座は無料、有料プランあり

SKILL HUBのホームページ

ポイント
  • 無料の基礎講座だけでもウェブサイトの公開までできる
  • 動画レッスンでていねいな授業
  • ”稼げるプロ”になるためのプランも豊富

料金・コース紹介

無料プラン
  • HTMLやCSSなどの11講座が無料
  • 簡単なウェブサイトの公開までできる
  • WordPressの使い方も習得できる
フリーランス・デビュー支援プラン
  • 初心者が最短ルートでフリーランスになるスキルを習得できる
  • ウェブデザインのスキルだけでなく、仕事の取り方もサポート
  • 料金:169,800円
Web起業サポート・プラン【じっくり6ヶ月コース】
  • ウェブサービスで起業するスキルを習得できる
  • SKILL HUB独自のマネタイズ手法をレクチャー
  • 料金:299,800円
Web業界へ就・転職するためのベーシックプラン
  • 初心者からウェブ業界へ就職・転職できる
  • ウェブデザイナーだけでなく、プログラマやディレクターなどの講座もあり
  • 料金:169,800円

オンラインでスキマ時間にウェブデザインを学んで、すばやいスキル習得を!

ここまで、初心者がオンラインで学べるウェブデザインスクールを紹介しました。

おさらいすると、はじめに時間のない初心者がオンラインでウェブデザインを学ぶべき理由として、

  1. 独学だと小さなつまずきに時間をかけすぎてしまう
  2. 自分だけでウェブデザインを学ぶと挫折しやすい
  3. 常にフィードバックがもらえる環境のほうがスピーディに成長できる

の3つをお伝えしました。そして、結論は有料なら「CodeCamp」、無料なら「ドットインストール」でしたね。

そして最後に、主要なオンラインのウェブデザインスクールを軽く紹介しました。オンラインでレッスンを受けることによって、スキマ時間でのすばやいスキル習得が実現するはずです。

オンラインでのウェブデザイン講座はパソコンが一台あれば受けることができます。もしパソコンで迷っている方は「【初心者向け】ウェブデザインにおすすめのパソコンとは。安いPCを買って損をしない方法【Mac・Windows】」という記事も書いていますので、参考にしてみてください。

また、通学するタイプのスクールと比べてから考えたい方は「【2018年版】おすすめのウェブデザインスクール比較ランキング9選!初心者も迷わない料金・内容まとめ」をご一読ください!