自分に合った教材で入門しよう！JavaScriptチュートリアルサイトまとめ10＋解説

JavaScript入門用のサイトっていくつかありますよね。でも一体どれが一番自分に適しているのか、ググっただけではすぐにはわからないでしょう。

今回はそんなJavaScript入門のためのチュートリアルサイトを、レベル感などの情報を加えて紹介していきます。ぜひ今自分がJavaScriptを学ぶために最適なサイトを選んで、入門してみましょう！

JavaScript入門チュートリアルサイトまとめ

紹介している順番は、チュートリアルの簡単順、とっつきやすさ順で並べています。自分のレベルに合いそうなものから入門するといいですね。それでは入門チュートリアルサイトを見ていきましょう！

1.JavaScript入門 – ドットインストール

サイトリンク：「JavaScript入門 (全24回) – ドットインストール」

スタート　：JavaScriptとは？
ゴール　　：基本をざっくり抑える
必須スキル：HTML/CSS

動画で学べるドットインストールです。基本をざっくりとすぐに一周できるので、他のテキストで基本をすべてやっていくより、達成感を味わえるのでおすすめです。

2.JavaScript入門 – AjaxTower

サイトリンク：「JavaScriptチュートリアル」

スタート　：JavaScriptとは？
ゴール　　：JavaScript基本全部網羅
必須スキル：HTML

JavaScriptのコード例をベースに解説しているので、JavaScriptがどんなものか体感的にわかりやすいチュートリアルです。基本を網羅しているので、楽しく学習できるでしょう。また、サイト上で、自分で記述したJavaScriptを実行することができるので、どんどん書いて覚えていくことができます。

3.【今すぐ始めるJavaScript】入門から実践まで学べる資料まとめました

サイトリンク：「【今すぐ始めるJavaScript】入門から実践まで学べる資料まとめました」

スタート　：HTMLってなんだろう？JavaScriptってなんだろう？
ゴール　　：ストップウォッチを作る
必須スキル：他プログラミング言語理解

スライドでJavaScriptを学ぶ上で必要な、HTMLとJavaScriptとの関係を学ぶところから始まります。いきなりJavaScriptのコードではなく、少しずつ順を追って深ぼっていくので学習しやすいです。

4.JavaScript 入門 – Qiita

サイトリンク：「JavaScript 入門 – Qiita」

スタート　：変数
ゴール　　：基本文法、関数
必須スキル：HTML/他プログラミング言語理解

JavaScriptのコードベースで、文章での解説は少なめです。すでにプログラミング言語を習得している方なら、ざっと見て、JavaScriptの文法や関数を把握できるので、そういった方におすすめです。

5.JavaScriptガイド

サイトリンク：「JavaScriptガイド」

スタート　：JavaScriptとは？
ゴール　　：基本文法、基本オブジェクトなど網羅
必須スキル：特に無し

プログラミング自体の基本を軽く知っていれば読みやすいです。JavaScriptのコードと詳細な説明で解説しているので、自分で実際に書きながらやってみると楽しみながら学習できるでしょう。慣れてきたら少しコードに変化を加えながら「これはどうなるんだろう」と学習していってもいいですね。

6.JavaScript入門編 – WebProgramingPrimer

サイトリンク：「JavaScript入門編 – WebProgramingPrimer」

スタート　：JavaScriptとは
ゴール　　：基本文法
必須スキル：HTML/CSS

話しかけるような文章で、隣に座って教えられているかのような感覚になります。プログラミング学習自体に少し抵抗を感じるという方におすすめの入門チュートリアルサイトです。

7.JavaScript入門 – AjaxTower

 

サイトリンク：「JavaScript入門 – AjaxTower」

スタート：JavaScript記述場所
ゴール　：基本文法、関数、オブジェクト、DOM入門
レベル　：特に無し

「変数とは」というプログラミング初心者を想定した解説から始めているので、超初心者という方には入門しやすいチュートリアルです。

8.初心者のためのJavaScript入門 – @IT

サイトリンク：「初心者のためのJavaScript入門 – @IT」

スタート　：JavaScriptってよく聞くけどなんだろう？
ゴール　　：基本文法、DOM
必須スキル：HTML

文章とコードと画像ベースで解説しています。JavaScriptで簡単な計算をして表示するところから入門するので、プログラミング初心者にとっても、とっつきやすいでしょう。ただ、すでに他のプログラミング言語を習得している方には、逆に退屈な説明文に見えてしまうかもしれません。

9.とほほのJavaScriptリファレンス

サイトリンク：「とほほのJavaScriptリファレンス」

スタート　：JavaScript って何？
ゴール　　：文法、基本オブジェクト網羅
必須スキル：HTML

教科書のように、基本がすべて詰め込まれています。作りたいプロダクトでわからなくなったら、ここで調べるといいですね。すべてを上からやっていくという学習だと結構時間かかりそうです。

10.JavaScript入門 – IBM developerWorks

サイトリンク：「JavaScript入門 – IBM developerWorks」

スタート　：JavaScript言語の概要
ゴール　　：Ajax入門
必須スキル：特に無し

プログラミング初心者でも入門できますが、結構テキストベースで複雑な説明なので、ゆっくり読まないと理解しづらいかもしれません。その分丁寧なので、じっくり学びたい方におすすめです。

JavaScriptを使いこなそう

いかがでしたか？もし１つでもチュートリアルを一周できたら、ここで紹介した他のJavaScript入門チュートリアルを試して、復習と新しい知見を得てみるといいでしょう。もし慣れてきたら作りたいプロダクトにJavaScriptを活かしてみてください！