技術の習得方法

【0から独学でWEB制作】おすすめオンラインサービス7選

WEB制作初心者向けのおすすめオンライン学習サービスをご紹介! どれも無料・もしくは格安で受講できます。

最近は無料や格安でWEB制作の技術を習得できるサービスも増えてきました。

今回は私が実際に使ったことがあり、オススメのサービスを紹介させていただこうと思います。

おすすめオンラインWEB制作学習サービス7選

1. Progate

Progateはスライド形式で学習しながら、実際にサイト上でコードを入力し実行しながら学べるコーディング・プログラミング学習サイトです。

学習初心者にありがちの、開発環境が分からないという悩みがなく、学習を気軽に始めることができます。

「無料会員」と「有料会員(プラス会員)」があり、月額の有料会員になれば、より多くのコースが選べます。

ただ、どの言語でも最初のうちは無料会員でも学習可能です。

 

内容は、HTML・CSS・JavaScript・jQuery・PHPのようなWEBサイトを作る際によく使う言語から、エンジニア 向けにRubyやPython・Javaなどの言語、さらに近年話題のフレームワークReactやNode.jsなどもあり、少しずつ対応言語が増えて行っています。

もし、何か新しく言語を学びたいとなったとき、このサービスにその言語があるか確認して見るのも良いかと思います。

 

2. Udemy

こちらは動画学習を目的とした世界的に有名なサービスです。

初心者向けの動画から、プロ向けの動画まで、様々な動画を買い切りで購入することができます。

他のサイトが有料ですと、月額がかかってしまうこともあるため、買い切りで学習したいという方にぴったり。

ただ、一つ注意!

Udemyの動画は高いもので数万くらいするのですが、結構頻繁にセールをしています。

その割引額が数万のものが1,200円くらいで購入できる時期が頻繁にありますので、絶対にセール期間中以外は購入しない方が得策です。

3. ドットインストール

こちらも動画の学習サービスになります。

様々な講座が用意されており、とても充足した内容となっています。

一つ一つの動画が数分と短く、隙間時間などでも学習にも最適です。

月額の有料会員の方が、受講可能なコースが多くなりますが、無料会員でも最初は十分かと思います。

5. CODEPREP

CODEPREPは、Progateと同じようにプログラミングを書いて動かしながら学べるプログラミング学習サービスです。

穴埋め形式の問題なため、気軽に始めることができます。

こちらもサイト上で学習が完結するため、開発環境のことを気にする必要がありません。

ガイダンスを元に、正解のコードを入力して行くような形になっており、初心者でも簡単にプログラミングを学べるようになっています。

5. TechPit

こちらはサービスを作りながら学べるサイトです。

例えば、プログラミングなどを勉強した時、最初に文法などを学んだけれど、そこからどうしよう?という悩みはよくあることではないでしょうか?

TechPitは、基礎学習のあとにおすすめのプログラミング学習教材で、例えば、下記のような面白そうなものも作成することができます。

  • 【HTML/CSS】Spotify風簡易音楽サイトを作ろう!
  • jQueryでタイピングゲームを作ってみよう!
  • Laravel(+Vue.js)でSNS風Webサービスを作ろう!
  • Nuxt(Vue.js) × Firebaseでリアルタイムチャットアプリを作ってみよう!
  • ドラクエ風ゲームプログラムを作ってみよう!
  • 機械学習で画像を判別してみよう
  • 【Swift】ARシューティングアプリを作ってみよう!

他にも色々な教材多数!

見ているだけでワクワクします。

※教材は買い切りになります。

 

教材は現役エンジニア さんが教材を作成しています。

また、学習中に不明な点があれば、教材作成者に質問することも可能です。

6. MENTA

こちらは、学習サービスというよりもメンターさんを探せるサイトなのですが、独学ですと結局モチベーションが保てない、もしくは、どんな学習をしたら良いかが分からないという人もいるかと思います。

そんな時に、MENTAでしたら、プログラミングの学習をサポートしてくれる人を探すことができます。

(メンターさんごとに、月額料金がかかります。)

 

私も何回かお世話になったことがあるのですが、よくある形式としては、MENTAからこのメンターさんにお願いしたいという方を探して、契約できるか確認。大丈夫なようでしたら、サイト上で契約後、メンターさんのslackに招待されます。

そこからメンターさんや他のメンティさん(自分と同じようにプログラミングを学習している方々)とやりとりをし、学習を進める形です。

 

結構メンティさん同士で、交流をもったり、教えあったりしていることも多かったです。

 

7. YouTube

誰しもが知っている「YouTube」ですが、こちらにも色々な方が入門動画を投稿されています。

自分が学びたい言語や技術を検索してみてください。

 

オンライン学習サービスのメリット

  • 無料/格安で学ぶことができる
  • 時間がある時に学ぶことができる
  • 完全に初心者の方から、上級者まで、サービスがどんどん充実

以前は、WEB制作をしたいとなると、スクールに通うか、本を買うかの選択肢しかなかったと思うのですが、今は様々なサービスができています。

人にもよりますが、個人的には、「心機一転いきなり退職し、スクールに数十万とか払う」は絶対にやめた方が良いと思っています。

WEB制作やプログラミングなどは、結構向き不向きもあり、退職したり、数十万払った後にそれを自覚するのもツラいなと思うわけです。

もし、WEB制作やプログラミングに興味が出てきたら、無料や格安で1ヶ月くらいやってみて、やっていて楽しいとか向いているなと感じたら、少しずつ深掘りするのをおすすめします。

 

最後まで見ていただいて、ありがとうございました。

年々、プログラミング学習の色々なサービスが増えているなと思います。

自宅で学ぶことができる、このようオンライン学習は、隙間時間にもできますので、試して見てはいかがでしょうか?

ABOUT ME
WEBクリ開発者
当ブログでは主にWeb制作・HTML・ CSS・SCSS・JavaScript・jQuery・Vue.js・Wordpress・個人開発情報の情報を発信。 WEBデザイナー・コーダー・プログラマー向けのサイトです。 また、個人開発のサービスやアプリのお知らせもさせていただいています。