React、Next.js、TypeScript、CloudRunのおすすめ本・Udemy教材の講座(評判・レビュー)

reactやNext.jsは日本語講座が充実しています。今までnuxtjsを使ってきましたが、次からnextjsに乗り換えるため、いろいろと買いあさりました。最後の見出しが買ったものまとめですね。

初心者向けReactとNext.jsのおすすめ本・Udemy教材の講座

ReactとNext.jsの両方が入っている奴を紹介します。

「【2023年最新】React(v18)完全入門ガイド｜Hooks、Next.js、Redux、TypeScript」という講座で勉強しました。

【2023年最新】React(v18)完全入門ガイド｜Hooks、Next.js、Redux、TypeScript

• これ1本でReact、Next.js、TypeScriotまでカバー。
• CodeMafiaさんはなぜそうなるのかを解説してくれる
• 時間数は24時間以上

軽くみてみましたが、説明は少し長めで丁寧という感じですね。

「プログラミング中級者になりたい人のためのクリーンコード入門」も気になります。

Udemy

これからはじめるReact実践入門　コンポーネントの基本からNext.jsによるアプリ開発まで

(追記)本はReactからNext.jsまで網羅してよいものがなかったのですけど、最近でたようです。最近、独習シリーズを書いている方が執筆者ですね。評判はよいようです。

初心者向けNext.jsのおすすめ本・Udemyの講座

【Next.js入門】ReactフレームワークのNext.jsでマイクロブログを構築しながら基礎と本質を学ぶ講座

• SSGとSSRの解説。SEO対策をしたい人によい
• YouTubeもやっているShin Codeさん
• サーバーはNext.jsでおなじみのVercel

軽くみてみましたが、説明は端的でわかりやすいと思います。

Udemy

他にはnext.jsはKazu T+さん。各々講師の癖がある気がするので1つずつ見てみると、自分にあった人が見つかるかもです。

Next.jsの本

書籍もほしい方は次の選択肢があります。

初心者向けReactのおすすめ本・Udemyの講座

Reactのおすすめ本

じゃけえさんという方がUdemyでreactの講座をたくさんだして人気です。

Udemy

本も出版されているようです。

他には、はむさんのオンラインスクール はむさんがfirebaseとreactの組み合わせで講座をだしています。

初心者向けReduxのおすすめ本・Udemyの講座

Reduxは取っつきにくく少々難しいかもしれません。この2つがよさそうでしたね。

• 【Redux完全入門】絶対に理解させるReduxアルゴリズム徹底解説入門パック Shin Code
• [Redux編] Redux Tool KitとReact HooksによるモダンReact フロントエンド開発 Zin nux

Udemy

Reactソフトウェアテストにおすすめ本・Udemyの講座

テスト専用の講座もありました。

Reactソフトウェアテスト(Hooks+ReduxToolKit時代のモダンテスト手法) Zin nux

Udemy

TypeScriptのおすすめ本・Udemyの講座

Vueの講座もわかりやすかった、よしぴー (Yoshipi)さんの「超TypeScript入門完全パック – もう他の教材は買わなくてOK！」も持っていました。

「【2023年最新】React(v18)完全入門ガイド｜Hooks、Next.js、Redux、TypeScript」にもTypeScriptの解説がありますけどあくまで１パートなので、TypeScriptは「超TypeScript入門完全パック – もう他の教材は買わなくてOK！」があるといい気もしますね。

Udemy

ただ、動画はパラパラ眺めることができないため、本も１冊買いました。

初心者向けCloudRunのおすすめ本・Udemy教材の講座

Vercelの無料プランは商用利用できないため、GoogleのCloudRunを使う方がいますね。たしかzennなんかもそうでしたよね。

CloudRunの教材は少ないのですけど、でています。この教材はGoogleのサーバーの教材なのですが、その一部に乗っていました。

Google Cloud（GCP）の基礎 – 図解と実践でインフラの基礎を固める

Udemy

初心者向けCloudflare Pagesのおすすめ本・Udemy教材の講座

Vercelの無料プランは商用利用できないため、Cloudflare Pagesを使う方もいますよね。Cloudflare Pagesは無料枠が太っ腹なのが特徴です。ただ、SSRにする場合はCloudflare Workersも必要そうです。こちらも料金がかかります。

教材は1冊だけありましたね。

【評判】React・Next.js・TypeScriptの本・Udemy教材の講座、個人的なレビュー

個人的に買ったもの

前提条件をかくと、今回はNext.jsのSSRで実装したいです。TypeScriptを使います。今までVueとNuxt.jsで開発していたためJSの知識は多少あります。Next.jsはNuxt.jsと違う部分もあるけど似ている部分もあります。

買ったものは以下のとおりです。やっぱ買ってみないとどの人と相性がいいのかわからないこともあって1つずつ買いましたね。

• 【2023年最新】React(v18)完全入門ガイド｜Hooks、Next.js、Redux、TypeScript(CodeMafiaさん)
• 【Next.js入門】ReactフレームワークのNext.jsでマイクロブログを構築しながら基礎と本質を学ぶ講座(Shin Codeさん)
• Reactソフトウェアテスト(Hooks+ReduxToolKit時代のモダンテスト手法 (Zin nuxさん)
• 超TypeScript入門完全パック – もう他の教材は買わなくてOK！(よしぴーさん)

【2023年最新】React(v18)完全入門ガイド｜Hooks、Next.js、Redux、TypeScript

24時間以上というボリュームとReactからNext.jsまでカバーしているため。YouTuberもやっていますので、今後の情報収集でもお世話になるかもしれません。

【Next.js入門】ReactフレームワークのNext.jsでマイクロブログを構築しながら基礎と本質を学ぶ講座

Next.jsのSSRの情報が少しほしかったため。blogサービスを併設する予定なので、ブログを作るという講座内容がマッチしていました。今は同じ方がnext.js13の講座をだしているため、そちらの方がよいかもですね。こちらの方もYouTubeもやっていますね

Reactソフトウェアテスト(Hooks+ReduxToolKit時代のモダンテスト手法

テストやデバッグ系の本はなんか買ってしまうのですよね。やっぱ大事だと思っているせいか。

Udemy

本は１冊買いました。

丁寧に書かれているという話(実際、丁寧な本だった)で辞書的にパラパラと眺めるため。

ほかに、Vueの講座もわかりやすかった、よしぴー (Yoshipi)さんの「超TypeScript入門完全パック – もう他の教材は買わなくてOK！」も持っていました。

Reactの本はちょっと古いものが多くUdemyだけでよいという結論になりました。Next.jsの本は書店で軽く立ち読みしたのですが、Nuxt.jsもやっていたためか結構知っていることも多く、浅く広くという感じで中途半端な気がしたため購入を見送りました。

Reduxは買う前に実装が終わっていたため、買いませんでしたね…。ちょっと自分がやっていることと違かったともあるのですけど。

next.jsのサーバーは何を使うべきか?

GoogleCloudRun用に次の講座も買いました。

Google Cloud（GCP）の基礎 – 図解と実践でインフラの基礎を固める

今のところ、サーバーはGoogleで固め、一部firebaseとCloudRunをいこうかと検討しています。Nextjsが運営しているVercelは2つの難点があります。

• 無料プランは商用利用できない!
• 20ドルのプランにおさまらない場合、かなり割高になる意見がちらほら。

なるほど….！
Vercel主に料金面で厳しいのは納得です

次に作るサービスでは、同じ構成で作ってみます！

— れとるときゃりー (@retoruto_carry) May 3, 2022

個人的に推していきたい構成はこれだな

・Next.js on Cloud Run
・Cloudflare
・PlanetScale
・Upstash (Redis)
・Cloud Tasks
・Cloud Scheduler

アクセスがなければ¥0、スケールしても段階的に料金が上がっていくから安心。

— catnose (@catnose99) March 29, 2023

非同期のタスクがやりにくいのもちょっと嫌だなあと。

Udemy

参考になれば幸いです。