Webやオンライン上でプログラミングの学習が出来るおすすめサイト10選
プログラミングを学習出来るサイトはたくさんありますが、その中でオススメのサイトを10個紹介しようと思います。
初心者や新人エンジニアの方でも問題なく使えるサービスばかりです。ぜひ自分にあったサービスを見つけて活用してみてください。
Progate
![f:id:northgeek:20160407084929j:plain f:id:northgeek:20160407084929j:plain](http://cdn-ak.f.st-hatena.com/images/fotolife/n/northgeek/20160407/20160407084929.jpg)
Progate | プログラミングの入門なら基礎から学べるProgate (プロゲート)
オンラインでプログラミングを学べるサービスです。学習コース、道場コース、プロジェクトコースがあり、本格的に学ぶことが出来ます。
開発言語:HTML&CSS、JavaScript、jQuery、Ruby、Ruby on Rails、PHP
ドットインストール
![f:id:northgeek:20160407084938j:plain f:id:northgeek:20160407084938j:plain](http://cdn-ak.f.st-hatena.com/images/fotolife/n/northgeek/20160407/20160407084938.jpg)
ドットインストール - 3分動画でマスターする初心者向けプログラミング学習サイト
プログラミングの動画学習といえばドットインストール!3分動画で学べる初心者向けのプログラミング学習サイトです。HTML、CSS、JavaScript、PHPなどWeb開発に必要な知識からアプリ開発やフレームワークなどさまざまなことが学習出来ます。
開発言語:HTML/CSS、JavaScript、jQuery、MySQL、WordPress、PHP、Ruby、Python、Java、コマンド等
Skillhub
![f:id:northgeek:20160407084946j:plain f:id:northgeek:20160407084946j:plain](http://cdn-ak.f.st-hatena.com/images/fotolife/n/northgeek/20160407/20160407084946.jpg)
就職・転職やフリーランス、起業家になるために学ぼう! [Skillhub (スキルハブ)]
「フリーランスや起業したい人のための初心者から学べる参加型のオンラインスクール」。Webサイトの構築を学べるだけでなく、Webデザインも学べる珍しいWebサービスです。
開発言語:HTML/CSS、Webデザイン、Illustrator
paiza
![f:id:northgeek:20160407084955j:plain f:id:northgeek:20160407084955j:plain](http://cdn-ak.f.st-hatena.com/images/fotolife/n/northgeek/20160407/20160407084955.jpg)
プログラミングの学習はもちろん、練習問題やスキルチェックまで出来るサイトです。スキルチェックでランク付けされ転職活動も出来てしまうという新しいサービスも展開しています。
開発言語:Python、Ruby、PHP
schoo
![f:id:northgeek:20160407085004j:plain f:id:northgeek:20160407085004j:plain](http://cdn-ak.f.st-hatena.com/images/fotolife/n/northgeek/20160407/20160407085004.jpg)
無料動画のオンライン学習サイト - schoo(スクー)WEB-campus
無料の生放送授業が受けられるオンライン学習サイト。他の動画サービスとの大きな違いは、生放送を見ながらプログラミングが学べるため不明点に先生に質問して解決ができるところです。
開発言語:HTML/CSS、JavaScript、jQuery、PHP、MySQL、アプリ開発等
ミニツク
![f:id:northgeek:20160407085013j:plain f:id:northgeek:20160407085013j:plain](http://cdn-ak.f.st-hatena.com/images/fotolife/n/northgeek/20160407/20160407085013.jpg)
Ruby一択のオンライン学習サイト「ミニツク」。Rubyの入門から演習、そして「Ruby技術者認定試験(Silver)対策コース」まで用意されたWebサービス。ただいまこちらで学習させていただいてます。
開発言語:Ruby、Ruby on Rails
JEEK(CodeStudy)
![f:id:northgeek:20160407085022j:plain f:id:northgeek:20160407085022j:plain](http://cdn-ak.f.st-hatena.com/images/fotolife/n/northgeek/20160407/20160407085022.jpg)
学生向けに提供されているプログラミング学習のWebサービスです。もちろん学生以外の方でも利用可能で、プログラミングに必要な環境が無くてもブラウザ上で簡単にゲーム感覚でJavaScriptが学べるのが特徴です。
開発言語:JavaScript
code.9leap
![f:id:northgeek:20160407085033j:plain f:id:northgeek:20160407085033j:plain](http://cdn-ak.f.st-hatena.com/images/fotolife/n/northgeek/20160407/20160407085033.jpg)
ゲームエンジン "enchant.js" を使ったプログラミングを学ぶことができます。開発環境なしでブラウザ上で開発することができ、ソースをZIPファイルでダウンロードすることもできます。
開発言語:HTML5 +、JavaScript
コーディング道場
![f:id:northgeek:20160407085042j:plain f:id:northgeek:20160407085042j:plain](http://cdn-ak.f.st-hatena.com/images/fotolife/n/northgeek/20160407/20160407085042.jpg)
Webプログラミングの問題をゲーム感覚で解けるWebサービスです。スコアランキングなどがあり、楽しく学ぶことが出来ます。
開発言語:PHP、Ruby
CODEPREP
![f:id:northgeek:20160407085051j:plain f:id:northgeek:20160407085051j:plain](http://cdn-ak.f.st-hatena.com/images/fotolife/n/northgeek/20160407/20160407085051.jpg)
CODEPREPは、プログラミング言語を学べるだけでなく、応用がたくさんあるためとてもオススメです。例えば「HTML&CSSでつくるローディング画面」や「jQueryでつくるパララックス」などがあり、より実践的なことを学ぶ事ができるWebサービスです。
開発言語:HTML、CSS、jQuery、Ruby、PHP
さいごに
いかがでしたでしょうか。Webサイトでプログラミングの学習が出来るサイトを10個紹介しました。この中から自分の学習したいプログラミング言語や、自分に合ったWebサービスを見つけて少しづつでも勉強することをおすすめします。ちなみに僕の場合は、毎朝15分だけ勉強したり、昼食を食べてるときに動画を見たりして勉強というよりかは、趣味のようなかたちにして少しづつ覚えています。皆さんもぜひ活用してみてください。