Next + React Query で SNS サービスを作成する
zerocho
React19 & Next15 & ReactQuery5 & Next Auth5 & MSW2 & socket.io4 & zustand 스택을 사용하여 Twitter(X.com)와 유사한 SNS 서비스를 만들어보겠습니다. 마지막으로 검색 엔진 최적화를 위한 SSR까지!
중급이상
Next.js, React, react-query
BEST
[改訂3版] Node.js教科書 - 基本からプロジェクト実習まで
ノードとは何か、最新のJavaScript文法、ノードのAPI、npm、モジュールシステム、データベース、テストなどについて学び、5つの実例を使ってプロジェクトを作成します。サービスをクラウドにデプロイしたり、ノードプロジェクトをTypeScriptに変換したりすることもできます。
学習した受講者のレビュー
受講後に得られること
Node.js
NPM
Express.js
サーバー
MySQL
MongoDB
sequelize
mongoose
テスト
socket.io(WebSocket)
サーバー送信イベント
AWS 配布 (S3、Lambda)
TypeScript の変換
2023年最新！新しく戻ったNode.js教科書、
ゼロ秒でノードを起動しよう！
話題のNode.js入門ベストセラー
Node.js教科書を最新映像に！
Inflearn 受講生 4,200人が選んだ講義リニューアル
Node.js教科書改訂3版（ギルベット）の内容を扱う動画講義です。ノードが何であるかから、JavaScript（JavaScript）最新の文法、ノードAPI、npm、モジュールシステム、データベース、テストなどを学び、5つの実践例でプロジェクトを作成してから、AWSにデプロイすることで仕上げます。
840ページの本の内容を1500分の画像で学びます。 ギルベットザブックからノード教科書の本を8枚まで無料でご覧いただけますので、一緒にご覧いただくことをおすすめいたします。
Node.js教科書、こんな方にオススメです！
フロントエンド開発者ですが、
バックエンドに向かって
底辺を広げたい方
Web/モバイルアプリケーション
JavaScriptで作成する
あらかじめノードを学びたい方
ノードを実践する
どのように使用するか
気になる方
ノードプログラムをテストし、
サービスをクラウドに
配布したい方
Node.js教科書
ビデオ講義とともに
見たい方
Node.jsプロジェクト
タイプスクリプトとして
切り替えたい方
「実務」に通じるノード実力、
ゼロ秒で育ててください。
基本をタイトにしたNode.js学習
なぜNode.jsを使用するのですか？サーバーとして、ノードにはどのような特徴がありますか？タイプスクリプトをノードに適用することで得られる利点は何ですか？ Node.js開発者であれば、知っておくべき重要な概念、機能、構造を詳細に学んでみてください。
実力を高める実用的な例
リアルタイムGIFチャットルーム、オークションシステム、CLIプログラム、TwitterなどのノードバードSNS Webアプリなど、さまざまな例に沿って作成できます。練習により、モジュールの使用、呼び出し、テスト、デプロイなど、実際のプロジェクトに必要なコアテクノロジーを自然に学ぶことができます。
鮮やかに学ぶライブコーディング
すでに作成したソースコードを複製しません。ライブコーディング中心の授業を通じて開発する過程で発生する可能性のあるエラーを解決する方法やノウハウまでそっくり確認することができます。
実務に通じる12以上のスキルを一度に。
双方向通信で
よりよく理解できるように。
私の講義の利点はQ&Aです。
- 質問/回答による積極的な学習を目指します。
- ご質問いただくと48時間以内にお答えします。
- 受講生の皆さんによく出てくる質問については、授業を修正したり、新聞を通じて更新・補足しています。
- 講義に関する内容を自由に質問しながら勉強してみてください。内容を理解するのに役立ちます！
すでに多数の開発者が
Node.js教科書に成長しています。
★★★★★
ゼロチョのNode.js講義とReact-nodebird講義の両方を受講しました。非常に理解しやすく、修正される部分について素早く反映してくれます。講義の最大の強みであるQ&Aや応用する部分でも親切に教えてくれます。完璧な解決策が得られなくても大きなヒントを得て解決することも非常に多かったです。本当に良い講義です。
★★★★★
実務的に使われる部分を親切に説明してくださって良かったし、これだけ詳細で良いクオリティで説明してくださる方は初めてのようです！実務で働いてくれたのか、知識が途方もなくなったようで驚きながら聞きました。概念だけを教えてくれるのではなく、いくつかの例を作ってみて、さまざまな知識を得ることができて良かったし、私は完全におすすめです！
★★★★★
私は新しいプロジェクトを準備していますが、Node.jsを選択することに決めて正しい選択かどうか心配がありました。ゼロチョン講義を聞いてノードについて少しは自信があります。講義の内容が実務を本当にたくさんしてみた方だとわかりやすいですね。良い講義ありがとうございます。
★★★★★
JSから始めてNode.js講義も聞いているのですが、本当にたくさん学べました。また、非同期と同期の違いをはっきりと知ることになり、本当に突き抜けた気分を感じることができました！プロジェクトをするために学園を通っていますが、学園で学ぶ内容と課題もすべてここで学んだことですべてが解釈になります。本当にありがとうございました！
多くの人がJavaScriptの陣営の魅力を感じるのを助けます。
「ブラウザ団で独占言語であるJavaScriptもこれまで備えてきた生態系がより堅固になるのではないかと思います。特にJavaScriptは、コスト効率と生産性の面でビジネスをするのに最適な言語だと思います。それで、未来にも人気があると思います」
― Inflearnが出会った人、ゼロ秒インタビュー（読む）
一緒に見れば良い講義
💾学習前の注意
- プレーヤーの知識として、JavaScriptとES5の理解が不可欠です。
- セクション0〜8はゼロ秒YouTubeに無料で公開されています。
- 本がなくても羽毛にソースコードが公開されていて受講できます！
- ノード教科書の本は、ギルベットザブックから8枚まで無料で公開されています。
- 講義教案はこちらからダウンロードできます。
- ソースコードは同じですが、書籍の内容と説明の一部が異なる場合があります。
こんな方に
おすすめです
学習対象は
誰でしょう？
Web サーバーの概念を学びたい方
Node.js でサーバーを作成したい方
フロントエンド開発のために Node をさらに深く勉強したい方
Node サービスをクラウドにデプロイしたい方
既存の Node プロジェクトを TypeScript に変換したい方
前提知識、
必要でしょうか？
HTML
JavaScriptの文法知識（ES5）
66,503
受講生
1,682
受講レビュー
9,755
回答
4.8
講座評価
22
講座
제 강의의 장점은 Q&A입니다(인프런 답변왕 2회 수상). 24시간 이내에 최대한 답변드립니다! 같이 고민한다는 느낌으로 답변 드릴게요!
One of the key strengths of my courses is the Q&A support. (Winner of the Inflearn Q&A King award twice) I respond to your questions within 24 hours, doing my best to help you out! You’ll feel like we’re solving the problems together.
👉ZeroCho Lectures
제로초 강의 전체 로드맵. A complete roadmap of all my courses is available here.
– Node.js교과서, 코딩자율학습 제로초의 자바스크립트, Let's Get IT 자바스크립트, 타입스크립트 교과서 저자
– ZeroCho.com 운영자
– 현) 유튜브에서 ZeroCho TV로 개발 관련 방송중
– 현) 스모어톡 CTO
– 전) 오늘의픽업 CTO(카카오모빌리티에 엑싯 후 카카오모빌리티 최연소 개발파트장)
Author of Node.js Textbook, Self-Guided JavaScript by ZeroCho, Let's Get IT JavaScript, and TypeScript Textbook
Operator of ZeroCho.com
Currently running a YouTube channel ZeroCho TV, covering development topics
CTO at SmoreTalk
Former CTO at Today Pickup (acquired by Kakao Mobility, where I became the youngest lead developer)
カリキュラム
全体
115件 ∙ (27時間 21分)
9. 呼び出しスタックを学ぶ
09:47
10. イベントループを学ぶ
19:58
11. var, const, let
05:23
13. 矢印関数
08:15
14. 構造分解の割り当て
04:14
15. クラス
03:25
18. オプションチェイン、ヌルマージ
10:49
20. REPLとjsファイルを実行する
08:05
24. グローバル、コンソール、タイマー
13:11
25. process
08:27
26. os と path
12:15
28. cryptoとutil
17:36
29. worker_threads
20:22
30. child_process
05:47
31. ファイルシステムの使用
16:50
32. バッファとストリームを理解する
15:27
34. スレッドプールとカスタムイベント
08:39
35. エラー処理
08:51
講座掲載日:
最終更新日:
受講レビュー
全体
63件
4.8
63件の受講レビュー
backendwoonie受講レビュー 2
∙
平均評価 5.0
- chisgm3118773
受講レビュー 2
∙
平均評価 5.0
- askadj810659
受講レビュー 1
∙
平均評価 5.0
- hyungjulee
受講レビュー 33
∙
平均評価 5.0
- yihs973731
受講レビュー 3
∙
平均評価 5.0
￥6,177
zerochoの他の講座
知識共有者の他の講座を見てみましょう！
![[リニューアル]タイプスクリプトオールインワン：Part2。実戦分析編강의 썸네일](https://cdn.inflearn.com/public/courses/329424/cover/5ae4e14d-c643-46be-9d4d-be3987a1f883/329424-eng.png?f=avif&w=420)
![[リニューアル]タイプスクリプトオールインワン：Part1。강의 썸네일](https://cdn.inflearn.com/public/courses/329282/cover/08ece3d3-46fe-4a46-932b-8aca91135e8e/329282-eng2.png?f=avif&w=420)
![配信アプリ クローンコーディング [with React Native]강의 썸네일](https://cdn.inflearn.com/public/courses/328411/cover/b51a3e0d-e2b3-49b3-8f7c-7677fb920434/328411-eng.png?f=avif&w=420)
![Slack クローン コーディング [NestJS + TypeORM を使用したバックエンド]강의 썸네일](https://cdn.inflearn.com/public/courses/327193/cover/010c8faf-bfc5-4c6a-9623-a68dc3b38697/327193-eng.png?f=avif&w=420)
![[リニューアル]コーディング自律学習ゼロ秒のJavaScript入門강의 썸네일](https://cdn.inflearn.com/public/courses/327126/cover/edca2ab2-47b4-45b7-92c6-5bb00fd125eb/327126.jpg?f=avif&w=420)
![Slack クローン コーディング [React を使用したリアルタイム チャット]강의 썸네일](https://cdn.inflearn.com/public/courses/326673/cover/e430860b-4ad4-4b01-b4c7-64dccfc64b3a?f=avif&w=420)
![[リニューアル] ReactでNodeBird SNSを作成する강의 썸네일](https://cdn.inflearn.com/public/course-325637-cover/d5fd6216-71d1-490e-8759-594cbbdc1973?f=avif&w=420)
似ている講座
同じ分野の他の講座を見てみましょう！
![[Web開発フルスタックコース] Node.jsプロジェクト投入1週間前 - 基礎から実務まで강의 썸네일](https://cdn.inflearn.com/public/courses/330080/cover/53450c0a-fe6a-448a-a968-54803487b395/nodejs-1.jpg?f=avif&w=420)
