絶対チェックすべきGitHubリポジトリ15選

# はじめに

GitHubのリポジトリをみるという習慣はなかなか初心者の方だとないと思います。
しかし、世の中には参考になるリポジトリがたくさんあるので今回は厳選して紹介していきます。

# エンジニア共通

エンジニアであれば共通的に参考になるリポジトリを紹介してきます。

## [How Web Works](https://github.com/vasanthk/how-web-works)

Googleで検索ワードをいれてエンターキーを押してから、実際にWebサイトが表示されるまでの裏側で行われていることを詳しく紹介してくれています。

https://github.com/vasanthk/how-web-works

## [developer-roadmap](https://github.com/kamranahmedse/developer-roadmap)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/810513/076f4271-c1a9-b243-05cf-0de2d85a2adf.png)

フロントエンド、バックエンド、フルスタックなど様々なエンジニアのロードマップが紹介されています。
最速で成長したいのであれば、その分野の専門家が教えてくれる学習手順で学ぶのが大切なのでとても重宝されているロードマップです。

https://github.com/kamranahmedse/developer-roadmap

## [free-programming-books](https://github.com/EbookFoundation/free-programming-books/blob/main/books/free-programming-books-ja.md)

無料で見ることができるプログラミングを勉強する上で役立つ教材を紹介しています。
日本語の資料が多く掲載されています

https://github.com/EbookFoundation/free-programming-books/blob/main/books/free-programming-books-ja.md

# チュートリアル

実際に問題を解いたり、ハンズオンを行いながら学べるリポジトリです

## [web-dev-for-beginners](https://github.com/microsoft/Web-Dev-For-Beginners)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/810513/cbb14bd9-20bd-6408-322a-a3c97ba96709.png)

GitHubの使い方やJavaScriptの基本から始まり、アプリケーションを0から作れる実力を身につけることができる実践的な講座です。

https://github.com/microsoft/Web-Dev-For-Beginners

## [Freecodecamp](https://github.com/freeCodeCamp/freeCodeCamp)

、HTML、CSS、JavaScript、React、Node.js、データベースなど、幅広いトピックをカバーするコーディング課題が用意されており、すべてを無料で学ぶことができます。

ちなみにYoutubeもおすすめです

https://www.youtube.com/@freecodecamp

https://github.com/freeCodeCamp/freeCodeCamp

## [Every programmer should know](https://github.com/mtdvio/every-programmer-should-know)

プログラミング言語、アルゴリズム、データベース、セキュリティなど、ソフトウェア開発に関する幅広いトピックを学べるソースが紹介されています。

https://github.com/mtdvio/every-programmer-should-know

## [50projects50days](https://github.com/bradtraversy/50projects50days)

HTML、CSS、JavaScriptでできた小さいWebアプリのプロジェクトを50個紹介しています

https://github.com/bradtraversy/50projects50days

# JavaScript

## [spellbook-of-modern-webdev](https://github.com/dexteryy/spellbook-of-modern-webdev)

JavaScriptウェブ開発の全体像を細かく紹介した資料
API、ライブラリ、ツール、サービス、ベストプラクティスなどを紹介しています

https://github.com/dexteryy/spellbook-of-modern-webdev

## [airbnb](https://github.com/airbnb/javascript)

airbnbで実際に使われているスタイルガイド
初心者でも十分使えるのできれいにコーディングができるようになります

https://github.com/airbnb/javascript

## [clean-code-javascript](https://github.com/mitsuruog/clean-code-javascript/)

clean codeをJavaScriptで紹介しているリポジトリ
書籍の要点がわかりやすく書かれています

https://github.com/mitsuruog/clean-code-javascript/

## [javascript-30](https://github.com/wesbos/JavaScript30)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/810513/6cfed56d-1ae8-882f-9905-d66a356e2ef1.png)

JavaScriptによる30日チャレンジ
30個のチュートリアルで実力をつけることができます

https://github.com/wesbos/JavaScript30

## [30-seconds-of-code](https://github.com/Chalarangelo/30-seconds-of-code)

30秒で学べることをコンセプトにしたJavaScriptのスニペット集
毎日すこしずつやるだけでスキルアップができます

https://github.com/Chalarangelo/30-seconds-of-code

# 転職活動

転職活動を行う際に確認しておきたいリポジトリを紹介します。

## [developer-handbook](https://github.com/apptension/developer-handbook?tab=readme-ov-file)

フロントエンド、バックエンドエンジニアなど、それぞれの職種の面接で想定される質問がまとまったリポジトリ
Reactなど技術に特化した質問も細かく書かれているので準備におすすめ

https://github.com/apptension/developer-handbook?tab=readme-ov-file

## [front-end-interview-handbook](https://github.com/yangshun/front-end-interview-handbook)

フロントエンドの面接で聞かれそうな質問を網羅しているリポジトリ
HTML、CSS、JavaScriptなど、領域に関する複雑な知識や専門知識が多く載っています

https://github.com/yangshun/front-end-interview-handbook

## [tech-interview-handbook](https://github.com/yangshun/tech-interview-handbook)

技術面接で想定される質問を集めたリポジトリ

https://github.com/yangshun/tech-interview-handbook

# おわりに

今回は初心者がチェックすべきリポジトリを紹介しました
とくにベストプラクティスを紹介しているものは読み進めて、良いなと思ったことを実践すればスキル向上に繋がりますのでやってみてください！

ここまで読んでいただけた方はいいねとストックよろしくお願いします。
@Sicut_study をフォローいただけるととてもうれしく思います。

普段はTwitterでエンジニアに関する情報を発信していますのでよければ友達になってください👇

https://x.com/Sicut_study

また明日の記事でお会いしましょう！

JISOUのメンバー募集中！
プログラミングコーチングJISOUでは、新たなメンバーを募集しています。
日本一のアウトプットコミュニティでキャリアアップしませんか？

興味のある方は、ぜひホームページからお気軽にご連絡ください！
▼▼▼

https://projisou.jp