More than 1 year has passed since last update.

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

Last updated at 2022-01-03Posted at 2021-02-17

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

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

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

[⭐️ 96.6k]: javascript-algorithms

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

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

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

もっとも有名なJSのコードスタイルガイドラインの一つで、Reactなども参照しています。
新規プロジェクトのREADMEにとりあえず貼っておけます。

テーマごとに学習の参考にできるドキュメントをまとめられています。
日本語文献リストもあります。
例えばTypeScriptならTypeScript Deep Dive 日本語版、TypeScriptの為のクリーンコードが紹介されています。

WEBページを本番リリースする際に確認するべきことがまとめられています。
Qiitaの翻訳記事

Web開発周りでよく使用するコードのパターンがまとめられています。
例えば、配列から重複を排除や、階層的に等価性判定や、ObjectのDeep Cloneなどなど。

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

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

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

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

Node.js開発のベストプラクティスがまとめられており、日本語の翻訳があります。

JavaScriptに関する高度な問題が、155問書かれています。言語仕様に関する深い理解が求められます。日本語訳があります。

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

フロントエンド開発に使えそうなブックマークが手動でまとめられています。

-- 以上 --

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

1780