プログラミング学習者必見!無料でプログラミングが学習できるサイト14選

プログラミング学習者必見!無料でプログラミングが学習できるサイト14選

プログラミングが義務教育やITの人材不足で叫ばれる中、「勉強しよう」と一念発起するものの学習方法がわからず挫折してしまう。プログラミング初心者の本を買ったけどどこに置いてあるかさえ分からない。そんな経験はありませんか?

プログラミング学習で大事なのは「継続」です。プログラミングを学習しようと思うとまとまった時間が欲しくなったり、成果が出ずに学習を諦めてしまうことが多いようです。

そこで今回はちょっとしたスキマ時間やプログラミング言語の雰囲気を体験できる「無料」プログラミング学習サイトを紹介します。

スキマ時間を活用することで、学習の継続ができるようになること間違いなしです!

目次
  1. コードを入力して学習できるサイト集
  2. 基礎から応用まで無料の「Progate」
  3. 一問一問達成感を感じられる「CODEPREP」
  4. 反復学習の「Progra!」
  5. インターンシップも絡めた「JEEK」
  6. 英語サイトだけどスゴイ「LearnJava」
  7. 英語サイトだけどスゴイ「Codecademy」
  8. テキストスタイルで学習できるサイト集
  9. CodeCamp - Tech2GO
  10. 充実コンテンツの「シラバス」
  11. Rubyテキストなら「Minituku」
  12. Javaテキストなら「JavaDrive」
  13. PHPテキストなら「PHPプロ」
  14. 動画で学習できるサイト集
  15. 定番の「ドットインストール」
  16. iPhoneユーザーなら「ShareWis」
  17. その他ジャンルRubyプログラミング少年団
  18. 動画学習、プログラミング以外にも「Schoo」
  19. まとめ

image

コードを入力して学習できるサイト集

基礎から応用まで無料の「Progate」

image

画像出典:Progate

  • 料金:無料(有料プランは980円/月)
  • 対象者:プログラミング初心者
  • 学べる言語:HTML/CSS、JavaScript、Ruby、Ruby on Rails、PHP、Java、Python、Swift

*スマホ ○/JavaScript、Ruby、Ruby on Rails、PHP *

Progateでは非常に多数のコースを受講することができます。各コースの基礎編は無料で学習することができます。初心者でも学習に躓つまずかないように、解説やヒントが充実しています。

実際に使ってみると分かるのですが、コードを打つことがだんだん楽しくなっていきような面白い内容になっています。 高校の授業でもProgateのサービスを導入しているところがあり、先生・生徒ともに満足してプログラミングに取り組まれていますね。

一問一問達成感を感じられる「CODEPREP」

image

画像出典:CODEPREP

  • 料金:無料
  • 対象者:プログラミング初心者
  • 学べる言語:HTML/CSS、JavaScript、Ruby、Ruby on Rails、PHP、Java、Python、Swift、Scala

スマホ ○/PHP、Ruby、JavaScript

基本的なプログラミング学習に加えて、おみくじアプリやカレンダー機能など具体的なアプリ開発のレッスンも公開している学習サイトです。

無料提供されているオンライン教材をこなすことで、直感的にプログラミングを書く習慣をつけながら学んでいくことが可能。

自力で解決できない問題は、各ボードに設置された「ディスカッションボード」で質問することができます。所要時間は1冊10分~30分、飽きることのない時間設定ですね。

2017年2月にリニューアルし、新しい教材も徐々に公開されています。簡単な穴埋めから始まるのでサクサク進み、進捗状況も明確で達成感があります。

反復学習の「Progra!」

image

画像出典:Progra!

  • 料金:6,480円
  • 対象者:プログラミング初心者
  • 学べる言語:Scratch

スマホ ○/PHP、Ruby、Python

PHP の基本である echo や Ruby の puts に始まって、関数に使うカッコやコンマなどプログラムの要点だけを入力し、反復的に学習できるサイト。

イメージとしては小学生のドリルのようになっており、繰り返し、確実に基礎を身につけれるサイトです。

インターンシップも絡めた「JEEK」

image

画像出典:JEEK

  • 料金:無料
  • 対象者:プログラミング初心者
  • 学べる言語:-(プログラミングの基礎)

スマホ ×/JavaScript、jQuery

インターンシップ求人サイトのJEEKといえば知っている人も少なくないはず!そんなインターンシップ求人サイトの JEEK が運営している学習サービスです。

JavaScript や jQuery の基礎から応用までをステップ方式で進めていきます。

英語サイトだけどスゴイ「LearnJava」

image

画像出典:LearnJava

  • 料金:無料
  • 対象者:Java初心者
  • 学べる言語:Java

スマホ ○/Java、Python、C、C#、PHP、Shell、JavaScript

ブラウザ上で Java をプログラミングし、実行できる Java 初心者にとってはありがたいサービスになります。

ただし、英語のサイトなので英語に抵抗がある方は難しいためおすすめできません。

英語サイトだけどスゴイ「Codecademy」

image

画像出典:Codecademy

  • 料金:無料
  • 対象者:プログラミング初心者
  • 学べる言語:HTML/CSS、JavaScript、jQuery、PHP、Python、Ruby

スマホ ×/Java、PHP、Ruby、Ruby on Rails、Python など

世界で 2500 万人以上の人が利用しているオンライン学習サイトです。

日本語には対応していませんが無料とは思えないほどコンテンツが充実しています。ただし、時間帯によっては Java など人気のあるコースは利用できない場合があります。

事前の準備は必要なく、ブラウザ(今この記事を見ている環境)だけでjavascriptなどの学習を進めることができるのがいいですね。

ゲストアカウントだけでも学習を進めることは可能ですが、より本格的な学習を行いたい場合はサインイン(会員登録)が必要です。

TwiterやFacebookのアカウントでもサインインすることができます。

テキストスタイルで学習できるサイト集

CodeCamp - Tech2GO

image

  • 料金:無料
  • 対象者:プログラミング初心者
  • 学べる言語:HTML/CSS、JavaScript、Java

当メディア「Tech2GO」からもJavaScriptおよびPHP、iPhoneアプリの教材を公開しています。

シリーズごとに体系的に学習することができるのでこれから学習を始める方には非常におすすめ。記事を読んでいくスタイルなのでスマホで通勤時間に学習し、夜や休日などにPCで実践することで効率的に学習できるでしょう。

既に学習を始めている方でも、予習・復習含めてご活用ください。

スマホ ○/JavaScript、PHP
JavaScriptシリーズ
PHPシリーズ
iPhoneアプリ

充実コンテンツの「シラバス」

image

画像出典:シラバス

  • 料金:無料
  • 対象者:プログラミング初心者
  • 学べる言語:HTML/CSS、JavaScript、jQuery、PHP、Ruby

スマホ ○/JavaScript、Ruby ほか

バナナデザイン㈱に入社して、一人前のwebデザイナー&アプリ開発者を目指すというストーリー仕立ての「webデザイン編」とバナナシステムズ㈱に転職してwebプログラマーとして活躍するという「web アプリ編」、さらに公開コースではCやSass など多くの教材が配信されています。

こちらは教材を写経してみることで勉強していくタイプのサイトになっており、何度も繰り返すことでプログラミングのスキルを体に覚えさせることができます。

Rubyテキストなら「Minituku」

image

画像出典:Minituku

  • 料金:無料
  • 対象者:Ruby初心者
  • 学べる言語:Ruby

スマホ ○/Ruby、Ruby on Rails、Ruby 技術者認定試験対策

島根県からの委託によって㈱ネットワーク応用研究所が2011年にリリースした Ruby の学習サイトです。

このサイトはRubyの作者のまつもとゆきひろ氏も携わっており、ドリル形式で理解度をチェックしていきます。

Rubyを体系的に学べるサイトは貴重なため、Ruby学習を始める方は必見のサイトでしょう。

Javaテキストなら「JavaDrive」

image

画像出典:JavaDrive

  • 料金:無料
  • 対象者:Java初心者
  • 学べる言語:Java

スマホ ○/Java

テキストスタイルで Java を使ったプログラミング方法や環境開発の設定方法を学習することができるサイト。

他にも「Android入門」や「Eclipse入門」、「Java正規表現の使い方」といったコンテンツが用意されています。

※Eclipse:開発に必要なツールがそろった統合開発環境。Javaによる開発でよく使用される。

PHPテキストなら「PHPプロ」

image

画像出典:PHPプロ

  • 料金:無料
  • 対象者:PHP初心者
  • 学べる言語:PHP

スマホ ○/PHP

Asial 社から提供されている PHP のガイドサイトです。ストーリー仕立てで読みやすい特徴があります。

掲示板もあり、初心者がつまづいても大丈夫な仕組みが作られておりますので安心して学習できるのは嬉しいですね。

動画で学習できるサイト集

定番の「ドットインストール」

image

画像出典:ドットインストール

  • 料金:無料(プレミアムプランは980円/月)
  • 対象者:プログラミング初心者
  • 学べる言語:HTML/CSS、JavaScript、jQuery、PHP、Python、Ruby、Swift、Scala

スマホ ○/JavaScript、Ruby、PHP、Java、Python、Swift など

プログラミング学習者で知らない人はいないといっても過言ではないこちらのサイト。

惜しげもなく無料でプログラミングのハウツーを動画で公開している学習サイトです。1レッスン約3分で、テンポよくプログラミング言語の概要から学習するための環境設定、それから言語の機能を紹介してくれます。

とりあえずこれから学ぼうとする言語がどんなものか、という様子確認には最適な学習サイトだと感じます。動画を見ていると、自分でもプログラミングできるような気分になるでしょう。

ただし、紹介するコンテンツは言語の基本的な機能やチャット機能など部分的な機能紹介になるので、Webページの全体的な設計やアプリの全体的な開発を学んでいきたい方には、不向きかもしれません。

iPhoneユーザーなら「ShareWis」

image

画像出典:ShareWis

  • 料金:500円〜(レッスン買い切り型)
  • 対象者:プログラミング初心者
  • 学べる言語:HTML/CSS、JavaScript、jQuery、PHP、Python、Ruby、Java、Swift

スマホ ○(iOS)/JavaScript、Ruby など

アプリを使ってどこでも気軽にプログラミング学習を楽しめことを目的にサービスがリリースされています。プログラミングの他に、web マーケティングや web デザインなど幅広い教材をリリースしている特徴もあります。

その他ジャンルRubyプログラミング少年団

image

画像出典:Rubyプログラミング少年団

  • 料金:無料
  • 対象者:Ruby初心者
  • 学べる言語:Ruby

スマホ △/Ruby

「一人でも多くの青少年にプログラミングの喜びを!」の掛け声のもと2014年運営されている任意団体です。Scratch を活用して Ruby を学習できるソフト「スモウルビー」を使って Ruby を学習していきます。

小学生でもRubyを使ってプログラミングができるように開発された「Smalruby & Smalrubot」が無料公開されているのでみてみましょう。

動画学習、プログラミング以外にも「Schoo」

image

画像出典:Schoo プログラミングやデザインをはじめ、さまざまなジャンルの授業が2,800本以上公開されています。会員登録するだけで無料で受けられる生放送授業を、ほぼ毎日開講、見逃した授業は録画で見ることができます(有料のプレミアムサービスなら録画授業は無制限となります)。

言語ごとの授業のほか、データベースや開発技法、データ分析といった、プログラミングに関連して習得すべき分野の授業もあります。生放送のスケジュールは比較的夜の時間帯に設定されているので、仕事を持つ人でも見やすいのではないでしょうか。

有料コースとして、WebデザインやWordPressを本気で学びたい方向け、99,800円のマスタープランなども用意されています。 参考:Schooマスタープラン

まとめ

いかがでしたでしょうか?驚くほど、お金がなくても一人でも、いつでもどこでもプログラミング言語が学習できるようになってきていますね。

しかし、学習にあたっては「疑問」や「モチベーション低下」などいくつかのネガティブ要素が発生してくると思います。

また、初心者でもプログラミングが簡単に学習できるサイトをまとめましたので、こちらもぜひご覧になってみてください。

独学では不安。つまづいた。という方のためにCodeCampでは無料体験レッスンを行なっています。

これからプログラミングを学びたいけどどの言語を学んだらよいかわからない。という方の相談にも乗ることができますので、一度受けてみてはいかがでしょうか?

image

黒田剛司
ライター
黒田剛司

関連記事