【保存版】プログラミング初心者向け 無料おすすめ学習リソース24選

この記事ではプログラミング初心者向けに、私の好きな無料のプログラミング学習リソースをみなさんに共有します。

今回ご紹介するリソースは、すべて私が使ったことのあるものです。これらのリソースがとても役立ち、かつ初心者向きであることは保証します！多くは英語のリソースですが、それでも役立つものを多くご紹介しています（日本語のもあります！）。

HTMLとCSS

• CSSのセレクタを学ぶゲーム：CSS Diner
• CSSのFlexboxを学ぶゲーム（日本語）：Flexbox Froggy
• CSSのGridを学ぶゲーム（日本語）：CSS Grid Garden
• CSSをゼロから学ぶビデオ（私が作りました）：Learning CSS Through Creating Art
• CSS Grid シリーズ（by Jen Simmons）：Layout Land

JavaScript

• JavaScriptを学べるビデオシリーズ：Khan Academy Computer Programming
• 少し応用的な内容のJavaScriptを学べるビデオシリーズ：A re-introduction JavaScript
• 30日間JavaScriptチャレンジ（by Wes Bos）: JS 30

その他の言語やコンセプト

• HTML/CSS/JSから、フレームワークや他の言語まですべてを兼ね備えたサイト：Code Academy
  →このサイトは、他にはないのREPLのチュートリアルフォーマットが使用されています。個人的にはこのサイトから勉強をはじめるのが一番おすすめです。
• Python、Django、そしてHTMLやCSSまで、毎日少しずつウェブフレームワークを学べる：Djang Girls
  →私はこのオンラインのチュートリアルでweb開発をするようになったので、私のキャリアにおいて重要なサイトでした！
• ブラウザ上で直接Rubyのコードを試せる：Try Ruby
• Githubが提供する、GitとGithubをブラウザで直接学べるチュートリアル：Try Git

コンピューターサイエンス

• コンピューターサイエンスの基礎に関するイラストガイド：BaseCS
  →同様の内容を解説した、podcastやビデオもあります！
• 私が書いたコーディングに関するカンニングシート：Coding Cheat Sheets
• コンピューターサイエンスを含む、YouTube講座：MIT on YouTube

コードチャレンジ

• チャレンジしがいのある課題が多く掲載されている : CodeWars
• 一貫性のあるコードチャレンジサイト：HackerRank
• 数学的なコーディング問題集：Project Euler

初心者にとってありがたいライブラリ

• JavaScriptでアートを作る：P5.js
• JavaScriptでカスタマイズした地図を作る：Leaflet
• HTMLでVRアプリを作る：A-Frame
• JavaScriptゲームを作る：Phaser

コミュニティ

• #explainlikeimfiveや#help、#metaといったタグをつけて質問をするコミュニティ：dev.to
• Twitterチャットに参加したり、勉強のモチベージションをあげられるpodcastを聞いたり、役立つブログ記事が読める：CodeNewbies
  →ここにはslackのグループもあります！

お気に入りを見つけてください

繰り返しになりますが、今回挙げたリソースは実際に私が使ってきたものです。そのため、自信を持っておすすめします！

なお、私はこれまでにPythonかJavaScriptの開発をしてきたので、少しだけそれらの比重が大きいかもしれません。よろしければ、あなたのお気に入りをTwitterで私に教えてください！また、もしこの記事が気に入ったなら、私が毎週、お気に入りのリンクや投稿した記事などを配信しているメーリングリストをぜひ購読してください！

（原文：Ali Spittel　翻訳：Yui Shimizu）

こちらもおすすめ！▼