Edited at

2019年5月時点 JavaScript初心者が参考にしていいモダンJavaScript解説サイト2つ


多くの初心者向け解説がもはや罠でしかない


よくある例.js

var str = "hello world";


初心者向け解説によくある例です。

これが現時点(2019年5月時点)で非推奨な書き方だと、初心者は気付くことができない。つらい。

【JavaScript初心者のつらいところ】


  • 初心者向け解説(チュートリアル)のvarconstletに置き換えなきゃいけない

  • 何も知らずvarで写経すると悪癖がつく

  • 他にも「今は覚えなくていい書き方」がどうやらたくさんある

  • 「歴戦のJavaScripterがモダンJavaScipt知識をアップデートするためのまとめ」を読むには、そもそも必要とされる前提知識を持ってない

  • 「何が正解かわからない→ググる」と、正しい情報探しに時間が消える

解説途中でググらなくても良い、チュートリアル的に読み通せるサイトってどこ!?!?

そんな私のニーズを満たせそうなサイトにたどり着いたので、記事にしてみます。


【js-primer】

js-primer


これからJavaScriptに入門したい人が、ECMAScript 2015以降をベースにして一からJavaScriptを学べる本です。



著者は誰?

Githubを見るとアスキードワンゴ編集部のリポジトリです。

azuさん、Suguru Inatomiさんという方々によるもののようです。


嬉しいポイント:日本人が書いているから日本語が自然!!!

翻訳日本語じゃないよおお読みやすいよおおおおお頭にすんなり入るよおおおおおお


嬉しいポイント:変数宣言が基本的にconst!!

varから置き換えて読まなくていい。ありがたい。


【現代の JavaScript チュートリアル 】

現代の JavaScript チュートリアル


著者は誰?


Javascript.info は、ロシアで最大級のJavaScriptチュートリアルと学習プラットフォームである learn.javascript.ru のフォークとして作成されました。



嬉しいポイント:「let, const」(※おまけでvar

説明順序が「JavaScriptはこういった歴史があってね~」じゃない。

「最初は文法を身につけるだけ」に集中できる。


嬉しいポイント:DOMツリーの扱い方解説も!!

第一章がJavaScript仕様、第二章がブラウザ操作仕様。

それらをごっちゃにせず、きちんと分けて書いてくれてます。


初心者はMDNのチュートリアルはやめておけ

JavaScript | MDN

正確性、網羅性、信頼性の高さが圧倒的なMDN。

しかし、罠を罠と気付けない初心者が読むにはしんどい。

他にも、検索結果に出てきたブログや個人Webサイトetc. ……罠を罠と気付けない内(重要)は、控えたほうが良いかもしれない。

上記2サイトの知識を網羅すれば、MDNやその他ブログ、サイトを安全に読むリテラシーが身につきそうです!!