ゼロから学べる!プログラミングの無料学習サイト【国内外あわせて20選】
国内外問わず急激に増えている「無料プログラミングを学習サイト」を紹介する記事です。ブラウザ上でコードを入力したり、プログラミングを学ぶための動画を見られるサイトがあります。全て知識ゼロから学ぶことができます。
TechAcademy︵テックアカデミー︶のYouTube動画
無料でプログラミングを一から学びたい方はこちらをおすすめします。 プログラミングやSEOなどを発信するブロガー兼YouTuberのマナブさんもご自身のブログ、manablog内で推奨しています。 HTMLの基本からハウツー動画まで200近くの膨大な量の動画が公開されています。 何から始めていいかわからない人でも学習に取り組めるよう、カリキュラム化された再生リストがあるのも特徴です。 いざ学習を始めるときにはここから取り組むといいでしょう。 JavaScriptを学習するフロントエンドの講座もあります。Codecademy︵コードアカデミー︶
世界的に有名なプログラミング学習サイトです。最初は英語のみでしたが、TOPページのみCodecademyは日本語対応を開始しています。 ブラウザ上でコードを書くエディタが用意されているため、特に開発環境を用意しなくても始められるのが特徴です。また、一般のユーザーがプログラミングのレッスンを作れるようになっており、プログラミング学習のプラットフォーム的な使われ方をされることになりそうです。 問題に答えていくとバッジがもらえる機能があり、ゲーミフィケーションを意識したサービスでもあります。 学べる言語は他のサイトと同じようなJavaScript、HTML/CSSをはじめとしてPythonとRubyにも対応しています。 Codecademy [PR] プログラミングで挫折しない学習方法を動画で公開中Udemy
ここ数年日本でも話題になっている動画学習サービスです。 プログラミング言語の教材から実践的にアプリケーションを開発する授業など、日本語コンテンツもどんどん増えてきています。無料で閲覧できる学習コンテンツもあるので、ぜひ試してみてください。 有料の授業もありますが、キャンペーンをよくやっているので、安くなるタイミングを見計らって利用すると良いでしょう。 Udemyドットインストール
国内では最もメジャーといえるプログラミング学習サイトです。 ﹁3分間でマスターする初心者向けプログラミング学習サイト﹂というコンセプト通り、レッスンを全てYouTubeを使って無料でみることができます。 ブラウザ上でコードを書く機能はありませんが、PHP、JavaScript、Ruby、Python、Javaなど幅広い言語がカバーされています。有料プランもあるので、ぜひ色々試してみてください。 ドットインストール- ・困ったときに、質問や相談できる相手がいるため挫折しなかった
- ・プロとして必要なスキルのみを深く学べたので無駄がなかった
- ・副業案件の提供と納品までのサポートがあったので目的を達成できた
Progate
各章ごとスライドで読み進めていきながら、実際にブラウザ上でコーディングできる学習サイトです。学習できる言語の幅も広く、HTML/CSSやRuby、PHPだけでなく、iOS開発のSwiftやGitについても学ぶことができます。
また、各コース「初級」「中級」「上級」とレベル別で進められるので、自分の成長を感じられるはずです。
各章を完了するごとに自分のレベルも上がっていき、ランキングにも載れるのでモチベーションになるでしょう。
Schoo
IT企業で働くエンジニアやデザイナーなどが動画で授業をしてくれるサービスです。
最新の技術トレンドやアプリの作り方など、かなり実践的な内容になっています。平日夜19時以降などは、リアルタイムでも授業が見れたりするので、ぜひ活用してみてください。リアルタイムの放送では、先生に質問することもできます。
タブレットで動画を見ながらパソコンでコーディングする学習方法をおすすめします。
CodeStudy
Code.9leap
ゲームプログラミング学習に特化したサービスで株式会社ユビキタスエンターテインメントが運営しています。 ゲームエンジン﹁enchant.js﹂を使ったプログラミングを、 ゲーム感覚のチュートリアルで学ぶことができるサイトです。お手本のコードを変えていくと自分のゲームを開発することができます。 問題の出し方は対話のようになっているため初心者でもわかりやすくなっています。 また、ユーザー自身がサンプルコードを使って簡単なゲームがを作成することも可能です。実際に作ったゲームは9leapで開催されているコンテストに応募できることになっており、コンテストには賞品も用意されています。 code.9leapミニツク︵Minituku︶
Rubyに特化して勉強ができるサイトです。ログインをしなくても一部の機能はそのまま利用することができます。 Rubyの設計者・開発者であるまつもとゆきひろ氏がRubyの基礎ついて紹介している動画コンテンツも用意されています。 学習方法は、出された問題を4つの選択肢から選ぶ﹁ドリル﹂と、問題をもとに実際にコードを書いてから模範解答を確認すると﹁演習﹂の2つがあります。演習では他の人が答えた内容も見ることができます。 ミニツクプログラミン
文部科学省が提供する子供向けのサイトです。 次に紹介するGoogle Blocklyと同じように、コードは入力せずにブロックを組み合わせるだけで絵を自由に動かして遊ぶことができます。 子供向けのサイトですが、プログラミングがどのように動いているのかを学ぶことができます。 プログラミンGoogle Blockly
Googleが提供しているパズル感覚でプログラミングを学べるサービスです。コードを書かなくてもプログラミングの感覚を身につけることができるサイトです。 子ども用のプログラミング言語として開発されたScratchと同じような仕組みです。 Google Blocklyの使い方はデモサイトを見るとわかるようになっています。 迷路ゲームのようになっているので、ブロックで﹁命令﹂と﹁状態﹂を指定してゴールまで進めるように組み合わせていくことになります。 プログラミングの言語などの書き方を覚えるというよりも、プログラミングの考え方を学ぶ上で使えるサービスと言えます。 Google BlocklyKhan Academy
アメリカのEdTech企業として有名なサイトです。 もとは数学、科学、経済など幅広いジャンルの講座を動画をみて学習するサイトですが、この中にブラウザ上でコンピューターサイエンスを学べるコースが用意されています。このコースの中に、ブラウザ上で学習することのできるJavaScriptコースもあります。 講座の内容としては左にコードが表示され、コードを変えると右側にある独自のイラストなどが結果として反映されます。 Khan AcademyCode School
プログラミングを動画を使って学習できるサイトです。 有料版は月間25ドルかかりますが一部のコンテンツは無料で利用することができます。 他のサイトとの比較として、非常に動画の質が高いという特徴があります。コードを入力する前に動画を見るパートが用意されているのですが、ただ映像を流すだけでなく、あたかも目の前でプレゼンテーションをしているかのようにスライドなどが表示されます。 映像を見終わったあとはクイズに答える形式をとっており、正解するとバッジがもらえる機能もあります。 プログラミング言語はJavaScript、Ruby、R言語の他にiOSを扱った講座も用意されています。 Code SchoolUdacity
海外の動画学習サービスです。 スマホアプリでの学習も可能になっているので、プログラミングやデザインの概念に関わる動画は、移動中などにも見ることができます。 海外のサービスなので、日本語の授業はありませんが、英語の勉強も同時にしたい人には良いかもしれませんね。 UdacityCode Avengers
サイトで使っているキャラクターにインパクトのあるプログラミング学習サイトです。 キャラクターからミッションが出題されるので、それに答える形でブラウザ上にコードを入力していく学習方法です。他のサイトと同様にわからないとろがある場合はヒントを確認することができます。 レッスンの内容はHTML5/CSS3とJavaScriptがあり、レベルに応じた内容を受けることができます。 Code AvengersSkillhub
Web開発者、Webデザイナー、Webマーケターに向けにそれぞれにあった学習プログラムを提供しているサイトです。Skillhubでは動画を見ながら5~10時間で学ぶというスタイルです。 どの動画も初心者向けに作られているので、安心して受けられるでしょう。 レッスン内容は、プログラミング部門としてはRuby on RailsやGit、WordPressなどがあり、他にもPhotoshopやIllustratorなどが口座として用意されています。 SkillhubTheCodePlayer
ページのデザインごとに実際のコードを見て学習できるサイトです。プログラミングというよりはWebデザインがメインです。 サンプルページに対して、実際にどのような手順でコードを書いているのか時間を追って確認することができます。サンプルページではJavaScript、HTML5、CSS3をそれぞれ見られるようにうなっています。 できあがったコードは自分で自由に書き換えて、その結果がどのように表示されるかを確認することができる機能も用意されています。 TheCodePlayerPaiza
クイズに答えていきながらレベルアップを目指すというオンライン学習サービスです。 各言語レベルごとにいろんな問題が用意されています。その答えをブラウザ上にソースコードとして書き提出。正解することで自分のプログラミングレベルは一般的にどれくらいなのか知ることができます。 ある程度勉強した後の力試しとして利用することをおすすめします。 Paizaウェブカツ!!
HTML/CSS、JavaScript、PHP、MySQLの知識をつけながらWebサービスの作り方を動画で学習するサイトです。 ここ数年ブログサイトなどに利用されているWordPressの使い方を学ぶこともできるので、サイト作成してみたいという人におすすめでしょう。 0円~149,800円の幅で学習することができるサービスとなっています。 ウェブカツ!!Treehouse
動画や小テストなどを通じて、実際にWebサイトをどのように作っていくのかを学べるサイトです。一部は無料で使うことができます。 レッスン内容としてはJavaScriptやRubyを使ったものから、iPhoneアプリやAndroidアプリの作り方など多岐にわたります。 また、有料のコースを大学生5000名に招待したことがTechCrunchに紹介されて話題になりました。 TreehouseappendTo
jQueryとJavaScriptに特化したオンライン学習サイトです。 ブラウザ上で入力する機能はありませんが、1つの動画が30分から40分程度ある中身の濃い内容を見て学習していくことになります。 ReactやAngularなど実際の開発現場でもよく使うフレームワークを身につけることも可能なので、ぜひご覧ください。 appendTo Developer Learning Centerプログラミング学習サイトの特徴まとめ
サービスごとに日本語対応や扱っているプログラミング言語が違うため表にまとめてみました。気になったものから試してみてください。サービス名 | 日本語対応 | 動画コンテンツ | コード入力 | 主なプログラミング言語など |
TechAcademy(YouTube) | ○ | ○ | × | HTML/CSS、JavaScript、MySQL、Git、
UNIX、jQuery、レスポンシブデザイン、 プログラミング基礎 |
Codecademy | △ | × | ○ | JavaScript、Python、Ruby |
Udemy | ○ | ○ | × | Python、Ruby、Swift |
Progate | ○ | × | ○ | HTML/CSS、JavaScript |
Schoo | ○ | ○ | × | HTML/CSS、Java、C言語 |
ドットインストール | ○ | ○ | × | JavaScript、PHP、Ruby |
CodeStudy | ○ | × | ○ | JavaScript |
Code.9leap | ○ | × | ○ | JavaScript |
ミニツク | ○ | ○ | × | Ruby |
プログラミン | ○ | × | × | 言語がなくても学べる |
Google Blockly | × | × | △ | 言語がなくても学べる |
Khan Academy | × | ○ | × | JavaScript |
Codeschool | × | ○ | ○ | JavaScript、Ruby、R言語 |
Udacity | × | ○ | × | JavaScript、Ruby、Python |
Code Avengers | × | × | ○ | JavaScript |
Skillhub | ○ | ○ | × | JavaScript、Ruby on Rails |
TheCodePlayer | × | × | ○ | JavaScript |
Paiza | ○ | × | ○ | PHP、Java、Ruby |
ウェブカツ | ○ | ○ | × | JavaScript、PHP、MySQL |
Treehouse | × | × | ○ | JavaScript、Ruby |
appendTo | × | ○ | × | JavaScript |