【忙しい人へ】好きな時間に自宅で学べる!Webデザイン制作・プログラミングのオンライン講座・スクールまとめ

 2017.08.30  2019.07.09

仕事や学業と両立しながら通学せずに自宅や好きな場所で好きな時間に学べる、主にWebデザイン・プログラミング系のオンライン講座・オンライン学習サービスをまとめました。転職や独立を考えている人は検討する価値ありです。無料で視聴できる講座もありますよ!

Schoo(スクー)

schoo

Web周りの講座が非常に充実しています。最近はWeb系のみならず、英語やマーケティング、教養といったビジネス全般で役に立つ講座も増えています。また、動画と合わせて個別サポートが受けられる「マスタープラン」も用意されています。

LIVE配信では先生に質問したり、他の受講生のコメントなどを読むこともできます。実際に現場で活躍されている方たちのお話が聞けるのは貴重です!

同業者のコンセプトメイキング、仕事への取り組み方、考え方はなかなか聞けないので、とても参考になります。講師陣が作成する資料もよくまとまっていて、復習しやすいです。

サイトURL
Schoo(スクー)
講座内容
Webデザイン、プログラミング、ビジネス一般、英語、教養その他
スマホアプリ
あり
無料講座
リアルタイムで講座を視聴する場合は基本的に無料。19時以降の講座が多い。
有料講座
プレミアムプラン:月額980円(税込)
プレミアムプラスプラン:月額1,980円(税込)
マスタープラン:39,000(税込)〜
料金表とサービス内容はこちら

ドットインストール

ドットインストール

3分動画でマスターできる、初心者向けプログラミング学習サイトです。無料でもかなりの数の講座を視聴できます。 実際にプログラムを用いたアプリ制作なども学べる「プレミアム会員(有料)」では、実践的な授業も多数用意されています。

初歩的なプログラム言語の勉強から実際にプログラムを作成するまで学べます。1講座3分で完結なので、隙間時間にサクサク進められます。プレミアム会員のソースコードの閲覧や差分チェックサービスはとてもありがたいですね。

サイトURL
ドットインストール
講座内容
HTML、CSS、JavaScript、jQuey、レスポンシブデザイン、サーバー環境構築、PHP、MySQL、Ruby、SQLite、Active Record、Sinatra、iOSアプリ制作、 Swift3、Androidアプリ制作、Wordpress、Java8、Scala、Kotlin、Python、Node.js、Excel VBA、Google Apps Script、Uniry、Scratch2.0、 enchant.jsなど
レッスン一覧はこちら
スマホアプリ
なし
無料講座
基礎的な講座は無料
有料講座
プレミアム会員月額980円(税込)
プレミアム会員向け講座含む全ての講座の視聴が可能、文字起こしの閲覧、ソースコードの閲覧、ソースコードの差分チェック、素材ファイルのダウンロードなど
料金表はこちら

CodeCamp

CodeCamp 完全オンラインのプログラミング個人レッスン

現役エンジニア・デザイナーとマンツーマンでプログラミントとデザインを学べるビデオチャットを使用したオンラインスクールです。PhotoshopやIllustratorの使い方や、HTMLやJavaScriptといったフロントエンドからPHPやRubyなどのサーバーサイドの言語まで幅広く学べます。

講師は200名以上、生活に合わせて365日7:00〜24:00までレッスン時間が選べるので、仕事や学業との両立もしやすいです。無料体験レッスンもあるので安心ですね!

子供が寝た後などの遅い時間でも講師とともに学べるのが魅力的です。分からないことがあればその場ですぐに質問できるのも◎。先生が現役エンジニアというのもかなりの高ポイントです。

サイトURL
CodeCamp
講座内容
  • Webマスターコース(HTML5/CSS、JavaScript/jQuery、PHP/MySQL)
  • Rubyマスターコース(HTML5/CSS、JavaScript/jQuery、Ruby on Rails)
  • Javaマスターコース
  • デザインマスターコース(Photoshop、Illustrator、HTML5/CSS、JavaScript/jQuery、Bootstrap)
  • アプリマスターコース(Java基礎、Androidアプリの開発、iPhoneアプリの開発)
  • WordPressコースなど
コース一覧はこちらへ >
スマホアプリ
なし
無料講座
無料体験レッスンあり
料金
安心プランとスピードプランがある。詳しくはサイトへ

TechAcademy

TechAcademy

最短4週間で未経験からプロを育てるプログラミング・Web制作のオンラインスクールです。受講生に1人ずつ現役プロのパーソナルメンターが付き、週二回パーソナルメンターと1回30分のビデオチャットで質問などのサポートが受けられます。また、15時〜23時の間であればオンラインチャットで質問が可能です。

回数無制限の課題レビューや転職サポートなど、本気でWeb業界を目指す人をバックアップしてくれます。無料体験でどのように授業が進むか確認できます。

1人自宅で勉強する時に困るのが、分からない時に気軽に疑問点を質問できないこと。TechAcademyではチャットで現役プロのサポートを受けられ、1人で考え込まずに相談できる環境が整っている点がポイント高いです。

サイトURL
TechAcademy
講座内容
  • Webアプリケーションコース
  • PHP/Laravelコース
  • Javaコース
  • WordPressコース
  • iPhoneアプリコース
  • Androidアプリコース
  • Unityコース
  • はじめてのプログラミングコース
  • Webデザインコース
  • UI/UXデザインコース
  • Webディレクションコース
  • Webマーケティングコース
スマホアプリ
なし
無料講座
無料体験あり
料金
各コースにより異なる。学生割引あり。

TECH::EXPERT

▼Webデザイナークラス
TECH::EXPERT Webデザイナークラス

▼エンジニアクラスTECH::EXPERT エンジニアクラス

600時間を超える教育プログラムと専属トレーナーによるサポートで、エンジニアやWebデザイナーに必要なスキルをみっちりと学べる、エンジニア&Webデザイナー養成スクールです。

学習スタイルは、仕事を続けながら夜間と休日に通える「夜間・休日スタイル」と、平日ガッツリと学べる「短期集中スタイル」の2種類で、自分の状況に合わせて無理なく学べます。教室に通うスタイルでもオンラインでの学習&質問が可能です。教室での勉強×オンライン学習で、メリハリをつけて勉強できますね。(以前は、エンジニアクラスでは自宅で学べる「オンラインスタイル」も提供されていたのですが、現在はなくなったのでしょうか…?)

プログラム終了後も、専属キャリアアドバイザーがキャリア形成や転職をバックアップしてくれます。

14日以内であれば、どんな理由でも返金してもらえる全額返金制度があり、転職保証やフリーランス保証など希望しているキャリアチェンジが実現できなかった場合も返金対象となるので、金銭面でも安心して受講できます。まずは無料カウンセリングで相談してみましょう!

Webデザイナークラスはこちら、エンジニアクラスはこちらです!

オンラインだけだと、どうしてもダラけてしまったり効率が悪くなってしまうこともあるので、教室⇄自宅を行ったり来たりしながら勉強すると、気分転換もできてモチベーションがあがりそう!自宅からオンラインで質問や相談できるのが◎。Webデザイナークラスもオンラインスタイルがあるといいですね。

サイト
講座内容
  • Webデザイナークラス
    デザインの基本原則、ペルソナ設計、UI/UX設計、HTML/CSS、JavaScript、jQuery、Figma・Photoshop・Illustratorの使い方、Bootstrapなど
  • エンジニアクラス
    HTML/CSS、haml/sass、JavaScript、Ruby on Rails、サービス設計、SQL・データベース、SQL・データベース、運用・コミュニケーションなど
スマホアプリ
なし
無料講座
無料カウンセリングあり
料金
各コースにより異なる

Udemy

udemy

45000以上のコースを1500万人以上の人が受講しているオンライン学習サイトです。Web周辺のみならず、多種多様なコースが用意されています。受講するだけではなく、誰でも講師になって講座を公開し、講座の価格を決めることが可能。世界中で利用されているサービスなので英語での講座が多いのですが、日本語で視聴できるものもあります。興味のある分野を英語で学べるので、英語も学びたい人には一石二鳥です!

受講者が講座を評価できるシステムがあり、支払う前に評判を確認できるので安心です。

サイトURL
Udemy
講座内容
開発、ビジネススキル、ITとソフトウェア、仕事の生産性、パーソナルライフ&ファミリー、デザイン、マーケティング、趣味・実用・ホビー、写真、ヘルス&フィットネス、講師のトレーニング、音楽、学問教養、言語、入試・資格
スマホアプリ
なし
無料講座
無料サンプルビデオあり
有料講座
講座ごとに価格が異なる

DMM WEBCAMP

以前は、Webデザインに特化したオンライン完結型スクールも運営していたのですが、現在はコース改修中で新規の受付はしていないようです。

プログラミングは教室に通うスタイルで、11~22時の間で自分の好きな時間に通い放題・講師へ質問し放題。自宅学習でもオンラインで質問できます。マンツーマン指導や転職サポートも魅力的です。この記事ではオンラインコースの復活を待ちたいと思います!!

転職率98%はかなり高い数字ですよね。転職・就職できなかった場合は、受講料を全額返金してくれるとのこと。サービスの本気さと意気込みが感じられます。短期間で集中して勉強するには良い環境だと思います。オンラインコースの復活希望!!

サイトURL
DMM WEBCAMP
講座内容
プログラミング全般
スマホアプリ
なし
料金
3ヶ月プログラム
分割払い:26,000円~ /月(税別)
一括払い:628,000円 (税別)

PyQ (パイキュー)

pyq

注目されているPythonに特化して学べるオンライン講座です。課題形式で、実際にプログラムを書いて実践に近いスタイルで学びます。

「問題を解く」スタイルは他ではあまり見かけませんが、仕事でクライアントの要望に応えるプロセスと似ているので、実践的なスキルが身につきそうです。

サイトURL
PyQ (パイキュー)
講座内容
Python
スマホアプリ
なし
料金
料金表はこちら

CODEPREP

https://codeprep.jp/

Web上で実際にプログラムを書いて動かしながら学べるプログラミング学習サービスです。「ブック(本)」型のスタイルで現在ブックは100冊以上、毎週新しいブックが追加されています。

サイトのUIがシンプルで使いやすそうです。プログラムの動作確認がサイト上でできるので、サーバーがなくてもネット環境があれば試せるのは便利です。

サイトURL
CODEPREP
講座内容
HTML、CSS、JavaScript、Ruby、PHP、jQuery、BootStrap、Java、Scala、Python、Rust
スマホアプリ
なし
無料講座
無料公開ブック(期間限定を含む)
ブックの立ち読み(始めのチャプターのみ無料)
有料講座
月額980円
すべてのブック閲覧可能、コードのダウンロード、穴埋め解除

SKILL HUB

Skillhub

Web制作の知識を体系的に学べます。 マーンツーマンで自分の目的にあったプラン(フリーランス・起業・Web業界への就職、転職)を選べるプレミアムサービスも用意されています。

Webサイト制作スキルを身につけた後の働き方に悩む人には、アドバイスをもらえるプレミアムサービスが気になります。 どの分野でもそうですが、思い描く通りにはなかなかいかないので、こちらでも紹介しているセミナーや交流会を通して人脈を増やし、色々な意見を聞くのもよいかもしれません。

サイトURL
SKILL HUB
講座内容
Webデザイン、illustrator、Photoshop、HTML、CSS、JavaScript、Ruby on Rails、PHP、jQuery、Github、Google Adwords、GoogleAnalytics、グロースハック
スマホアプリ
なし
無料講座
基本的な11講座が無料です。
無料講座一覧はこちら 
有料講座
プレミアムサービス:
フリーランス・デビュー支援プラン 通常169,800円
Web起業サポート・プラン【じっくり6ヶ月コース】通常299,800円
Web業界へ就・転職するためのベーシックプラン通常169,800円
(割引キャンペーン有り)

Lynda.com

lynda

海外ではかなりの古株ですよね。気が付いたら日本版が出来ていました。現時点で8,000の動画、400コースという、コースとレッスン数が豊富なのが魅力的。
Web周りのソフトだけではなく、After Effects、Lightroom、Maya、PowerPointやExcelなどのOffice系ソフトなども網羅されているのが特徴です。

古くからあるサービスで講師陣の質も高いので、安心して受講できます。

サイトURL
Lynda.com
講座内容
ビジネス用ソフト、マーケティング、3D/CAD/アニメーション、画像編集、デザイン/イラスト、ビデオ/オーディオ、ウェブデザイン、プログラミング コース一覧はこちら
スマホアプリ
あり
無料講座
10日間無料トライアルあり
有料講座
スタンダード:月額900円、年間9,900円
プレミアム:年間19,900円(コースをダウンロードしてオフラインで視聴可、 コースで使用している素材のダウンロード可)

Progate

Progate

初心者でも分かりやすいスライドで内容を学んでから、実際にブラウザ上でコードを書いて結果を確認するというスタイル。エディタやサーバーを用意する必要がないので、学びたい時にいつでも学べます。無料会員では、「HTML初級編」「Ruby基礎編」など、15レッスンを学習できます。

スライドがとても分かりやすいです!親しみやすいイラストで、視覚的にも頭に入りやすいです。「スライド×プログラムで実践」という組み合わせで、バランスよく学習できそうです。学校向けプランがあるのもいいですね。

サイトURL
Progate
講座内容
HTML、JavaScript、jQuery、Ruby、Ruby on Rails5、PHP、Java、Python、Swift、Command Line、Git、SQL
スマホアプリ
なし
無料講座
基礎レベルの15レッスンが受講可能
有料講座
月額980円
公開中の全59レッスン全ての受講が可能

CodeMonkey(コードモンキー)

CodeMonkey(コードモンキー)

CodeMonkeyのユーザーは世界中で600万人以上、小学生から70歳までの人たちが学んでいるという、ゲーム形式のプログラミング学習サイトです。開発はIT先進国ともいわれるイスラエルのスタートアップ企業「CodeMonkey Studios」。CodeMonkeyはイスラエルの小中学校1700校に標準教材として導入されているとのことです。

私も無料体験を試してみましたが、絵が可愛いので簡単かな〜と思って高をくくっていたら、段々と頭を使う場面が増えてきて、時間を忘れて遊んで(学んで?)しまいました。小学生の我が子も楽しんでやってましたよ!

1つのチャレンジが3〜5分程度なので、隙間時間にできるのがいいですね。親子で学ぶのも楽しそうです。

サイトURL
CodeMonkey(コードモンキー)
講座内容
ゲーム形式でプログラミングの基礎を学ぶ
無料講座
無料体験あり
料金
ライセンス 6,480円(1年間)〜

ウェブカツ

ウェブカツ

Web周りの言語やネットワーク、サーバー、起業や保険といった制作以外の知識も学べるので、フリーランスやこれから独立したい人にとっても興味深い内容となっています。講座は動画形式で1本15分程度。長すぎず短すぎずで集中しやすい長さです。

動画で使われるスライドの図が分かりやすいです。WEBマーケティングや保険といった手を動かす制作以外の講座があるのも魅力的。

サイトURL
ウェブカツ
講座内容
  • HTML・CSS部 初級/HTML・CSS部中級
  • javascript・jQuery部 初級/中級/上級
  • PHP・MySQL部
  • PHPオブジェクト指向部
  • PHPフレームワーク部
  • ネットワーク・サーバー部
  • WordPress部
  • WEBサービス部
  • 起業部
  • WEBマーケティング部
  • 保険部
  • 営業部
無料講座
いくつかは無料で視聴可能
料金
プレミアム部員:月額 3,980円

paizaラーニング

paizaラーニング

1本3分の動画を見ながら、ブラウザ上でプログラミングを練習、実行できます。エンジニアに質問もできます。ゲーム形式の問題もあります。

一画面に動画、補足テキスト、コードを書くエリア、出力エリアが表示さるので、学習内容をいっぺんに確認できるのが◎。

サイトURL
paizaラーニング
講座内容
TML/CSS、PHP、Java、Python3、C言語、C#、JavaScript、ゲームエンジニア、 Ruby、Webアプリ開発、Git、DB/SQLなど
無料講座
一部講座無料
料金
1ヶ月600円〜 おためし初月無料特典あり。

今回ご紹介したサイトを参考に、自分の生活スタイルに合った継続しやすい学習方法を見つけてみましょう!

セミナーやイベントに参加して勉強や交流をしたい方は、こちらの記事がオススメです。