プログラミング

独学でJavascriptを学ぶ!おすすめの学習サイト10選をエンジニアが解説

  • JavaScriptの初心者向けおすすめ学習サイトが知りたい
  • 学習サイトで学ぶときの注意点って何?

これからJavaScriptを独学で学びたいけど何から手を付けていいのか、わからない人は学習サイトで学ぶのがおすすめです。

この記事ではJavaScriptを独学で学びたい人に向けて、おすすめの学習サイトを紹介いたします

JavaScriptを独学で学ぶ上での注意点についても紹介していますので、ぜひ参考にしてください。

学習サイトでJavaScriptの独学を始める前に

JavaScriptの学習を始める最初の一歩として、学習サイトは最適です。ただし学習サイトは無数にあり、中には全くのプログラミング未経験者には難易度が高いサイトもあります。

そのため、プログラミングを学ぶなら、基礎をわかりやすく解説している学習サイトで学びましょう

学習サイトで解説しているソースコードは、コピペで動作確認するのみでは応用力は身につきません。実際に学習サイトのソースコードを改良し動作を確認し、理解を深めることも大切です。

フリカツ

学習サイトを眺めるだけでは、わかったつもりで満足するだけで、スキルは身につきません。必ず自分で考えて手を動かしながら学んでいきましょう。

また、独学の場合サイトだけではなく、学習本も併用して進めることで理解度が上がります。JavaScriptのおすすめ本については、次の記事で解説しています。

事項では初心者におすすめの学習サイトを紹介していきます。

JavaScriptの独学におすすめの学習サイト10選

JavaScriptを学べるサイトはたくさんあります。ここでは、とくに初心者が独学で学ぶのに適したおすすめのサイトを紹介します。

学習サイト1:ドットインストール

ドットインストールは1つの講義を3分で学べるプログラミング学習サービスです。

動画で要点をしっかりと説明してくれるので、初心者でも飽きずにしっかりと学習することができます。ドットインストールは無料の範囲で基礎はしっかり学べるので、ぜひ登録しておきましょう。

  • 3分動画でサクッと学べる
  • 無料部分でもJavaScriptの基礎を学べる

>> はじめてのJavaScript

学習サイト2:progate

Progate
出典:Progate

progateは、スライド形式でプログラミングを学べるサービスです。

図が豊富で初心者でもインプットしやすく、無料の範囲でも基礎は身につけられます。演習問題では実際に考えて手を動かしながら学べます。

さくっと学べるのでプログラミング初心者におすすめです。

  • スライド形式でわかりやすく学べる
  • 演習問題で基礎力が身につく

>> JavaScript

学習サイト3:Udemy

Udemy
出典:Udemy

Udemyは、公開しているさまざまなプログラミングの教材を販売しているプラットフォームです。

JavaScriptだけでも1,000件のコースがあり、初心者向けから上級者向けまで動画形式でわかりやすく学べます。

基礎を丸ごと学べるものもあるので、1本購入してじっくり学びたい人におすすめです。

  • 頻繁にセールを開催しているので安く購入できる
  • 動画解説でわかりやすく学べる

>> Udemyで人気のJavaScriptを学べるおすすめコース

学習サイト4:CODEPREP

CODEPREP
出典:CODEPREP

CODEPREPは、各プログラミング言語やスキルをブックスタイルで学べるサービスです。

入門編、基礎編、実践編に分かれており、実際に手を動かしながら学べます。教材の量も豊富なので、ぜひブックマークしておきたいサービスの1つです。

  • ブックスタイルで電子書籍のように学べる
  • 教材の量が豊富で基礎をしっかり身につけられる

>> JavaScript

学習サイト5:JAVASCRIPT.INFO

こちらは海外のJavaScriptのチュートリアルサイトです。日本語にも対応していて基礎的な知識からDOM操作、フォームでの入力処理など、網羅的に学べます。

基本的な処理の解説も充実しているので、使い方を忘れたらこのチュートリアルサイトに戻って学び直すのも良いでしょう。

  • JavaScriptの機能を網羅している
  • リファレンスとしても使える

学習サイト6:Codecademy

Codecademyのトップページ
出典:Codecademy

海外で有名なプログラミング学習サイトです。日本語には対応していませんが基礎部分は無料で利用できます。

項目ごとにサクッと学習できますので、他の学習サイトと並行してやってみることをおすすめします。

  • 海外の定番学習サイト
  • 各機能ごとにサクッと学べる

>> Learn JavaScript | Codecademy

学習サイト7:Let’sプログラミング

こちらのサイトは、JavaScriptの基礎からブラウザからの簡単な入力処理まで詳しく解説しています。

未経験者でもつまづくことがないように動かし方からわかりやすく解説しているので、基礎を一通り学びたい人におすすめです。

  • 国内の老舗学習サイト
  • コンパクトにまとまっていて短期間で学べる

>> JavaScript入門 | Let’sプログラミング

学習サイト8:マンガで分かる JavaScriptプログラミング講座

マンガで分かる JavaScriptプログラミング講座のトップページ
出典:マンガで分かる JavaScriptプログラミング講座

学習サイトとしてはめずらしいマンガ形式でわかりやすく学べます。マンガ形式で基礎からわかりやすく学べる上、JavaScriptのライブラリの使い方や、簡単なアプリ開発まで学べます。

マンガ形式でサクサクと学びたい人におすすめです。

  • マンガ形式でサクサク学べる
  • 基礎から応用までしっかり学べる

学習サイト9:とほほのWWW入門

昔からある学習サイトで多くのエンジニアに支持されています。

情報量が豊富で各クラスも一通り解説しているので、学習のみならず辞書代わりに使うこともできます。

全くの未経験者から利用する場合、やや難易度が高くとっつきにくい箇所もあるので、他サイトと併用して学ぶことをおすすめします。

  • 国内の老舗学習サイト
  • JavaScriptの機能が網羅されている

>> とほほのJavaScriptリファレンス

学習サイト10:Schoo(スクー)

出典:Schoo

スクーはさまざまなスキルや知識を授業形式で学べる動画サイトです。また生放送で授業を受けることも可能で質問することもできます。

基本的に無料で使えますが、月額980円で公開されている5,000本以上の動画を閲覧できます。

JavaScriptについてもさまざまな授業が公開されているので、ぜひ確認してみましょう。

  • 授業形式でわかりやすい
  • 月額プランに申し込めばさまざまな動画を受講可能

>> 「JavaScript入門」(講師:Schooプログラミング担当先生)

JavaScriptを学習サイトで効率よく独学するためのコツ

独学で効率よく学ぶには?

コツ1:質問力を身につける

独学の場合、不明点やエラーが解決できずにそのまま挫折するパターンが多いです

学習で行き詰まったら、質問するクセをつけることが大切です。

プログラミング関連の質問をするなら、エンジニア向けのQ&Aサイトがおすすめです。現役のエンジニアやプログラミングに知見がある方から回答を貰えることが多いです。

おすすめのQ&Aサイトは下記のとおり。

ただし、回答者がスムーズに答えられるように質問力を身に着ける必要があります。

プログラミングに関するエラーなら、下記を踏まえて質問するようにしましょう。

  • どんなエラー(現象)が発生したか
  • エラーに至るまでの操作を具体的に
  • どのような解決を望んでいるか

曖昧な質問では答えてくれる可能性も低いです。またなんでもかんでも質問するのではなく、まずは自分で調べて解決策がないか、試してみましょう。

エンジニアとしてググって解決するスキルも必要です。

フリカツ

私も独学で躓いたときはよくQ&Aサイトを利用していますが、早ければ10分で回答を頂ける場合もあります。

独学でプログラミングを学習するなら、積極的にQ&Aサイトを活用しましょう。

コツ2:習慣化する

プログラミングを独学で学ぶ場合、一般的に400〜500時間必要と言われています。現役エンジニアとして必要なスキルを身につけるなら、1,000時間は確保したいところです。

それだけの時間を勉強するには、毎日継続してコツコツと続けることが大切です。

ただし毎日学習を続けるのは大変です。モチベーションが持続しないとつい勉強がサボりがちになって、そのまま挫折するパターンも有りえます。

そのため継続して学習するなら、毎日決まった時間に勉強ができるようにしておきましょう

毎日決められた時間に学習することで、そのうち習慣化してきます。習慣化すれば学習を続けるのが苦ではなくなります。

コツ3:学習スケジュールを決めておく

基礎を学びたい場合、学習期間は2〜3ヶ月としておきましょう。それ以上長くなると飽きてきたり、学んだことを忘れて再度勉強し直すことになります。

1日1ページのペースで進めても、いつまでたっても学習は終わりません。上述したように毎日学習時間は確保しておくことをおすすめします。

基礎学習はさっさと終わらせて、早めに次のステップに進みましょう。

まとめ

この記事ではJavaScriptを独学で学びたい人に向けて、おすすめの学習サイトを紹介しました。

プログラムは覚えることも多く大変ですが、学習サイトで基礎をしっかりと学ぶことで、スキルを身につけることは十分可能です。

ABOUT ME
フリカツ
エンジニア歴10年・フリーランス歴5年。エンジニア/SEOライター/マーケター/コンテンツディレクターとして活動しています。このブログではフリーランスエンジニアとして自由に働くためのノウハウを発信しています。お仕事の依頼、記事コンテンツのご提案は、お問い合わせフォームよりお願いいたします。
こちらの記事もおすすめ