inflearn logo
inflearn logo

[リニューアル] ReactでNodeBird SNSを作成する

リアクト&ネクスト&リダックス&リダックスサーガ& ExpressスタックでTwitterに似たSNSサービスを作成します。 最後に、検索エンジンの最適化後にAWSにデプロイします。

難易度 中級以上

受講期間 無制限

React
React
Redux
Redux
Node.js
Node.js
Express
Express
Next.js
Next.js
React
React
Redux
Redux
Node.js
Node.js
Express
Express
Next.js
Next.js

学習した受講者のレビュー

学習した受講者のレビュー

4.9

5.0

Choi Boo

99% 受講後に作成

講義の購入 悩みながらこの記事をご覧いただくと、すぐに受講してください後悔しません。 こんにちはこの講義を聞いて就職することになりました。 この講義を受講した後や受講しながらトイプロジェクトを定めて実行してください。 そして記録する習慣があれば良いです。または開発ブログを作成してください。 講義を受講しながら知らない部分は必ず記録してください。 開発ブログには完全に理解し、私のものにしたという気持ちで書けば役に立ちます。 私のストーリーを解きたいのですが、長すぎて... 私が就職するまで、学習順序は 1. ゼロ秒 Node クロール (JavaScript 何も知らないとき) 2. JavaScript(継続的に繰り返し学習し、インフラストラクチャ中心に勉強しました。) 3. ゼロ秒、キャプテン板橋vue 4.ライフコーディングreact、redux(YouTube) 5. John Ahnリアクトシリーズ(インフラ) 6. ゼロ秒 [リニューアル] react nodebird 7. nextjs トイプロジェクト (一番重要!! 人生の転換点) 8. github草の管理 9. 開発ブログ 10. 履歴書、ポートフォリオ管理 11. 面接と就職 ちゃんと就職するために準備した期間が思ったより短いのに(4ヶ月?)何か少しした感じもします。 勉強をたくさんできたきっかけが金土日夜間アルバしながら仕事がない時勉強してきたが、コロナで商売しなくてアルバできない時その時勉強すごいようです。 必ずこの講義だけを見て就職していませんでしたが、この講義を受講することで就職に役立っています。おそらくこの講義がなければ、他のアルバの仕事をしながら勉強を続けていると思います。 この講義を見てみると、どんなサイトでも作れる自信が生まれます。ファイティング!!

5.0

자유인

91% 受講後に作成

こんにちは!ゼロチョの授業を聞いてブロックチェーン会社に就職もしたし、別に私のプロジェクトの広報もする兼して受講評を作成するようになりました:) 現在も会社通いながらメンテナンス中のプロジェクト先に公開します!スタックなのにタイプスクリプト、Nestが追加されました! https://musicsseolprise.com ここに入ってくればいいです! 私が公開するプロジェクトはフロントに限ってノードバード講義だけをよく理解しても十分にできる難易度です! 私は専攻者でしたが、学部の時期、最後の学期の時は、データベースを除いてさまようことが多く、単位も良くなく、非専攻自慢とベースが差がなかったと見てください。 とりあえず講義の最大のメリットは質問解答!大きな助けになりました! そして、フロントアンドは変化が速すぎますので、勉強しているときにライブラリを書く理由を自分で質問してみてください。 個人的には私は就学生なら状態管理をRecoil.jsをすることをお勧めします。勉強する方がいいので、勉強してみて、リファクタリングで質問しながら勉強しています。お勧めします! ちなみに、私はタイプスクリプトを勉強して編んだコードをすべてタイプスクリプトに置き換えました!とブラウザ内蔵のapiを書きました。 とにかく忙しいのですが、質問いつも親切につけてくださってゼロチョー本当にありがとうございました!

5.0

OCK Sam

97% 受講後に作成

現業のフロントエンド開発者としてバックエンドの開発を困難にし、配布してみたかったのですが、曖昧な恐怖のために始めることができませんでした。 さてこの講義を通じて直接配布もしてみて、バックエンド作業もして本当に良かったです! 講義を聞く方は redux と saga の授業を聞くとき、ある程度パターンに慣れて指示面ゼロチョ様が redux、saga 作業する前にあらかじめ止めておき、フロントで redux と saga、backend router 作業をあらかじめしてみて講義を聞けばいいこと同じです^^!

受講後に得られること

  • リアクト開発

  • リダックス&リドックス佐賀

  • リアクトフックを使う

  • Styled Components

  • Ant Design

  • SWR

  • サーバーサイドレンダリング

  • 検索エンジン最適化

  • AWSデプロイ

新しく会うゼロ秒のリアクトノードバードプロジェクト!

リニューアルされた事項

next@9, styled-components@5, antd@4, node.js@14などのバージョンをカバーします。

next@14 と node.js@20 とも互換性があるので、最新バージョンに進んでください。 antd@5, next-redux-wrapper@8 の migration 方法は講義ノートと新ニュース(お知らせ)にまとめました。参考にしてみてください!

このコースはPages Routerをカバーしています。 App Routerコースはこのリンク(クリック)にあります。 App routerのコースがより最新ですが、このコースを残した理由は、 App Routerがまだ不安定なので、実務で書くには少し危険があります。安定するまではPages Routerを実務で使うことをお勧めします。


当部の言葉

昨年、多くの受講生がこの講座を聞いてくれました。ありがとうございます。ただし、申し上げたい言葉が一つあります。単に講義を目にしてもフルスタック開発者にはなりません(それは貪欲です)。直接的に打って、発生するエラーを解決し、講座にはない機能を作ってみながら出てくる技術を自分で作らなければなりません。

この講座は、実際に6ヶ月以上かかるカリキュラムを20時間近く続けてお見せすることです。 HTML、CSS、JS、Node、MySQL、AWSはすべて少なくとも1ヶ月以上投資する必要がある程度消化できます。そのため、講座は20時間分であっても別途の勉強が必要です。


ゼロ秒のReactで学ぶ
20時間フルスタック講座!

▲ NodeBird SNSの作成

  • Twitterに似ている(と書いて、こだわりと読む)ゼロ秒のシグネチャープロジェクトNodeBird SNSを作ってみて、サービス実装から展開まですべて学んでみましょう。
  • Next.js(SSR) + React Hooks + Redux + Redux saga + Ant Design + Styled Components + Node + Express + Sequelize(MySQL) を学びます。
  • 検索エンジン最適化とAWSデプロイ(簡単にEC2 + Lambda + S3 + Route53を使用)はボーナス!

自分で作ってみてください!

ログイン、投稿、いいね
画像のアップロード、コメント、リツイート

 

インフィニットスクロール、フォロー、アンフォロー

 

ハッシュタグ検索、ユーザープロファイル

 

質問にすばやく
答えます。

私のコースの利点はQ&Aです。質問があれば一日以内に答えてください。
講座に関する内容を自由に質問しながら積極的に勉強してみてください。
内容を理解するのに役立つでしょう!


知識共有者を紹介します。

Web開発ベストセラー
作者


関連講義

Webゲームを作って学ぶReact
無料でWebゲームでリアクトを学びましょう。
フロントに焦点を当て、バックエンドは追加の役割を果たします。
[リニューアル] Node.js教科書 - 基本からプロジェクト実習まで
ノードのコアコンセプトを学んだ後、
実践例では、実務に飛び込む準備を整えます。
VueでNodebird SNSを作成する
Vueで作るフルスタックSNS講座!

こんな方に
おすすめです

学習対象は
誰でしょう?

  • リアクトフックやNextのようにリアクトを応用したい方

  • フルスタック開発に興味のある方

  • フロントエンド開発者志望生

  • Next Page Routerを積極的に使ってみたい方

前提知識、
必要でしょうか?

  • HTML、CSSの知識

  • JavaScriptの最新の文法知識

  • ゼロ秒のリアクト無料講座視聴

こんにちは
zerochoです。

67,382

受講生

1,726

受講レビュー

9,762

回答

4.8

講座評価

25

講座

私の講義の強みはQ&Aです(Inflearn回答王を2回受賞)。24時間以内にできる限りお答えします!一緒に悩んでいるという気持ちで回答させていただきます!

私の講座の大きな強みはQ&Aサポートです。(インフラーンQ&A王賞を2回受賞)24時間以内にご質問にお答えし、最善を尽くしてサポートいたします!問題を一緒に解決している感覚を味わっていただけるでしょう。

👉ZeroCho Lectures
ZeroCho(ゼロチョ)講義の全ロードマップ。私の全コースの完全なロードマップはこちらでご確認いただけます。

– 『Node.js教科書』、『コーディング自律学習 ZeroChoのJavaScript』、『Let's Get IT JavaScript』、『TypeScript教科書』著者
ZeroCho.com 運営者
– 現) YouTubeにてZeroCho TVで開発関連の放送中
– 元) Smoretalk CTO
– 元) 今日のピックアップ CTO(カカオモビリティにエグジット後、カカオモビリティ最年少開発パート長)

  • Node.js教科書ZeroChoの独学JavaScriptLet's Get IT JavaScriptTypeScript教科書の著者

  • ZeroCho.comの運営者

  • 現在、開発関連のトピックを扱うYouTubeチャンネルZeroCho TVを運営中

  • SmoreTalk CTO

  • Today Pickup CTO(カカオモビリティに買収、最年少リード開発者として合流)

もっと見る

カリキュラム

全体

94件 ∙ (23時間 3分)

講座掲載日: 
最終更新日: 

受講レビュー

全体

177件

4.9

177件の受講レビュー

  • sorayeon님의 프로필 이미지
    sorayeon

    受講レビュー 81

    平均評価 5.0

    5

    99% 受講後に作成

    講義は満足です。 わかりやすく説明してください。 サービスもうまく動作します。 sagaで頑張った後、toolkitに変更してみてください。サンプルで一つやってみると上手ですね。 まだBackend SSR配布など残っていて楽しいですね。 楽しく頑張ります!ありがとうございます。

    • qnrjs42님의 프로필 이미지
      qnrjs42

      受講レビュー 18

      平均評価 4.8

      5

      99% 受講後に作成

      講義の購入 悩みながらこの記事をご覧いただくと、すぐに受講してください後悔しません。 こんにちはこの講義を聞いて就職することになりました。 この講義を受講した後や受講しながらトイプロジェクトを定めて実行してください。 そして記録する習慣があれば良いです。または開発ブログを作成してください。 講義を受講しながら知らない部分は必ず記録してください。 開発ブログには完全に理解し、私のものにしたという気持ちで書けば役に立ちます。 私のストーリーを解きたいのですが、長すぎて... 私が就職するまで、学習順序は 1. ゼロ秒 Node クロール (JavaScript 何も知らないとき) 2. JavaScript(継続的に繰り返し学習し、インフラストラクチャ中心に勉強しました。) 3. ゼロ秒、キャプテン板橋vue 4.ライフコーディングreact、redux(YouTube) 5. John Ahnリアクトシリーズ(インフラ) 6. ゼロ秒 [リニューアル] react nodebird 7. nextjs トイプロジェクト (一番重要!! 人生の転換点) 8. github草の管理 9. 開発ブログ 10. 履歴書、ポートフォリオ管理 11. 面接と就職 ちゃんと就職するために準備した期間が思ったより短いのに(4ヶ月?)何か少しした感じもします。 勉強をたくさんできたきっかけが金土日夜間アルバしながら仕事がない時勉強してきたが、コロナで商売しなくてアルバできない時その時勉強すごいようです。 必ずこの講義だけを見て就職していませんでしたが、この講義を受講することで就職に役立っています。おそらくこの講義がなければ、他のアルバの仕事をしながら勉強を続けていると思います。 この講義を見てみると、どんなサイトでも作れる自信が生まれます。ファイティング!!

      • next.jsトイプロジェクトはどこで受講しましたか?

      • この部屋の回答がたくさん遅れましたね アラームが出てこなかったので返事が付いたこともわかりませんでした。 トイプロジェクトはクローンコーディングと似ていますが、講義ではありません。 特定サイト定めて一つ一つクローンしました。

    • ksw50621916님의 프로필 이미지
      ksw50621916

      受講レビュー 4

      平均評価 5.0

      5

      91% 受講後に作成

      こんにちは!ゼロチョの授業を聞いてブロックチェーン会社に就職もしたし、別に私のプロジェクトの広報もする兼して受講評を作成するようになりました:) 現在も会社通いながらメンテナンス中のプロジェクト先に公開します!スタックなのにタイプスクリプト、Nestが追加されました! https://musicsseolprise.com ここに入ってくればいいです! 私が公開するプロジェクトはフロントに限ってノードバード講義だけをよく理解しても十分にできる難易度です! 私は専攻者でしたが、学部の時期、最後の学期の時は、データベースを除いてさまようことが多く、単位も良くなく、非専攻自慢とベースが差がなかったと見てください。 とりあえず講義の最大のメリットは質問解答!大きな助けになりました! そして、フロントアンドは変化が速すぎますので、勉強しているときにライブラリを書く理由を自分で質問してみてください。 個人的には私は就学生なら状態管理をRecoil.jsをすることをお勧めします。勉強する方がいいので、勉強してみて、リファクタリングで質問しながら勉強しています。お勧めします! ちなみに、私はタイプスクリプトを勉強して編んだコードをすべてタイプスクリプトに置き換えました!とブラウザ内蔵のapiを書きました。 とにかく忙しいのですが、質問いつも親切につけてくださってゼロチョー本当にありがとうございました!

      • heruse7318님의 프로필 이미지
        heruse7318

        受講レビュー 4

        平均評価 2.5

        5

        37% 受講後に作成

        JavaScriptの仕事も知らない開発者でした。 ユツクゼロ秒チャンネルを通して ゲームで学ぶJavaScriptジャストンまで聞いて 早くリアクト開始したい気持ちでリアクト初級講座でコンセプトだけがピッタリと得てこれを聞きました。原則を中心に説明しているスターだから興味があれば、非専攻者が聞いても従うことができます。文法については中途半端なGoogleで検索して知ればいいですからね。そして、質問に答えて早くつけてくれるのも大きな手引きになりました。

        • kaei25740567님의 프로필 이미지
          kaei25740567

          受講レビュー 2

          平均評価 4.5

          5

          97% 受講後に作成

          現業のフロントエンド開発者としてバックエンドの開発を困難にし、配布してみたかったのですが、曖昧な恐怖のために始めることができませんでした。 さてこの講義を通じて直接配布もしてみて、バックエンド作業もして本当に良かったです! 講義を聞く方は redux と saga の授業を聞くとき、ある程度パターンに慣れて指示面ゼロチョ様が redux、saga 作業する前にあらかじめ止めておき、フロントで redux と saga、backend router 作業をあらかじめしてみて講義を聞けばいいこと同じです^^!

          zerochoの他の講座

          知識共有者の他の講座を見てみましょう!

          似ている講座

          同じ分野の他の講座を見てみましょう!

          期間限定セール、あと6日日で終了

          ¥61,600

          30%

          ¥10,776