はじめに
個人的にNext.jsやReact、TypeScriptなどのWeb開発の技術を学ぶのに良い！と感じたYouTubeチャンネルをまとめていければと思います。 並び順は結果としておすすめ順になっていると思います。
Web Dev Simplified
このチャンネルは、TypeScriptやReactなどのベストプラクティスや細かなテクニック(Tips)を学べるチャンネルです。 Web開発に関連していることを取り上げているチャンネルなので、上記の項目以外にもアクセシビリティやUI/UXなど色々扱われています。 これからWeb開発を頑張っていきたいという方にはうってつけだと思います。 個人的にはショート動画が結構好きです。
Codevolution
このチャンネルは、Next.jsやReactの最新技術が学べるチャンネルです。 最近よく見ているチャンネルです。 Next.js v14に関する動画多く上げられていて、テーマも絞って動画時間も短くなっているので非常に見やすいです。
プログラミングチュートリアル
このチャンネルは、Web開発関連の技術をハンズオン形式で学べるチャンネルです。割と最新の技術を扱っているので、手軽にキャッチアップしたいという方には良いと思います。 内容もUdemyのような感じで、一緒に進んでいけるので初学者の方でも楽しく学んでいけると思います。
ByteGrad
このチャンネルは、Next.jsやReact、TailwindCSSなどのベストプラクティスを学べるチャンネルです。 コンセプトとしては1つ目に紹介したWeb Dev Simplifiedさんに似ているのですが、こちらの方がより最新の技術＋よりフロントエンドに特化したコンテンツを扱っている印象があります。
developedbyed
このチャンネルは、HTMLやCSS、JacaScriptの基礎をハンズオン形式で学べるチャンネルです。 ReactやTypeScriptに関しても扱っているので、このチャンネル1つでもWeb開発者としてのスキルを上げることができます。 HTMLやCSSに関しての動画の質はとても高く、ハンズオン形式で進めてくれるので、一緒に進めていけば格好いいサイトが作れます。 この方の動画でレスポンシブデザインというものを知ったのがちょうど4年前の貧乏大学生のときでしょうか。。懐かしすぎて泣きそうです。（Responsive Navbar Tutorial）
トラハック
このチャンネルは、ReactやTypeScriptの入門講座を扱っているチャンネルです。 それ以外にもWeb開発のあれこれやTips系も扱っています。 少し動画が古いので、あくまで入門として扱い、その後最新動向をキャッチアップすると良いと思います。 ReactやTypeScriptが最近気になっているけどよくわからんという方にはおすすめです。
しまぶーのIT大学
このチャンネルは、Next.jsなどの新しめの部分からHTMLやCSSなどの基礎部分まで幅広く入門講座を扱っているチャンネルです。 個人的にはJavaScriptの講座は歴史部分から説明してくださっているので、納得感がありとても学びやすかったです。（JavaScript 入門）
JavaScript Mastery
このチャンネルは、Next.jsやReactなどを用いてWeb開発をする講座を扱っているチャンネルです。
1つの動画が結構長いので大変ですが、一緒に進めていけば1つのアプリケーションを作成することができるので、何も作るものがないよ〜という方にはおすすめです。
個人的にはデザインが結構洒落ていると思っているので、個人開発の際にパクってオマージュさせていただいております。
Traversy Media
このチャンネルは、初級から上級まで様々なWeb開発講座を扱っているチャンネルです。 結構前からあるチャンネルなので、様々なコンテンツがありますが、最新技術に関しても扱っています。 まだBun.jsの動画しか見ていないのですが、明瞭でとてもわかりやすかったです。（Bun.js）
Online Tutorials
このチャンネルは、おもしろいCSSデザインを学べるチャンネルです。 CSSを学ぶ際にどうせなら凝った面白いもの作ってみたいと思う方にはうってつけです。 個人開発のサイトとかであれば、ワンポイントでデザインを取り入れてみても面白いかもと思います。 こんなことできるんだと感心させられる動画がたくさんあります。
さいごに
10個の中でみなさまの心を掴むチャンネルが1つでもあれば幸いです。 よければみなさまのおすすめチャンネルもコメントで教えていただけると嬉しいです！ 最後まで見ていただきありがとうございました。 別の記事も執筆しておりますので、以下もよろしくお願いいたします。
