
Next + React Query で SNS サービスを作成する
zerocho
React19 & Next15 & ReactQuery5 & Next Auth5 & MSW2 & socket.io4 & zustand 스택을 사용하여 Twitter(X.com)와 유사한 SNS 서비스를 만들어보겠습니다. 마지막으로 검색 엔진 최적화를 위한 SSR까지!
Intermediate
Next.js, React, react-query
リアクトはフロントエンド開発の花! 実習を通じてリアクトに興味をつけて、自分だけのサービスを企画から開発、配布まで完成してみてください。 サービスを高度化して収益化までする方法まで盛り込みました!

企画から開発、配布までサービス完成
JavascriptとReactの比較
実践を通してReactのコアコンセプトを学ぶ
リアクト、公式文書が重要だから
読んでみましたがよくわかりません。
公式文書主な概念に基づいて実習を進めます。
サービス完成とともにリアクト基本も学べますよ!
📝
ポートフォリオを作りたいのですが、
どのように始めるべきかは終わりです。
リアクトで始まる独自のサービスを作成する
企画から開発、展開までのプロセスを学びましょう!

最近ホットなMBTIで直接自分のテストを作成します。
直接企画し、テストの原理を探求し、アルゴリズムを作ってみましょう。
広告を通じて自分だけのサービス収益化を進めます。
コードプレイグラウンドを使った実習を通じて
概念をより早く理解します。

サービス開発前の公式文書に基づき、実習を通じて
リアクトコンセプト講義が行われます。
bootstrap、styled-component、react-router-dom最新バージョンをプロジェクトに直接適用します。
ウェブサービスを直接企画し、
開発と展開まで進みます。
Q.選手知識がなければ聞きにくいですか?
A. いいえ!誰でも簡単に学べるように構成しました。講義によく従うとサービスを完成できます。
Q.質問があります✋🏻
A.講義ピピティの最初の画面にあるEメールで質問を送ってください!できるだけ早くお答えいたします。
Q. 講義の際に使ったコードを見たいです!
A.レッスンの際に使用したコードはFitHubにアップロードされています。講義用、最終完成用に区分しておいたので、必要に応じて選んで参考にしてもらえます。
新しい技術に興味を持ち、技術の本質的な部分を探求するフロントエンド開発者
新しく知った内容をまとめる技術ブログを運営しています。
フラッグハブ
ブログ
学習対象は
誰でしょう?
Reactに初めて触れる方
素早くReactを学び、実践に応用したい人
React公式文書を見ましたが、まだわからない人
前提知識、
必要でしょうか?
HTML、CSS、Javascript
全体
21件 ∙ (4時間 5分)
講座資料(こうぎしりょう):
1. Orientation
03:47
2. Reactを試す
05:33
3. JSXについて
14:08
4. Virtual DOM
09:21
6. Stateを扱う
09:51
7. イベント処理
18:30
8. HooksとJS関数の使用
24:42
9. MBTIの作成を開始
04:08
10. 開発環境の設定
09:39
11. ホーム画面の作成
19:24
12. ページをルーティングする
11:40
13. 質問ページの作成
12:05
14. テストロジックを完了する
24:25
15. 結果ページの作成
08:44
16. 結果ロジックを完成させる
13:27
17. サービスの展開
08:08
18. 共有する機能を追加する
21:10
19. 私のサービスで収益を得る
04:07
20. SEOの最適化
11:18
21. 講義仕上げ
01:50
全体
17件
4.4
17件の受講レビュー
受講レビュー 1
∙
平均評価 5.0
5
現在初級でフロントを開発している立場として、多くのお役に立ちました! ランダムフロント開発をすることを教えてくれるのではなく、企画をしてその企画をもとになぜこんなにコードを織るのか考えて開発をする方法を知っていきます!
ありがとうございます!いつも良い講義を作って提供します! ご希望の講義がありましたら、お気軽にお問い合わせいただければ制作に参考いたします!
受講レビュー 1
∙
平均評価 5.0
5
ジョグンジョグンについて説明してくれてわかりやすいです~~ 特に、同じコードをJavaScript、Reactorなどさまざまな方法で比較して、例のコードで説明してくれる部分は気に入っています。
ありがとうございます!次の制作講義でも参考にして、より良い講義を提供するよう努めてまいります!
受講レビュー 1
∙
平均評価 5.0
5
簡単に教えてくれてありがとう。初心者の開発者にとって多くの力になりました。
多くの力になったというコメントが私たちにも多くの力になっています。ありがとうございます。
同じ分野の他の講座を見てみましょう!