はじめに

こんにちは、普段はITコンサルをやっているまるやきです。
今回は、個人的にReactやTypeScriptなどのWeb開発技術を学ぶのにおすすめだと感じているYouTubeチャンネルをまとめていければと思います。
並び順は結果としておすすめ順になっていると思います。

本記事の想定読者

これからWeb開発に挑戦してみたい方
Web開発のTipsなどを学び、技術力をアップしたい方
お正月が暇だから最新技術のキャッチアップをしたい方

Web Dev Simplified

このチャンネルは、TypeScriptやReactなどのベストプラクティスや細かなテクニック(Tips)を学べるチャンネルです。
Web開発に関連していることを取り上げているチャンネルなので、上記の項目以外にもアクセシビリティやUI/UXなど色々扱われています。
個人的にはショート動画が結構好きです。

Web Dev Simplified

Codevolution

このチャンネルは、Next.jsやReactの最新技術が学べるチャンネルです。
最近よく見ているチャンネルです。
Next.js v14に関する動画が多く上げられていて、テーマも絞って動画時間も短くなっているので非常に見やすいです。

Codevolution

プログラミングチュートリアル

このチャンネルは、Web開発関連の技術をハンズオン形式で学べるチャンネルです。割と最新の技術を扱っているので、手軽にキャッチアップしたいという方には良いと思います。
内容もUdemyのような感じで、一緒に進んでいけるので初学者の方でも楽しく学んでいけると思います。

プログラミングチュートリアル

ByteGrad

このチャンネルは、Next.jsやReact、TailwindCSSなどのベストプラクティスを学べるチャンネルです。
コンセプトとしては1つ目に紹介したWeb Dev Simplifiedさんに似ているのですが、こちらの方がより最新の技術＋よりフロントエンドに特化したコンテンツを扱っている印象があります。

ByteGrad

developedbyed

このチャンネルは、HTMLやCSS、JacaScriptの基礎をハンズオン形式で学べるチャンネルです。
ReactやTypeScriptに関しても扱っているので、このチャンネル1つでもWeb開発者としてのスキルを上げることができます。
HTMLやCSSに関しての動画の質はとても高く、ハンズオン形式で進めてくれるので、一緒に進めていけば格好いいサイトが作れます。
この方の動画でレスポンシブデザインというものを知ったのがちょうど4年前の貧乏大学生のときでしょうか。。懐かしすぎて泣きそうです。（Responsive Navbar Tutorial）

developedbyed

トラハック

このチャンネルは、ReactやTypeScriptの入門講座を扱っているチャンネルです。
それ以外にもWeb開発のあれこれやTips系も扱っています。
少し動画が古いので、あくまで入門として扱い、その後最新動向をキャッチアップすると良いと思います。
ReactやTypeScriptが最近気になっているけどよくわからんという方にはおすすめです。

トラハック

しまぶーのIT大学

このチャンネルは、Next.jsなどの新しめの部分からHTMLやCSSなどの基礎部分まで幅広く入門講座を扱っているチャンネルです。
丁寧に進めてくださるので、初学者の方も学びやすいと思います。
個人的にはJavaScriptの講座は歴史部分から説明してくださっているので、納得感がありとても学びやすかったです。（JavaScript 入門）

しまぶーのIT大学

JavaScript Mastery

このチャンネルは、Next.jsやReactなどを用いてWeb開発をする講座を扱っているチャンネルです。
1つの動画が結構長いので大変ですが、一緒に進めていけば1つのアプリケーションを作成することができるので、何も作るものがないよ〜という方にはおすすめです。
個人的にはデザインが結構洒落ていると思っているので、個人開発の際に~~パクって~~オマージュさせていただいております。

JavaScript Mastery

Traversy Media

このチャンネルは、初級から上級まで様々なWeb開発講座を扱っているチャンネルです。
結構前からあるチャンネルなので、様々なコンテンツがありますが、最新技術に関しても扱っています。
まだBun.jsの動画しか見ていないのですが、明瞭でとてもわかりやすかったです。（Bun.js）

Traversy Media

Online Tutorials

このチャンネルは、おもしろいCSSデザインを学べるチャンネルです。
CSSを学ぶ際にどうせなら凝った面白いもの作ってみたいと思う方にはうってつけです。
個人開発のサイトとかであれば、ワンポイントでデザインを取り入れてみても面白いかもと思います。
こんなことできるんだと感心させられる動画がたくさんあります。

Online Tutorials

さいごに

10個の中でみなさまが勉強になると感じるチャンネルが1つでもあれば幸いです。
よければみなさまのおすすめチャンネルもコメントで教えていただけると嬉しいです！
最後まで見ていただきありがとうございました。
以下の個人サイトで別の記事も執筆しておりますので、みていただけると嬉しいです。
よろしくお願いいたします。

MyCanvas