ローディング中

プログラマーがこっそり見てる無料プログラミング学習サイト6選

「プログラミングをはじめてみたいけどスクールに通うお金はない」

たったそれだけの理由でプログラマーへの道を諦めていませんか?
今はインターネットで簡単にプログラミングを学べる時代になりました。

かくいう私も高いお金を払ってスクールに通いプログラミングを学んだりはしていません。
プログラミング学習をおこなう上で、今はインターネット上で簡単に、無料でプログラミング学習を始められるようになりました。
しかも、どのサイトも分かりやすく、スクールに通うよりも早く実力をつけることができるサイトばかりです。
スクールに通わずとも、インターネットの無料サイトだけで十分に即戦力になるだけの実力をつけることができるようになります。

  • お金がない
  • プログラミング学習難しそう
  • とりあえず勉強をしてみたい
  • 新しい言語に挑戦したい

今回はインターネット上の無料プログラミング学習サイトを活用し、実際に業務でコーディングを行えるまで成長した私が
無料プログラミング学習サイトをどどんとご紹介していきたいと思います。

目次

無料プログラミング学習サイトを活用するメリット

プログラミングと一言に言っても多くの言語があります。
私は主に、フロントエンドを担当するため

  • html
  • css
  • javascript(jQuery)
  • php

といった言語を主に使いプログラミングを行っていきます。
その中でも

  • html
  • css
  • javascript(jQuery)

この3つに関しては、今回紹介する無料プログラミング学習サイトで覚えた言語です。
※PHPは手探りで覚えました。

どのサイトもとても初心者に優しく、挫折しない仕組みを多く取り入れられています。
また、飽きずにどんどんとゲーム感覚でプログラミングを学習できるのが特徴です。
是非プログラミング初心者の方や、これから新しいプログラミング言語を触ってみたいという方は参考にしてみてくださいね。
※新しい言語を学習し始める時のめんどくさい環境構築などはCloud9を活用することで終わらせるのがいいでしょう。

cloud9でwordpressの初期設定をコマンド一発でサクッと終わらせる方法

無料プログラミング学習サイト一覧

Work 731198 960 720

ドットインストール

61ef9654ed46482be4daec9b9f73d9dc

プログラミング学習サイトを紹介する上で、外すことの出来ないサイトがドットインストールではないでしょうか。
新しいプログラミング言語・新しい技術・新しい何かを始める時にまずお世話になる学習サイトです。
現在(2016/12/08)で289レッスン、4223本もの動画が掲載されている定番中の定番サイトとなっています。

B99a37dbd33792a7a5ded0ef93b2dbae

網羅されている言語や範囲も幅広く、新しい言語や情報もどんどんと追加されています。
新しいプログラミング言語を学ぶ際は、まずドットインストールを見る。
そんな方も少なくないのではないでしょうか。

39c8d924d69797b62bcbee1436135c43

学習方法は動画を視聴するタイプのサイトです。
その動画も3分間と短くまとめられているため、途中で集中力が切れてしまうこともなく。
少しづつ少しづつ学習を勧めていくことができます。
私も何度も何度もお世話になったドットインストールをまず1番目にご紹介させていただきました。

Progate

33447272c0e3b75c323adb3c15f7926d

実際に手を動かしながら覚えていくことのできるプログラミング学習サイトのProgate
私も実際にとてもお世話になったサイトの一つでもあります。

2ade90f02d2eabca5f2bf0fb83b20c67

Progateで学べるプログラミングはとても多く

  • HTML&CSS
  • JavaScript
  • jQuery
  • Ruby
  • Ruby on Rails
  • PHP
  • Java
  • Python
  • Swift

※2016/12/08現在

といった数多くの言語を学ぶことができます。
基礎編は無料で学ぶ事ができるのですが、有料会員になることで、更に踏み込んだレッスンが受けられるようになります。

スクリーンショット 2016 12 08 午後7 30 31

Progateの学習方法はとても初心者にとって優しい作りになっています。
まず、上記の様なスライドを見ながら、学習内容を学びます。
プログラミングの基礎や、要点などとても分かりやすく解説してくれます。

スクリーンショット 2016 12 08 午後7 32 41

そして、実際にブラウザ上のテキストエディタやターミナルを使用し、プログラミングを行っていきます。
初心者にとって、プログラミング学習の一番のハードルは

「何を勉強したら良いのかわからない」

「勉強したコードがどのような動きをするのか覚えれない」

といった部分ではないでしょうか。

Progateでは、実際にプログラミングしコードの動作を一つ一つ確認しながら学習していくことができます。
インプットを行ってすぐにアウトプットをすることで、プログラミングをしっかりと覚えていくことができます。

シラバス

4c84ef79a7a01594fbc4c0e205c5a7b0

マネして学べる、プログラミング学習サイト

がコンセプトのシラバス

本を読みながら写経をする感覚でプログラミングを学習していくことができます。
情報量も素晴らしく、本や多くの文章を読むのが好きな方にはとても参考になるのではないでしょうか。

B3c1b659a4122dba0239e788c5674cf5

シラバスを通してプログラミングを学習していくことで、実際にあるサービスの仕組みを理解することが出来ます。
「自分でサービスを立ち上げたい」と考えている人にとっては、実際に使いたい技術なども多く参考になることでしょう。

2014年から更新が止まっているため、所々リンク切れなどが有るのが気になりますが、それでもそれにまさるだけの情報量があります。

Progra!

707ee36937a692690e3bc5375c419f3a

  • PHP
  • Ruby
  • Python
  • VBA

上記3つの言語を学ぶことのできるプログラミング学習サイトです。

C10907ab4e011cf7b82adb298766c89c

Progra!では各言語2種類のコースが用意されています。

最低限のレッスンを組み合わせたコースと、上級者を目指す全部入りのコースとに分けられています。
学習したいプログラミング言語の、学びたいポイントに合わせて選択していくと良いでしょう。

B061de73530a2d500f5090a784b1908a

Progra!での学習方法はこのような穴埋め形式となっています。

Ss3

学習の進捗状況などに関しても、このようにひと目で分かるようになっています。
プログラミング学習が進むほどスタンプが増えていくのは見ていて楽しいですね。

Codecademy

595fa94eb4ad858925d23adc064d2ea6

海外サイトの為、英語での学習になりますが、広範囲の言語に対応しているプログラミング学習サイトのCodecademy
英語が得意ではない方は、どうしても苦手意識があるかと思いますが、教材も豊富かつ手を動かしながら学べるとても魅力的な学習サイトです。

40e38aaffcdd29b73f6ec03e54dae01f

実践的なコースもとても多く用意されており、

  • Web Developer Skill
  • language Skills

と2つのカテゴリに分けられており、その中に多くのコースが設けられています。

D72b37047baf0c14eeda0bbd9d478e54

プログラミング学習の方法はProgateと同じ方式です。
スライドで内容を把握し、実際にプログラミングを行うことで学んでいくといった方式です。
英語が苦手な方でも実際に手を動かしながら行う為、英語がわからない方でも学んでいけるでしょう。

有料だけどおすすめのプログラミング学習サイト

Udemy

Fec9cc2821bf62423a72bd5f9c1cd132

動画学習サイトのUdemy
コースを購入することで、プログラミングを学ぶことができます。

Udemy自体はプログラミングに特化したサイトではないのですが、とても多くのプログラミング言語学習の動画が販売されています。
その他にもSEO対策に関する動画やデザイン、写真に関する動画など多くのコースがUdemyで公開されています。
定期的にセールなども行われているため、気になった動画は思い切って購入して学習してみるのもいいでしょう。

プログラマーなら見ておきたいコード共有サイト

CodePen

1888f7c0d3fa161c66451ad3ece9cd98

コードを公開、共有できるサイトCodePen
JS/CSS/HTMLといったフロントエンドで活用する言語が多く投稿されています。
実際に投稿されているコードを自分でもサイト上から改変したり、動作を確認したりする事ができます。
CSSやJSが苦手な方などは、CodePenで多くのコードに触れ、プログラミング学習に役立ててみるのも一つの手ではないでしょうか。

Github

C96f920d3b706897270ef31c5866a195

プログラマーであれば使ってない人はいないと言っても過言ではないほど便利なGit。
Gitのレポジトリを提供している、Github
Githubでは多くのオープンソースのコードを見ることができます。
実装したい機能や、気になるサイトのソースをGithubで検索し、ソースを参考にするのも勉強になります。

プログラミングを効率よく学習しよう♪

Home office 336378 960 720

どのサイトも初級〜中級くらいの範囲をカバーしています。
中級以上になると、自分でドキュメントを読んだり、海外のサイトからプログラミングに関する知識を調べる必要がでてきます。
「少し面倒」と思われるかもしれませんが。
プログラマーにとって海外の情報に沢山触れるのは必須です。
今回紹介したプログラミング学習サイトを卒業した方は、海外のプログラミング情報などにも恐れず触れてみてくださいね。

英語ができないプログラマーのための英語の解読方法

ホームページ・デザイン制作のご相談・ご依頼は

079-451-5881

68ED4C65-BA1E-46D0-A7AC-B9869923C696 Created with sketchtool. A07C553F-CF16-4B7D-94FE-D36AE0A6297D Created with sketchtool. 37B7D8F4-7A18-4725-9EC6-595ABDF69D64 Created with sketchtool. 95DFB680-1EDF-4199-BC4A-BB6752EBA23C Created with sketchtool. 02DDF754-E1DB-4EF2-B6BB-C884722938C4 Created with sketchtool. NEW! 1A95E369-6469-4C46-B38F-F83410B928B0 Created with sketchtool. Group 5Group 2Group 4Group 3E4FC8CF2-721D-4699-8162-18E886C432C1 Created with sketchtool.