- 公開日: 2022年09月08日
【比較表付】Webデザインをオンラインで学べる講座スクールコース・講座5選

Webデザイナーとして自宅で副業を目指したい、手に職をつけてスキルアップしたいあなた、Web系の仕事が気になっていませんか?とはいえ、仕事につけるほどの知識を独学で身につけるのはなかなか難しく、また、スクールに通える時間もないと、一歩が踏み出せないでいる方も多いと思います。
日々忙しいあなたでも、オンラインスクール講座なら、会社への通勤途中や子どもが昼寝をしている間など、移動時間や隙間時間でも学習ができます。今回は人気のWebデザインを、独学でWebデザインを勉強できる通信(オンライン)講座をまとめてみました。ぜひ、チャレンジしてみてくださいね!
オンラインで学べるWebデザインプログラミングスクール比較
5サイトとコース別の比較・早見表
コードキャンプをはじめテックアカデミーや女性のWebデザイナー用プランのギークガールラボなど現在は多くのプログラミングスクールがあるため、何を選べばよいのかわからないという方も多いはず。
先に早見表から比較したい場合は以下のボタンをクリックしてください。
Codecamp
プログラミング スクール名 |
コース名 | 実績 | 受講料例 | 運営会社 |
---|---|---|---|---|
CodeCamp (コードキャンプ) |
Webデザイン基礎コース 旧:Webマスター) |
|
|
コードキャンプ株式会社 |
Webデザイン副業コース |
|
短期間でスキルを身につけるには、自分にあった内容を細かく指導してもらうのがもっとも効果的ですが、なかなか研修形式ではそんなチャンスはありません。ところがこちらCodecampでは、現役エンジニアがマンツーマンで個人レッスンをしてくれるという変わった形式をとっています。個人指導にもかかわらず、テキストや動画での通信教育と同程度の費用となっているのはすごいですね。
現在、1コマの無料体験レッスンが受けられるようになっている太っ腹のキャンペーン中です。個人レッスンってどんなもの?と思われている方は、試しに受講してみてはいかがでしょうか。 無料体験レッスン
デジハリオンラインスクール
プログラミング スクール名 |
コース名 | 実績 | 受講料例 | 運営会社 |
---|---|---|---|---|
デジハリ オンライン |
Webデザイナー講座 短期集中プラン |
|
|
デジタルハリウッド株式会社 |
Webデザイナー講座 就転職プラン |
|
|||
Webデザイナー講座 在宅・副業プラン |
|
|||
Webデザイナー講座 フリーランスプラン |
|
|||
エンジニア転向コース |
|
Webデザイン、CGなどに強い専門学校「デジタルハリウッド」の運営する通信講座がこの「デジハリオンライン」です。豊富な授業実績で培われた、わかりやすく充実した授業が強みです。授業時間もさすがのボリュームです。
カリキュラムでは、お金の話の授業が他社にない特徴です。マーケティングや確定申告の仕方などは、在宅やフリーランスとして実際に仕事をする際に直面する困りごとなので、これを事前に知っておけるのはとても役に立ちますよ。比較的授業料は高額ではありますが、本気でフリーランスを目指す方にはとても役に立つ講座だと言えます。
Illustrator、PhotoshopなどのAdobe製品が、講座受講者限定で12ヶ月版ライセンスを割引価格で購入できますので、今からソフトの購入を考えていた方はとてもお得です。
Webディレクションの講義まで含まれた「フリーランス・パーフェクトプラン」や、技術・言語習得のみの講座がセレクトされた「就転職・キャリアアッププラン」も開講されています。
TECH ACADEMY
プログラミング スクール名 |
コース名 | 実績 | 受講料例 | 運営会社 |
---|---|---|---|---|
TechAcademy (テックアカデミー) |
はじめてのプログラミングコース |
|
|
キラメックス株式会社 |
はじめての副業コース | ||||
フロントエンドコース | ||||
Webデザインコース | ||||
エンジニア転職保証コース |
オンラインプログラミングスクールのTECH ACADEMY(テックアカデミー)の、Webデザインコースです。イチから自分で作りたいWebサイトを作成できるところまでを目標にしています。
上に記載しているのは、もっとも期間の長い16週間のコース。短期間で学習時間が確保できる場合は、4週間、8週間、12週間プランもラインナップされています。
カリキュラムを見ると、サイトの作成までに必要なスキルを無駄なく習得できる印象です。最新言語を使っている技術者で常識になりつつある、ソースコード管理システムGitについての解説があるのも魅力です。チーム開発に携わる場合にも、戸惑わなくてすみそうですね。
チャットサポートにて気軽に質問ができるのも初心者には助かります。また、週二回の指導者によるメンタリングで、不明点の質問や次回までの課題設定などをFaceチャットで行ってもらえます。
GEEK GIRL LABO
プログラミング スクール名 |
コース名 | 実績 | 受講料例 | 運営会社 |
---|---|---|---|---|
GEEK GIRL LABO (ギークガールズラボ) |
学び放題コース (旧:Webマスター) |
|
例)学び放題6ヵ月プラン
|
株式会社 凛 |
在宅ワークコース |
|
|||
副業デビューコース |
|
WordPressを中心とした、ライトなWeb制作技術を早期に習得したい方向け。 特に家事育児で社会参加を諦めてしまっていた女性に向けてというコンセプトから、独自のSNSコミュニティを作成していたり、チューター制度があったりなど、 ブランクを応援するサポートが充実しています。受講期間が無制限というのも気が楽になりますね。
また、受講中からチューターとともに実際の案件に取り組むことができるため、 仕事を開始することに不安のある方、Webの仕事の向き不向きを判断したい方が 気軽にトライするにはとても良さそうです。
Schoo
プログラミング スクール名 |
コース名 | 実績 | 受講料例 | 運営会社 |
---|---|---|---|---|
Schoo (スクー) |
デザイン学部 (旧:Webマスター) |
|
|
株式会社Schoo |
プレミアムプラン |
|
WebデザインやRubyなどのIT技術、ビジネススキルなど、社会人のスキルアップのための講座を揃えるSchoo。毎日、有名講師による、様々な無料講座の生放送授業が開講されていることでも有名です。
こちらのWebデザイナーコースは、動画に合わせて自分で課題をこなしていき、提出するというスタイル。質問はメールにて、随時受け付けられています。
デザインの基礎から、Webデザインの制作プロセス全体を学ぶことができます。HTMLやCSSなどのコーディング部分だけでなく、「Webサイトの公開」の講義にて、初心者が詰まりがちなレンタルサーバーの使い方も内容に含まれているのは親切ですね。お勤めをしながらのスキルアップやさらに自分に付加価値をつけたいフリーランスの方におすすめの講座です。
サイト全体が洗練されたデザインになっており、デザイナーを目指す方も閲覧していて心地よいのではないでしょうか。
学べる言語比較
HTML,CSSだけでなくJavaScript言語も学習する講座はエンジニア寄りの講座で、illustratorを学習する講座はデザイナー寄りと言えるでしょう。Dreamweaverは比較的大規模なWebサイトを作成するのに使われる、プロ向けのツールです。一方、WordPressはもとはブログ作成用ツールのため、個人サイトや店舗サイトなど、小規模なWebサイトを作成するのに向いています。
Webデザインコース早見表
詳細は各プログラミングスクールが有するWebデザイナーコースを紹介している項目から確認いただければと思いますが、簡単に比較を行うことができる早見表をご紹介します。
プログラミング スクール名 |
コース名 | 実績 | 受講料例 | 運営会社 |
---|---|---|---|---|
CodeCamp (コードキャンプ) |
Webデザイン基礎コース 旧:Webマスター) |
|
|
コードキャンプ株式会社 |
Webデザイン副業コース |
|
|||
デジハリ オンライン |
Webデザイナー講座 短期集中プラン |
|
|
デジタルハリウッド株式会社 |
Webデザイナー講座 就転職プラン |
|
|||
Webデザイナー講座 在宅・副業プラン |
|
|||
Webデザイナー講座 フリーランスプラン |
|
|||
エンジニア転向コース |
|
|||
TechAcademy (テックアカデミー) |
はじめてのプログラミングコース |
|
|
キラメックス株式会社 |
はじめての副業コース | ||||
フロントエンドコース | ||||
Webデザインコース | ||||
エンジニア転職保証コース | ||||
GEEK GIRL LABO (ギークガールズラボ) |
学び放題コース (旧:Webマスター) |
|
例)学び放題6ヵ月プラン
|
株式会社 凛 |
在宅ワークコース |
|
|||
副業デビューコース |
|
|||
Schoo (スクー) |
デザイン学部 (旧:Webマスター) |
|
|
株式会社Schoo |
プレミアムプラン |
|
*1 各社サイトに税抜き表示のみ記載の場合、筆者にて計算しています
*2 期間限定などのキャンペーン価格ではなく、定価を記載しています
(ご注意) 一部をのぞき、Adobe製品のアカウントはご自分で用意する必要があります。AdobeCCと呼ばれる製品アカウントでは、月額料金体系にて利用が可能となっていますので、こちらもご検討くださいね。

- この記事を書いた人
- CodeCampus編集部