ITコラム

プログラミング 学習 サイト

スキルアップ

2017.03.15

無料で学べるプログラミングの学習サイト!おすすめ24選【2019年版】

プログラミングを学べる学習サイトを 24サイト紹介します!
初心者向けのプログラミング学習サイトは世界中にたくさんあります。動画やスライドを使用するなど サービス内容も充実していて、プログラミングを独学で始めやすくなりました。
ここでは、一部または全部が無料で利用できる 24 のサイトを、どんな人に向いてるかでざっくり分類した後、各サイトの紹介をします。

最終更新日:2019年8月27日(公開日:2017年3月15日)

目次

1.プログラミング学習サイトの選び方
2.プログラマを目指したい人向けのサイト
 2-1.ドットインストール
 2-2.Progate(プロゲート)
 2-3.paizaラーニング(パイザラーニング)
 2-4.Schoo(スクー)
 2-5.ミニツク
 2-6.シラバス
 2-7.CODEPREP(コードプレップ)
 2-8.Ramming(ラミング)
 2-9.ShareWis(シェアウィズ)
3.ゲーム感覚でスクリプト系言語を学べるサイト
 3-1.コードガールこれくしょん
 3-2.CodeMonkey(コードモンキー)
 3-3.CODE COMBAT(コードコンバット)
 3-4.code.9leap(コードナインリープ)
 3-5.MOZER(マザー)
4.簡単にプログラミングの基礎を学びたい人向けのサイト
 4-1.Scratch(スクラッチ)
 4-2.Code Studio(コードスタジオ)
 4-3.Smalruby(スモウルビー)
5.英語OKな人向けの海外サイト
 5-1.Codecademy(コードアカデミー)
 5-2.Khan Academy(カーンアカデミー)
 5-3.freeCodeCamp(フリーコードキャンプ)
 5-4.Udacity(ユダシティ)
 5-5.Udemy(ユーデミー)
 5-6.Code School(コードスクール)
 5-7.SoloLearn(ソロラーン)
6.まとめ
 

1.プログラミング学習サイトの選び方

プログラミングの学習サイトは数がとても多いので、自分に合ったサイトを見つけることがプログラミング習得の第一歩となります。

そこで、今回紹介する24サイトを どのような人に向いているかで分類してみました。
興味のあるサイトをどんどん開いてみて下さい。
 

プログラマを目指したい人向けのサイト
ドットインストール
Progate(プロゲート)
paizaラーニング(パイザラーニング)
Schoo(スクー)
ミニツク
シラバス
CODEPREP(コードプレップ)
Ramming(ラミング)
ShareWis(シェアウィズ)

 

ゲーム感覚でスクリプト系言語を学べるサイト
コードガールこれくしょん
CodeMonkey(コードモンキー)
CODE COMBAT(コードコンバット)
code.9leap(コードナインリープ)
MOZER(マザー)

 

簡単にプログラミングの基礎を学びたい人向けのサイト
Scratch(スクラッチ)
Code Studio(コードスタジオ)
Smalruby(スモウルビー)

 

英語OKな人向けの海外サイト
Codecademy(コードアカデミー)
Khan Academy(カーンアカデミー)
freeCodeCamp(フリーコードキャンプ)
Udacity(ユダシティ)
Udemy(ユーデミー)
Code School(コードスクール)
SoloLearn(ソロラーン)

▲目次へ戻る

 

2.プログラマを目指したい人向けのサイト

2-1.ドットインストール

サイトURL http://dotinstall.com/
学べる技術 HTML、CSS、JavaScript、jQuery、PHP、Ruby、Python、Scala、iOS開発(Swift)、Android開発(Java)、MySQL、Bootstrap、WordPress、Unity、Scratch、Excel VBA、SQLiteなど
利用料金 初心者向け講座無料

 

ドットインストールでは、多彩な開発技術について分かりやすい解説動画が公開されています。例えば「はじめてのJavaScript」であれば全11回と数多くの動画で構成されていますが、全て3分以内に抑えられており、飽きることなく隙間時間に学習を進めていくことができます。

なおプレミアムサービスでは中級・上級者向けの講座も開講されており、月額980円で利用可能となっています。

▲目次へ戻る

 

2-2.Progate(プロゲート)

サイトURL https://prog-8.com/
学べる技術 HTML、CSS、JavaScript、jQuery、Ruby、Ruby on Rails、PHP、Java、Python、Swift、Gitなど
利用料金 基礎レベルの18レッスン無料

 

東大工学部に在学中の学生によって開発されたサイトとしても話題を集めたProgateは、画像が多用されたスライドによる学習パートとコーディングの実践パートから構成されたプログラミング学習サービスです。通常はコーディングには開発環境を準備する必要があるJavaなどの言語についても、Web上からすぐに実践してみることができるシステムになっています。

各言語基礎レベルの18レッスンは全て無料で、さらに月額980円の有料会員プランに登録すると基礎から実践まで全75種類のレッスンが受講可能になる仕組みとなっています。

▲目次へ戻る

 

2-3.paizaラーニング(パイザラーニング)

サイトURL https://paiza.jp/works
学べる技術 C、C#、Java、Python、PHP、Ruby、HTML、CSS
利用料金 一部無料

 

paizaラーニングは、次項で紹介するコードガールこれくしょんなども配信しているpaiza(パイザ)が配信するプログラミング学習のメインコンテンツです。1本3分の動画とオンラインで実行できるプログラミング環境と便利な機能が揃っており、ITエンジニアとしての就職に役立つ講座が多数公開されています。

C言語入門やPHP入門など完全無料のコンテンツのほか、講座として珍しいアルゴリズムやAWSの入門講座も一部無料で公開されています。全部受講可能となる有料プランは、受講期間によって月額600円から提供されています。

▲目次へ戻る

 

2-4.Schoo(スクー)

サイトURL https://schoo.jp/
学べる技術 Swift、Python、PHP、HTML、CSS、jQuery、Photoshop、Illustratorなど
利用料金 一部無料

 

Schooではプログラミングだけでなく画像処理やマーケティングなど、Web業界で働く上で役に立つ講座が多数開講されています。

よくある動画で受講するタイプのサービスではありますが、授業が生放送であるという特徴があります。そのため講師とのリアルタイムでの質疑応答が可能となっており、Webサービス系では珍しく授業を受けている実感を得られるサイトです。

生放送は基本的に無料で受講できますが、生放送を見逃した場合の録画配信や限定生放送など全ての授業が受講可能となる月額980円のプレミアムサービスも提供されています。

▲目次へ戻る

 

2-5.ミニツク

column_image3097_18

サイトURL http://www.minituku.net/
学べる技術 Ruby、Ruby on Rails
利用料金 無料

 

Rubyがミニツクは、Rubyに特化した無料の学習サイトです。テキスト、動画、演習、ドリルなどの多彩なコンテンツからなるレッスンで構成されています。

Ruby入門コースやRuby演習コースのほか、Ruby on Railsの入門コースやRuby技術者認定試験の対策コースまで無料で提供されています。Ruby技術者を目指す方には、特にオススメのサイトです。

▲目次へ戻る

 

2-6.シラバス

column_image3097_19

サイトURL https://cyllabus.jp/
学べる技術 Webデザイン(HTML、CSSなど)、Webアプリ開発(Ruby on Railsなど)
利用料金 無料

 

シラバスではプログラミング言語単位でなく開発の流れを追うように講座が配置されており、実践的なスキルを身に着けることができます。例えばWebデザイン講座である「バナナデザイン株式会社入社編」では、HTMLから始めてWebデベロッパーツールのInspectorやCSS、ワイヤーフレームの実践を通過し、Adobe IllustratorやPhotoshopの使い方を経て、WordPressでのサイト作成方法、FTPを用いたサーバアップロード、果てはSEO対策まで、詳細に解説されています。

さらにユーザがオリジナルのコースを作って投稿する機能もあり、受けるだけでなく自ら発信することもできるサイトとなっています。

▲目次へ戻る

 

2-7.CODEPREP(コードプレップ)


サイトURL https://codeprep.jp/
学べる技術 HTML、CSS、JavaScript、PHP、jQuery、Ruby、Java、Scala、Bootstrapなど
利用料金 無料

 

1日10分の成功体験を掲げるCODEPREPは、10分から手軽に始められるプログラミング学習サイトです。ブックと呼ばれる複数の講座から構成されており、それぞれ入門編、基礎編、実践編から選ぶことができます。

ディスカッションボードという掲示板機能があり、分からないことは他のユーザに質問しながら進めることができるという特徴があります。講座も穴埋め形式で進められるので、プログラミング初心者からでも安心です。

▲目次へ戻る

 

2-8.Ramming(ラミング)

column_image3097_14

サイトURL http://ramming.fuco.jp/
学べる技術 PHP、Ruby、Python、VBA
利用料金 無料

 

小中学生向けのプログラミング学習教材としてスタートしたProgra!(プログラ)からサービスを移転して発足したRamming(ラミング)は、最も簡単を掲げるプログラミング学習サイトです。Progra!でサービスを利用していた方は、学習状況を引き継ぐことも可能です。

学習は穴埋め形式で進められるので、初心者でも無理なくスタートすることができます。また無料プログラミング学習サイトには珍しく、VBAに対応するコースが用意されています。

▲目次へ戻る

 

2-9.ShareWis(シェアウィズ)


サイトURL https://share-wis.com/
学べる技術 HTML、CSS、JavaScript、PHPなど
利用料金 スナックコース無料

 

プログラミングだけでなくビジネススキルや趣味、語学など幅広いオンライン講座を手がけるShareWisでは、手軽に受講できる90秒動画のスナックコースと合わせて、1講座あたりのべ20時間以上からなる詳細なプロコースなどが提供されています。

スナックコースは無料で受講可能ですが、プロコースは講座単位で有料で購入するスタイルになります。また月額580円でプロコースが毎月1講座無料で受講できる、お得なプレミアムアカウントも提供されています。

▲目次へ戻る

 

3.ゲーム感覚でスクリプト系言語を学べるサイト

3-1.コードガールこれくしょん

サイトURL https://paiza.jp/cgc
学べる技術 C、C#、C++、Java、PHP、Ruby、Python、JavaScript
利用料金 無料

 

コードガールこれくしょんは、ITエンジニアに特化した求人・学習サービスを提供するpaiza(パイザ)によって公開されている、プログラミング学習+ADVゲームです。予備知識なしでいきなり問題に突入すると詰まってしまう難易度ですが問題に対応する解説動画が公開されており、動画で予習することで問題が解けるようになっています。

特にゲームで学ぶタイプのサービスの多くがスクリプト言語にのみの対応の中、コードガールはCやJavaといったコンパイラ言語にも対応している数少ないサービスであるという特徴もあります。

ソーシャルゲームとしても完成度が高く、ガチャを引くために思わず学習に熱中してしまいます。paizaでは他にもシステム開発シミュレーション「もし次の常駐先が女子エンジニアばかりだったら」や、アイドル育成ゲームの「恋するハッカソン」、その名の通り「プログラミングで彼女を作る」などの多彩なゲームが提供されていますので、ぜひ好みのゲームを探してみて下さい。

▲目次へ戻る

 

3-2.CodeMonkey(コードモンキー)

サイトURL https://codemonkey.jp/
学べる技術 CoffeeScript
利用料金 30ステージまで無料

 

コードモンキーは、主人公の「モンタ」を操作するコードを書いて各ステージで表示されるミッションをクリアしていくことで次のステージに進む、コーディング練習ゲームです。対応する言語は開発現場ではあまり使用されないCoffeeScriptというスクリプト言語ですが、CoffeeScriptはJavaScriptにコンパイルすることが可能であり、JavaScriptの勉強にもつながります。

コードを手入力する系のサイトの中では、比較的始め易いゲームです。
他のコンテンツが難しいと感じた場合は、コードモンキーから始めてみるのもオススメです。

▲目次へ戻る

 

3-3.CODE COMBAT(コードコンバット)


サイトURL https://codecombat.com/
学べる技術 Python、JavaScript、CoffeeScript、Lua
利用料金 無料

 

CODE COMBATはPythonやJavaScriptといったスクリプト言語を手入力していく本格的なコーディング演習ツールですが、RPG仕立ての内容となっており、ゲーム感覚で演習を進めていくことができます。
最初はキャラクターを上下左右に動かすことから始まり、徐々にメソッドやパラメータ、ループや変数などの概念を組み入れつつコーディングすることで、複雑な動きのあるゲームとなっていきます。

完全手入力のため初心者には難しそうにも思えますが、コード例が表示されその中から正しいと思うものを選んでいくスタイルであり、さらに例をクリックすることで説明文を表示することができます。全くの初心者であっても、予備知識なしで学んでいくことができる内容となっています。

▲目次へ戻る

 

3-4.code.9leap(コードナインリープ)

column_image3097_08

サイトURL http://code.9leap.net/
学べる技術 HTML5、JavaScript
利用料金 無料

 

code.9leapは、JavaScriptだけでなくHTMLとの組み合わせについても学べるサイトです。まずベースとなるコードがあって、それを指令にそって書き換えていくことで 徐々にゲームを作成していきます。

指令をこなすだけでなくオリジナルの変更も加えていくことができるので、オリジナルのゲームも作ることができます。完成したゲームはサイト上で共有することもできるので、入口が易しい本格ゲーム作りに興味のある方にもおすすめです。

▲目次へ戻る

 

3-5.MOZER(マザー)


サイトURL https://mozer.io/
学べる技術 Webデザイン
利用料金 体験版のみ無料

 

MOZERは中高生のためのプログラミングスクールを開講しているLife is Tech!が運営する、プログラミング学習サイトです。本格的な学習カリキュラムを持ちつつも「楽しい」「嬉しい」が優先されており、子どもから大人まで自然にIT知識が身につくよう構成されています。

有料化が予定されている講座ですが、現在は無料でWebデザインコースの一部を体験してみることができます。有料ならではの濃さが期待される内容で、本格リリースが待ち遠しいサイトです。

▲目次へ戻る

 

4.簡単にプログラミングの基礎を学びたい人向けのサイト

4-1.Scratch(スクラッチ)


サイトURL https://scratch.mit.edu/
学べる技術 ビジュアルプログラミング言語
利用料金 無料

 

ScratchとはMIT(マサチューセッツ工科大学)のメディアラボが開発したプログラミング教育環境であり、子どものプログラミング教育の場面では最も広く使用されているビジュアルプログラミング言語です。

ビジュアルプログラミング言語とは、難解なコードの入力を行うことなく命令をビジュアル化したブロックをつなげることでプログラミングを行う言語のことで、コードの知識がなくてもプログラミングの理論やアルゴリズムの考え方を学ぶことができます。
そんなビジュアルプログラミング言語はともすれば子供向けかと思われがちですが、LabVIEWという研究者向けの計測・制御システムのプログラミング環境にも採用されており、とても実践的な存在です。

さらにScratchの公式サイトにはユーザによって作成された本格的なFPSゲームなども投稿されており、極めるとどこまでもこだわりの作品を作ることができます。大人でも学んだことは決して無駄にならない有用な学習ツールとなっています。

▲目次へ戻る

 

4-2.Code Studio(コードスタジオ)


サイトURL https://studio.code.org/
学べる技術 ビジュアルプログラミング言語、JavaScript
利用料金 無料

 

Code Studioは、前項で紹介したScratchと同じブロックの操作を用いたビジュアルプログラミング言語に対応しているほか、JavaScriptでのコード確認にも対応しており、JavaScriptの学習も同時に行うことのできる学習ツールです。

4歳から18歳までを対象とした4つの初心者コースでプログラミングの基礎を易しく学べるだけでなく、コンピュータサイエンスの基礎を学べる上級コースもあります。さらにマインクラフトやスターウォーズ、アナと雪の女王、Flappy Birdといった人気作品とコラボレーションした講座もあり、自分オリジナルのステージ開発を目指すコースもあります。

ブロックやJavaScriptで作成したアプリを共有する機能もあり、世界的に人気の高いサイトです。

▲目次へ戻る

 

4-3.Smalruby(スモウルビー)

column_image3097_03

サイトURL http://smalruby.jp/
学べる技術 ビジュアルプログラミング言語、Ruby
利用料金 無料

 

Smalrubyとは、無料プログラミング教室の開催など子ども向けにRubyの普及活動を行っているNPO法人 Rubyプログラミング少年団によって開発・提供されている、Rubyプログラミングがビジュアルで学べる学習ツールです。

その他のビジュアルプログラミング言語と同じく基本的にはブロックをつなげてプログラミングを行っていきますが、SmalrubyはブロックとRubyのコードを切り替えながら作業を進めていくことで、プログラミングの基礎を学びつつRubyプログラミングのノウハウも同時に蓄えることが可能となっています。Rubyをこれから始めたい大人にも有効な、本格的な学習ツールに仕上がっています。

▲目次へ戻る

 

5.英語OKな人向けの海外サイト

5-1.Codecademy(コードアカデミー)

サイトURL https://www.codecademy.com/
学べる技術 HTML、CSS、JavaScript、jQuery、PHP、Python、Ruby、Ruby on Rails、Java、SQL、Gitなど
利用料金 無料

 

Codecademyはプログラミング学習サイトの老舗ならではの洗練されたシステムとボリュームのある講座を無料で提供しており、世界中に多くの利用者を抱えるプログラミング学習サイトです。プログラミング入門者だけでなく、上級者にも満足できる難易度の講座も幅広く用意されています。

言語単体での講座だけでなく、「Webデベロッパースキル」など開発の流れを追い実際のサイト制作を目指すなど実践方面からのアプローチもあり、多彩なコンテンツから希望のものを選んで受講することが可能となっています。英語のサイトではありますが、苦手意識のある方にもぜひチャレンジしてみて頂きたいサイトです。

▲目次へ戻る

 

5-2.Khan Academy(カーンアカデミー)


サイトURL https://www.khanacademy.org/
学べる技術 JavaScript、HTML、CSS、SQL、情報理論など
利用料金 無料

 

Khan Academyは、プログラミングだけでなく、数学や科学、経済学、そして芸術などまで扱うアメリカの大手オンライン講座サイトです。動画説明とコーディング実践がセットになっており、完全無料とは思えない質のサービスが提供されています。

日本語版サイトは 数学や科学など限定的に対応されているので、プログラミング分野の対応を期待しているところですが、英語に抵抗のない方にはとても充実したサイトとなっています。

▲目次へ戻る

 

5-3.freeCodeCamp(フリーコードキャンプ)

サイトURL https://www.freecodecamp.com/
学べる技術 HTML、CSS、JavaScript、Database、Gitなど
利用料金 無料

 

freeCodeCampは、フロントエンド開発からバックエンド開発まで、Web開発に関するスキルを一貫で学べるサイトです。開発技術だけでなく、エンジニアとして必要なデータの可視化なども学ぶことができます。

▲目次へ戻る

 

5-4.Udacity(ユダシティ)

サイトURL https://www.udacity.com/
学べる技術 Java、JavaScript、HTML、CSS、SQL、Swift、Unity、Python、Rubyなど
利用料金 コース受講無料

 

Udacityはコンピュータサイエンス分野に特化したオンライン講座サイトであり、基本的なプログラミングだけでなくロボティクスやディープラーニング、VR開発まで、さまざまな分野の講座を提供しています。
初心者向けのコースだけでなくGoogleやNVIDIAの社員が教えてくれるコースもあり、プログラミング上級者をも唸らせる専門性の高い授業が展開されています。

基本的にコースは全て無料で受講することができ、有料コースに登録すると講師に質問可能になるなどの手厚いサポートが受けられるようになる仕組みです。
2016年にはGoogleと提携し、「Google Android Basics Nanodegree」という初心者向けAndroidプログラミング講座の提供も始まりました。このコースだけでも学習時間は標準で165時間と設定されており、受講は無料ながらとても濃い内容のコースが提供されています。

▲目次へ戻る

 

5-5.Udemy(ユーデミー)

サイトURL https://www.udemy.com/
学べる技術 HTML、CSS、Java、Python、Ruby on Rails、SQL、Unity、Git、Swiftなど
利用料金 一部無料

 

Udemyは米大手オンライン学習サービスです。プログラミングだけでなく、デザインからヘルス&フィットネスまで 多彩なオンラインコースが提供されています。
基本的に有料でコースを販売するサイトですが、わずかに無料の講座も提供されています。

2018年から試験的に機械翻訳の機能が導入されているので、日本語で受講することも可能です。

▲目次へ戻る

 

5-6.Code School(コードスクール)

サイトURL https://www.codeschool.com/
学べる技術 HTML、CSS、Ruby、PHP、Python、JavaScript、SQL、C#、iOS開発、Gitなど
利用料金 一部無料

 

Code Schoolは動画と演習をワンセットにしたオンライン講座を提供する、プログラミング学習サイトです。質が高く凝ったデザインの動画が提供されており、楽しく学習を進めていくことができます。月額29ドルの有料コースがメインですが、入門編のコースについては無料でも提供されています。

▲目次へ戻る

 

5-7.SoloLearn(ソロラーン)

column_image3097_27

サイトURL https://www.sololearn.com/
学べる技術 C++、Python、HTML、JavaScript、Java、SQL、jQuery、C#、CSS、PHP、Ruby、Swift
利用料金 無料

 

SoloLearnは プログラミング言語の習得に特化したオンライン学習サイトです。講義は、解説のテキストを読んだ後、演習問題を1問解く形で進みます。演習で出題される問題は選択式だけでなく穴埋めや並べ替えなどもある他、自由にコードを入力して実行結果を確認できる「Code Playground」という機能もあります。
なおiOSおよびAndroidに対応したアプリ版も提供されており、テキストの閲覧だけでなく演習問題やCode Playground機能もPC版と遜色なく利用することができます。

▲目次へ戻る

 

6.まとめ


プログラミングの学習サイトを 24サイト紹介しましたが、いかがだったでしょうか。

数が多くて選ぶのが大変ですが、利用料金や習得したい言語等で候補を絞ったら、サイトをどんどん訪問して、自分に合ったサイトを見つけて下さい。

無料で利用できるサイトも多いので、複数のサイトで学習を始めてみてもいいかもしれません。

プログラミングの学習サイトを有効に利用して、是非プログラミングスキルを身に付けて下さい。

▲目次へ戻る

SHARE

最新記事

無料相談する

INTERNOUS,inc. All rights reserved.