こんな疑問、要望にお応えするために、学習サイトを選ぶポイントから、タイプ別におすすめ学習サイトを紹介します。
あわせて、JavaScriptの練習ができるサイトも紹介するため、JavaScriptを習得したいと考えている方は必見です！
具体的には、次の順番でお話ししていきます。
- JavaScriptの学習サイトを選ぶポイント
- おすすめ学習サイト（スライドタイプ）
- おすすめ学習サイト（動画タイプ）
- おすすめ学習サイト（テキストタイプ）
- JavaScriptの練習ができるサイト
- JavaScriptは独学でも問題ない？
JavaScriptを学びたい、練習して知識を定着させたい、と考えるあなた向けの記事ですので、ぜひご覧ください。
記事のもくじ
JavaScriptの学習サイトを選ぶポイント
インターネット上にはさまざまな学習サイトがありますが、どのサイトを選べばよいかわからない、という方も多いのではないでしょうか。
JavaScriptの学習サイトを選ぶ際には、次の3つのポイントに気をつけて選びましょう。
学習形式が合っているか
学習サイトの学習形式は、大きく「スライド形式」「動画形式」「テキスト形式」の3つに分けられます。
それぞれにメリットがありますので、あなたのスタイルに合った学習形式のサイトを選びましょう。
後ほど、形式別のおすすめ学習サイトを紹介します。
| 学習形式 | メリット |
| スライド形式 | 環境構築が不要である場合が多い。実際に手を動かしながら学べる環境が用意されている。 |
| 動画形式 | 動画なので時間あたりの情報量が多い。通勤時間などの空き時間でも学習を進めやすい。 |
| テキスト形式 | 昔ながらの形式なので馴染み深い。検索機能を使えば、後で見返したい項目を検索できる。 |
難易度が適切か
多くの学習サイトは、プログラミングに触れたことのない初心者からでも学べるように作られています。
しかし、なかには専門用語の解説もなく、全く知識がない人には難しいと感じるサイトも。
あなたの知識レベルに応じて、難易度が適切な学習サイトを選びましょう。
使いやすいか
プログラミングの学習は、最低でも数ヶ月は継続して行うものです。そのため、使いやすい学習サイトでないと、途中で嫌になり、挫折してしまう可能性があります。
最初は複数の学習サイトを使ってみて、使いやすいと思うものを選択するとよいでしょう。人によって感じ方は異なるため、実際に使って確かめることが重要です。
JavaScriptのおすすめ学習サイト（スライド）
ここでは、スライド形式のおすすめ学習サイトを紹介します。実際にJavaScriptのコードを入力しながら学ぶことが可能です。
学習サイト選びに迷ったら、ここで紹介するスライド形式の学習サイトを選んでみてはいかがでしょうか。
Progate
Progateは無料で使えるスライド形式の学習サイトです。各学習スライドの最後には、演習問題が用意されているため、コードを入力しながら学習を進められます。
JavaScriptの基礎から、jQueryやReact・Node.jsなども学習可能です。
paizaラーニング
paizaラーニングは、エンジニアへの転職をサポートするpaizaのプログラミング入門コンテンツです。
一部有料のコンテンツも含まれていますが、JavaScriptの基礎知識部分は無料で学習できます。
他の学習サイトと比べてエンタメ性が高いため、楽しみながら学習を進められる点が特徴です。
講座の内容自体は動画で解説されていますが、学習後の演習などをスライド形式で進められるため、スライド形式の学習サイトに分類しています。
CODEPREP
CODEPREPは「ブック」と呼ばれる講座ごとのスライドを利用します。1冊10分程度で学習を進められ、穴埋め形式で直接入力しながら学習可能です。
CODEPREPはJavaScriptの基礎だけでなく、ReactやVue.js、jQueryなど多くのブックを無料で利用できるため、プログラミングに触れたことがある人におすすめします。
なお、プログラミングの知識が全く無い場合は、難しく感じてしまう可能性があります。
そのため、しっかりと解説がついているサイトで初期学習をすることがおすすめです。
JavaScriptのおすすめ学習サイト（動画）
ここでは、動画形式のおすすめ学習サイトを紹介します。
動画形式の学習サイトの場合は、開発環境を自前で用意しなければなりませんが、用意する方法まで解説しているサイトがほとんどです。
動画は情報量が多いため、しっかりと学びたいと考えているのであれば、これから紹介するサイトを使ってみてはいかがでしょうか。
ドットインストール
ドットインストールでは、1講座3分程度の短い動画で学習を進められます。 JavaScriptの基礎講座から、ミニアプリを作る講座も無料で提供されています。
有料会員になることで、さらに多くの講座を受けられるようになるため、無料講座を受けた上でさらに学びたいと思ったら、登録してみてはいかがでしょうか。
Udemy
Udemyはプログラミング言語の学習だけでなく、さまざまな学習動画を提供しているサイトです。 講座は有料となりますが、実践的な講座も多く、本格的に学びたい方におすすめです。
講座の内容は、購入前にプレビューで確認できるため、あなたにあったコースを探してみましょう。
Schoo
SchooもUdemyと同じく有料の学習サイトになりますが、月額980円のプレミアム会員になれば、4,600本の授業を見放題となるため、Udemyよりもお得に利用可能です。
登録直後の1時間は無料で見放題となっているため、気になる講座を確認してみてはいかがでしょうか。
JavaScriptのおすすめ学習サイト（テキスト）
ここでは、テキスト形式のおすすめ学習サイトを紹介します。テキスト形式の学習サイトは、書籍を読むように進めることが可能です。
まずは、知識から身に付けたいと考える方や、何度も繰り返し閲覧したい方におすすめします。
マンガで分かるJavaScriptプログラミング講座
マンガで分かるJavaScriptプログラミング講座のページはこちら
名前のとおり、厳密にはテキストではなくマンガですが、プログラミングに全く触れたことのない方におすすめの学習サイトです。
JavaScriptを学ぶ上では、多くの専門用語の知識が必要となり、敷居が高くなりがちです。
しかし、こちらのサイトではマンガを通して学べるため、最初の基礎知識を身につけるために利用してはいかがでしょうか。
Let’s プログラミング（JavaScript）
Let’s プログラミング（JavaScript）のページはこちら
Let’s プログラミングは、JavaScriptの基礎知識から具体的な使い方（構文）、リファレンスまでをテキスト形式で解説している学習サイトです。
各講座の中では、サンプルコードとあわせて解説されているため、サンプルコードで試しながら学習を進められます。
とほほのJavaScriptリファレンス
とほほのJavaScriptリファレンスは、学習サイトというよりもリファレンスサイトといえるサイトです。
JavaScriptの簡単な使い方から解説されていますが、コーディングするなかで必要となる知識を参照するためのサイトとして利用するとよいでしょう。
入門・初心者よりも、中級者以上向けのサイトです。
JavaScriptの練習ができるサイト
JavaScriptの学習ではなく、実際にコーディングしながら練習ができるサイトを紹介します。
ゲーム形式の練習サイトも紹介していますので、楽しみながらJavaScriptの練習ができますよ。
Elevator Saga
Elevator Sagaは、エレベーターの動作アルゴリズムをJavaScriptで記載するゲームです。
ステージごとに、制限時間内に何人運ばなければならない、といった条件があるため、条件をクリアするためにJavaScriptのコードを追加・修正します。
画面上でコーディングしながら実行できるため、JavaScriptの練習に最適です。
AtCoder
AtCoderは競技プログラミングコンテストの国内最大級の開催サイトです。 コンテストを通して、JavaScript（Node.js）の練習ができます。
AtCoderの過去問題は、「AtCoder Problems」と呼ばれる有志作成のコンテンツでいつでも挑戦可能です。
初心者には難しいため、中級者以上におすすめします。
CodinGame
CodinGameは、さまざまなゲームをプログラミングしながらプレイするサイトです。
パズルや世界中のプログラマーと問題を解くスピードを競う対戦形式のゲームなど、多くのゲームの名から好きなゲーム形式を選択して、JavaScriptの練習ができます。
paizaのプログラミングスキルチェック
paizaラーニングの学習サイトのなかで、JavaScriptの練習をするための「スキルチェック」があります。
ランク分けされた問題を解くことで、あなたのプログラミングスキルをランク付けしてくれます。
学習とあわせて、プログラミングスキルが身についているかを確認するために利用してはいかがでしょうか。
w3shoolsのJavaScript Examples
w3shoolsのJavaScript Examplesのページはこちら
こちらはJavaScriptのサンプルコードを集めたサイトですが、サンプルごとにWeb上でコードを修正して動きを確認できます。
そのため、リファレンスサイトのように使いながら、簡単に練習が可能です。
英語のサイトになりますが、難しい英語は使われていないため、練習サイトとして使ってみてはいかがでしょうか。
JavaScriptの学習は独学でも問題ない？
ここまで、さまざまなJavaScriptの学習サイトを紹介してきました。
JavaScriptの学習について、「独学でも大丈夫？」と気になっている方もいるのではないでしょうか。
結論としては、「本格的に学ぶのであれば、独学はおすすめしない」となります。 なぜなら、独学では習得するまでに挫折してしまう可能性が高くなるからです。
さまざまな学習サイトを紹介したように、独学でもJavaScriptを習得するための環境は整っています。
しかし、独学では不明点を解決することが難しく、モチベーションもなかなか維持できません。手軽に始められる分、すぐに辞めてしまう人も多いでしょう。
趣味としてJavaScriptを学びたいのであれば、独学でも問題ありません。
また、「とにかくJavaScriptに触れてみたい」という場合も、今回紹介した学習サイトを使って学習を進めてもよいでしょう。
しかし、JavaScriptを使って仕事をしたいと考えているのであれば、独学ではなく、スクールなどでしっかりと学ぶことをおすすめします。
まとめ：環境は整っているが独学はおすすめしない
JavaScriptの学習サイトは、学習形式や難易度・使いやすさの3つのポイントに気をつけて選ぶと失敗しづらくなります。
今回は、学習形式ごとにおすすめの学習サイトを紹介しましたので、ぜひ参考にしてみてくださいね。
あわせて、JavaScriptの練習をするためのサイトも紹介していますので、学習の合間に練習してみてはいかがでしょうか。
なお、JavaScriptを使って仕事をしたいと考えているのであれば、独学はおすすめしません。
たしかに、独学するための環境は整っていますが、独学でJavaScriptを身につけることができる人は一握りでしょう。
趣味程度であれば問題ありませんが、仕事にしたいと考えているのであれば、スクールがおすすめです。
Kredoの「WEBデザインコース」では、JavaScriptだけでなく関連するHTML/CSSや、Webデザイン設計の基礎を学ぶことができます。
ご興味のある方は、ぜひお気軽にお問い合わせください。
「これからの時代、プログラミングと英語が必要そう…」 それは、間違いではありません。 あと10〜20年の間に、人間が行う仕事の約半分が機械に奪われると言われています。 そのような未来がきたとき、自分自身、そしてあなたの大切な人を守れますか？ セブ島 IT×英語留学の「Kredo」では、 政府公認ITカリキュラム 大学教授レベルのフィリピン人IT教員 スピーキングに特化した英語クラス 日本人スタッフによる学習サポート などによって、 これからの時代に必要なIT×英語のスキルが 初心者からでも最短で身につきます。 KredoのIT留学で人生を変えてみませんか？
