好きな時間に自宅で学べる!Webデザイン・プログラミングのオンライン学習まとめ10選

 2017.08.30  2017.11.09

仕事をしながら通学せずに自宅で好きな時間に学べる、主にWebデザイン・プログラミング系のオンライン講座・オンライン学習サービスをまとめました。無料で視聴できる講座もたくさんありますよ!

Schoo

schoo

Web周りの講座が非常に充実しています。最近はWeb系のみならず、英語やマーケティング、教養といったビジネス全般で役に立つ講座も増えています。また、動画と合わせて個別サポートが受けられる「マスタープラン」も用意されています。LIVE配信では先生に質問できます。実際に現場で活躍されている方たちのお話が聞けるのは貴重です。

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

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

ドットインストール

ドットインストール

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

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

サイトURL
http://dotinstall.com/
講座内容
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円(税込)
プレミアム会員向け講座含む全ての講座の視聴が可能、文字起こしの閲覧、ソースコードの閲覧、ソースコードの差分チェック、素材ファイルのダウンロードなど
料金表はこちら

PyQ (パイキュー)

pyq

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

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

サイトURL
https://pyq.jp/
講座内容
Python
スマホアプリ
なし
料金
料金表はこちら

CodeCamp

CodeCamp

現役エンジニア・デザイナーとマンツーマンでプログラミントとデザインを学べるビデオチャットを使用したオンラインスクールです。
講師は200名以上、生活に合わせて365日7:00〜24:00までレッスン時間が選べます。

子供が寝た後などの遅い時間でも講師とともに学べるのが魅力的です。すぐに質問できるのもよいですね。

サイトURL
https://codecamp.jp/
講座内容
Webマスター、デザインマスター、Rubyマスター、アプリマスター、Javaマスター
スマホアプリ
なし
料金
安心プランとスピードプランがある。詳しくはサイトへ

udemy

udemy

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

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

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

CODEPREP

https://codeprep.jp/

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

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

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

SKILL HUB

Skillhub

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

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

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

NEST online

NESTonline

通学形式のスクールを運営している会社が母体とあって、そのノウハウが生かされた授業が期待できます。1レッスン5分程度で空いた時間に学べます。

通学形式のスクールでの生徒からのフィードバックや躓くポイントなども考慮されていると思うので、授業は分かりやすそうです。

サイトURL
http://nest-online.jp/
講座内容
HTML、CSS、illustrator、Photoshop
スマホアプリ
なし
無料講座
3日間無料トライアルあり
有料講座
月額2,500円

Progate

Progate

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

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

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

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