Webエンジニアが勉強できるGit Repository 10選


> 2021/02/21 10選 => 12選に更新
> 2021/04/12 おまけを追加
> 2022/01/04 おまけにThe Modern JavaScript Tutorialを追加

こんにちは、WEBエンジニアのhedrallです。

もう一歩踏み込んでプログラミングに関して勉強をしようと思った時、
世の中には学習のためのレポジトリが存在していて、しかも世界的にはものすごい数のStarを獲得しているものも少なくないことを知りました。
今回はピックアップしてご紹介いたします。

# [⭐️ 96.6k]: [javascript-algorithms](https://github.com/trekhleb/javascript-algorithms)

プログラミングで使用されるデータ構造や、一般的なアルゴリズムがまとめられており、全てjsで実装が例示されています。

# [⭐️ 149k]: [developer-roadmap](https://github.com/kamranahmedse/developer-roadmap)

webやinfraなど各分野のエンジニアになるために知っておくべき技術がロードマップとしてまとめられているので、学習方針などに迷った時や、取りこぼしがないか確認したい時などに活用ができます。
完成したロードマップは [https://roadmap.sh/](https://roadmap.sh/) で公開されています。

# [⭐️ 46.5k]: [clean-code-javascript](https://github.com/ryanmcdermott/clean-code-javascript)

著書「Clean Architecture」や「Clean Code」などで有名な Robert C.Martin らの経験から、高品質なコードを書く為のガイドラインがまとめられています。

# [⭐️ 105k]: [Airbnb JavaScript Style Guide](https://github.com/airbnb/javascript)

もっとも有名なJSのコードスタイルガイドラインの一つで、[React](https://reactjs.org/docs/how-to-contribute.html#style-guide)なども参照しています。
新規プロジェクトのREADMEにとりあえず貼っておけます。

# [⭐️ 177k]: [free-programming-books](https://github.com/EbookFoundation/free-programming-books)

テーマごとに学習の参考にできるドキュメントをまとめられています。
[日本語文献リスト](https://github.com/EbookFoundation/free-programming-books/blob/master/books/free-programming-books-ja.md)もあります。
例えばTypeScriptなら[TypeScript Deep Dive 日本語版](https://typescript-jp.gitbook.io/deep-dive/)、[TypeScriptの為のクリーンコード](https://msakamaki.github.io/clean-code-typescript/)が紹介されています。

# [⭐️ 47.3k]: [Front-End-Checklist](https://github.com/thedaviddias/Front-End-Checklist)

WEBページを本番リリースする際に確認するべきことがまとめられています。
[Qiitaの翻訳記事](https://qiita.com/miya0001/items/8fff46c201bf9eaeba4a)

# [⭐️ 68.7k]: [30 seconds of code](https://github.com/30-seconds/30-seconds-of-code)

Web開発周りでよく使用するコードのパターンがまとめられています。
例えば、[配列から重複を排除](https://github.com/30-seconds/30-seconds-of-code/blob/master/snippets/uniqueElements.md)や、[階層的に等価性判定](https://github.com/30-seconds/30-seconds-of-code/blob/master/snippets/equals.md)や、[ObjectのDeep Clone](https://github.com/30-seconds/30-seconds-of-code/blob/master/snippets/deepClone.md)などなど。

# [⭐️ 153k]: [awesome](https://github.com/sindresorhus/awesome)

「すごい」OSSが一覧で紹介されています。
新しい領域に挑戦する時に、その領域全体を俯瞰するのに活用できます。

# [⭐️ 321k]: [freeCodeCamp](https://github.com/freeCodeCamp/freeCodeCamp)

無料のプログラミング学習サイトで、コンテンツが豊富です。

# [⭐️ 19.1k]: [the-super-tiny-compiler](https://github.com/jamiebuilds/the-super-tiny-compiler)

コンパイラの基本的な概念を超絶簡単に解説してくれるレポジトリです。jsのコードにして200行程(コメントを除く)で簡単なコンパイラが記述されております。

# [⭐️ 12.6k]: [tc39/proposals](https://github.com/tc39/proposals)

JSの仕様を検討しているレポジトリです。将来的にJSにどのよな機能をつけていくべきか議論されています。
多言語の発想から発案されていたりするので、ざっと目を通すと、いろんな概念があるんだなぁと思います。

# [⭐️ 60.9k]: [Node.js Best Practices](https://github.com/goldbergyoni/nodebestpractices)

Node.js開発のベストプラクティスがまとめられており、[日本語の翻訳](https://github.com/goldbergyoni/nodebestpractices/blob/master/README.japanese.md)があります。

# おまけ

## [⭐️ 31.6k]: [javascript-questions](https://github.com/lydiahallie/javascript-questions)
JavaScriptに関する高度な問題が、155問書かれています。言語仕様に関する深い理解が求められます。日本語訳があります。

## [⭐️15.6k]: [The Modern JavaScript Tutorial](https://github.com/javascript-tutorial/en.javascript.info)

JavaScriptやブラウザの基本が現代の環境に則してまとめられています。各言語の翻訳があり、上記Star数は英語版のものです。日本語訳は[こちら](https://ja.javascript.info/)です。

## [⭐️ 30.5k]: [frontend-dev-bookmarks](https://github.com/dypsilon/frontend-dev-bookmarks)
フロントエンド開発に使えそうなブックマークが手動でまとめられています。


-- 以上 --

他にもオススメのものがあれば追記していきます！