BEST

Full-stack

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

Name: [リニューアル] ReactでNodeBird SNSを作成する
Price: 88000 KRW
Rating: 4.9 (177 reviews)

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

（4.9）受講レビュー 177件

受講生 3,712名

zerocho

React

Redux

Node.js

Express

Next.js

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

受講後に得られること

リアクト開発
リダックス＆リドックス佐賀
リアクトフックを使う
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です。質問があれば一日以内に答えてください。
講座に関する内容を自由に質問しながら積極的に勉強してみてください。
内容を理解するのに役立つでしょう！

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

_{ゼロ秒ブログと
YouTubeチャンネルの運営}

_{Web開発ベストセラー}_作者

_{株式会社今日のピックアップ
CTO}

こんな方に
おすすめです

学習対象は
誰でしょう？

リアクトフックやNextのようにリアクトを応用したい方
フルスタック開発に興味のある方
フロントエンド開発者志望生
Next Page Routerを積極的に使ってみたい方

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

HTML、CSSの知識
JavaScriptの最新の文法知識
ゼロ秒のリアクト無料講座視聴

こんにちは
です。

66,445

受講生

1,676

受講レビュー

9,753

回答

4.8

講座評価

講座

제 강의의 장점은 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)

カリキュラム

全体

94件 ∙ (23時間 3分)

セクション 1．Hello、Next.js

8件 ∙ (1時間 34分)

セクション 2．antdを使用してSNS画面を作成する

9件 ∙ (1時間 47分)

9. antd と styled-components
10:55
10. _app.jsとヘッド
09:18
11. レスポンシブグリッドを使用する。
11:33
12. ログインフォームの作成
09:36
13. リレンダリングを理解する
09:59
14. ダミーデータでログインする
08:39
15. Chromeの拡張プログラムとQ&A
11:53
16. プロフィールページの作成
18:28
17. 会員登録ページを作成する（カスタムフック）
17:06

セクション 3．Reduxを連携する

12件 ∙ (2時間 48分)

18. リダックスの設置とニーズの紹介
13:25
19. リダックスの原理と不変性
17:07
20. リダックスを実際に実装する
14:50
21. ミドルウェアとリダックスデブツール
09:46
22. リデューサーの分割
08:13
23. ダミーデータとポストフォームの作成
19:43
24. 投稿を実装する
17:05
25. コメントを実装する
12:45
26. 画像の実装
09:37
27. イメージカルーセルを実装する（react-slick）
16:02
28. グローバルスタイルとコンポーネントフォルダ構造。
19:00
29. 投稿ハッシュタグリンクにする
11:11

セクション 4．Redux-sagaを連動させる

13件 ∙ (3時間 23分)

セクション 5．バックエンドノードサーバーの構築

25件 ∙ (6時間 38分)

セクション 6．Next.jsサーバーサイドレンダリング

12件 ∙ (2時間 47分)

セクション 7．AWS にデプロイする

9件 ∙ (2時間 22分)

セクション 8．ボーナス

6件 ∙ (1時間 41分)

講座掲載日:

最終更新日:

受講レビュー

全体

177件

4.9

177件の受講レビュー

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ヶ月？）何か少しした感じもします。勉強をたくさんできたきっかけが金土日夜間アルバしながら仕事がない時勉強してきたが、コロナで商売しなくてアルバできない時その時勉強すごいようです。必ずこの講義だけを見て就職していませんでしたが、この講義を受講することで就職に役立っています。おそらくこの講義がなければ、他のアルバの仕事をしながら勉強を続けていると思います。この講義を見てみると、どんなサイトでも作れる自信が生まれます。ファイティング!!
- akdlgusdnr262062
  next.jsトイプロジェクトはどこで受講しましたか？
- qnrjs42
  この部屋の回答がたくさん遅れましたねアラームが出てこなかったので返事が付いたこともわかりませんでした。トイプロジェクトはクローンコーディングと似ていますが、講義ではありません。特定サイト定めて一つ一つクローンしました。
ksw50621916
受講レビュー 4
∙
平均評価 5.0
5
91% 受講後に作成
こんにちは！ゼロチョの授業を聞いてブロックチェーン会社に就職もしたし、別に私のプロジェクトの広報もする兼して受講評を作成するようになりました:) 現在も会社通いながらメンテナンス中のプロジェクト先に公開します！スタックなのにタイプスクリプト、Nestが追加されました！ https://musicsseolprise.com ここに入ってくればいいです！私が公開するプロジェクトはフロントに限ってノードバード講義だけをよく理解しても十分にできる難易度です！私は専攻者でしたが、学部の時期、最後の学期の時は、データベースを除いてさまようことが多く、単位も良くなく、非専攻自慢とベースが差がなかったと見てください。とりあえず講義の最大のメリットは質問解答！大きな助けになりました！そして、フロントアンドは変化が速すぎますので、勉強しているときにライブラリを書く理由を自分で質問してみてください。個人的には私は就学生なら状態管理をRecoil.jsをすることをお勧めします。勉強する方がいいので、勉強してみて、リファクタリングで質問しながら勉強しています。お勧めします！ちなみに、私はタイプスクリプトを勉強して編んだコードをすべてタイプスクリプトに置き換えました！とブラウザ内蔵のapiを書きました。とにかく忙しいのですが、質問いつも親切につけてくださってゼロチョー本当にありがとうございました！
kaei25740567
受講レビュー 2
∙
平均評価 4.5
5
97% 受講後に作成
現業のフロントエンド開発者としてバックエンドの開発を困難にし、配布してみたかったのですが、曖昧な恐怖のために始めることができませんでした。さてこの講義を通じて直接配布もしてみて、バックエンド作業もして本当に良かったです！講義を聞く方は redux と saga の授業を聞くとき、ある程度パターンに慣れて指示面ゼロチョ様が redux、saga 作業する前にあらかじめ止めておき、フロントで redux と saga、backend router 作業をあらかじめしてみて講義を聞けばいいこと同じです^^！
heruse7318
受講レビュー 4
∙
平均評価 2.5
5
37% 受講後に作成
JavaScriptの仕事も知らない開発者でした。ユツクゼロ秒チャンネルを通してゲームで学ぶJavaScriptジャストンまで聞いて早くリアクト開始したい気持ちでリアクト初級講座でコンセプトだけがピッタリと得てこれを聞きました。原則を中心に説明しているスターだから興味があれば、非専攻者が聞いても従うことができます。文法については中途半端なGoogleで検索して知ればいいですからね。そして、質問に答えて早くつけてくれるのも大きな手引きになりました。
9uke
受講レビュー 2
∙
平均評価 3.5
3
88% 受講後に作成
この講義の長所と短所を記録しようと思います。利点 1. 講義内容があまりにもわかる欠点 1. コードをコピー・ペーストする区間や、編集して突然完成したコードが出るたびに突然生じたコードなので、このコードをどこから取り込んだのか、どんな内容を修正したのかについての説明が足りず、この部分で時間がかかります。 2. 講義によく従うと、途中でエラーが発生するが、講義自体で生じたミスなので、次の講義で訂正する区間が出るが、これに対する言及がないため、次の講義を見るまでは、本人がどこでミスをしたのか探し続ける。講義内容があまりにもわかるが編集部分がたくさん残念だ。

￥10,933

zerochoの他の講座

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

React Native with Expo: ゼロチョから正しく学ぶ

zerocho

Web開発者が(特にReact開発者であれば)本当に簡単にアプリをリリースできる時代になりました。Expoと一緒なら、より一層速くAndroidとiOSアプリの両方をリリースできます。Expoを通じて迅速にアプリまでリリースできる開発者になりましょう。

초급

React, React Native, Hybrid App

React Native with Expo: ゼロチョから正しく学ぶ

zerocho

TS/JSデザインパターン with Canvas: ゼロ秒にしっかり学ぶ

zerocho

タイプスクリプト/JavaScriptでペイントを作成し、さまざまなデザインパターンの使い方と長所と短所を学びます。 canvas apiを学べるのはボーナス！

중급이상

Design Pattern, oop, TypeScript

TS/JSデザインパターン with Canvas: ゼロ秒にしっかり学ぶ

zerocho

[改訂3版] Node.js教科書 - 基本からプロジェクト実習まで

zerocho

ノードとは何か、最新のJavaScript文法、ノードのAPI、npm、モジュールシステム、データベース、テストなどについて学び、5つの実例を使ってプロジェクトを作成します。サービスをクラウドにデプロイしたり、ノードプロジェクトをTypeScriptに変換したりすることもできます。

초급

Node.js, Express, MySQL

[改訂3版] Node.js教科書 - 基本からプロジェクト実習まで

zerocho

Next + React Query で SNS サービスを作成する

zerocho

React19 & Next15 & ReactQuery5 & Next Auth5 & MSW2 & socket.io4 & zustand 스택을 사용하여 Twitter(X.com)와 유사한 SNS 서비스를 만들어보겠습니다. 마지막으로 검색 엔진 최적화를 위한 SSR까지!

중급이상

Next.js, React, react-query

Next + React Query で SNS サービスを作成する

zerocho

テスト with Jest: ゼロ秒に正しく学ぶ

zerocho

このレッスンでは、テストが必要な場合とテストを行う際の利点をJestフレームワークで紹介します。リアクト、Expressなどにユニットテスト、統合テストを適用してみます。

초급

Software Test, Jest, react-testing-library

テスト with Jest: ゼロ秒に正しく学ぶ

zerocho

[リニューアル]タイプスクリプトオールインワン：Part1。

zerocho

タイプスクリプトの基本文法を学び、他の人が作成したタイプを分析する方法と、私が直接タイプを作成する方法を学びます。

초급

TypeScript

[リニューアル]タイプスクリプトオールインワン：Part1。

zerocho

非専攻者の専攻者に追いつく - ネットワーク、HTTP

zerocho

HTTPを扱う開発者であるか、開発者になりたいのですが、コンピュータ学科を専攻していないため、ネットワークが弱い方、この講座一つで生涯知識を得てください！

입문

Network, tcpip, websockets

非専攻者の専攻者に追いつく - ネットワーク、HTTP

zerocho

配信アプリクローンコーディング [with React Native]

zerocho

リアクトネイティブでライダー用の配信アプリを作成します。 6年間リアクトネイティブで5つ以上のアプリを作成し、カカオモビリティに売却した開発者の講義です。

중급이상

React Native

配信アプリクローンコーディング [with React Native]

zerocho

非専攻者の専攻者追いつく - データベース、SQL

zerocho

すでに開発者や開発者になりたいのですが、コンピュータ学科を専攻していないため、データベースが弱い方、この講座一つで生涯知識を得てください！

입문

DBMS/RDBMS, SQL, MySQL

非専攻者の専攻者追いつく - データベース、SQL

zerocho

Slack クローンコーディング [React を使用したリアルタイムチャット]

zerocho

Slack サービスを参考に、本格的な React Web 開発を始めましょう。会員登録、ログイン、ルームの作成、リアルタイムチャットまで!

중급이상

Clone Coding, React, TypeScript

Slack クローンコーディング [React を使用したリアルタイムチャット]

zerocho

Node.jsにTypeScriptを適用する（feat. NodeBird）

zerocho

Node.jsにタイプスクリプトを適用し、既存のnpmパッケージにタイプを追加するか、直接タイプスクリプトライブラリを作成しましょう。

중급이상

Web Application, TypeScript, Node.js

Node.jsにTypeScriptを適用する（feat. NodeBird）

zerocho

Node.jsでWebをクロールする

zerocho

ネイバー、アマゾン、Twitter、YouTube、Facebook、Instagram、unsplash.comなどのサイトをクロールして本番に適用します。

중급이상

JavaScript, Node.js, Web Crawling

Node.jsでWebをクロールする

zerocho

Slack クローンコーディング [NestJS + TypeORM を使用したバックエンド]

zerocho

Node.js の Spring と呼ばれる NestJS を学び、Dependency Injection の利便性を体験しましょう。API 開発から、Express との比較、デプロイ、テストまで、すべてを学びましょう。

중급이상

NestJS, TypeORM, Express

Slack クローンコーディング [NestJS + TypeORM を使用したバックエンド]

zerocho

[リニューアル]タイプスクリプトオールインワン：Part2。実戦分析編

zerocho

タイプスクリプトの基本的な文法を学んだことで、有名なライブラリの複雑なタイプを分析する方法を学びましょう。

중급이상

TypeScript

[リニューアル]タイプスクリプトオールインワン：Part2。実戦分析編

zerocho

非専攻者の専攻者追いつく - 資料構造(with JavaScript)

zerocho

アルゴリズム勉強の必須選手科目である資料構造！様々な資料構造をJavaScriptで学びましょう！

초급

JavaScript, Algorithm, Coding Test

非専攻者の専攻者追いつく - 資料構造(with JavaScript)

zerocho

[リニューアル]コーディング自律学習ゼロ秒のJavaScript入門

zerocho

本講義ではJavaScriptを活用してプログラミング思考力を養う練習を行います。ウェブゲームである球球団をはじめとする、数字野球、反応速度テスト、チックタクト、宝くじ抽選機、はさみロック、カードマッチングゲーム、テキストRPG、地雷探し、2048ゲーム、ほくろ捕獲まで一緒に作ってみましょう。

초급

JavaScript

[リニューアル]コーディング自律学習ゼロ秒のJavaScript入門

zerocho

Webゲームを作成して学習するReactにTypeScriptを適用する

zerocho

リアクトで作ったウェブゲームとReact Router、Redux、MobXにタイプスクリプトを貼り付けてリアクトとタイプスクリプトを一緒に使ってみましょう。

중급이상

React, TypeScript

Webゲームを作成して学習するReactにTypeScriptを適用する

zerocho

Redux vs MobX（両方を学ぼう！）

zerocho

RedoxとMob Xを選ぶのを心配していますか？一度、両方を学んでから悩みましょう！

초급

Redux, MobX

Redux vs MobX（両方を学ぼう！）

zerocho

Webゲームを作って学ぶVue

zerocho

簡単な8つのWebゲームを作成し、Vue.jsとVueで使用されるVuex、Vue Routerを学びます。

초급

Vue.js, Webpack, Vuex

Webゲームを作って学ぶVue

zerocho

VueでNodebird SNSを作成する

zerocho

VueとNuxtフレームワークを使用してSNSサービスを作成します。サービスに必要なフルスタックの知識を学びます。

중급이상

Vue.js, Node.js, AWS

VueでNodebird SNSを作成する

zerocho

似ている講座

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

真似して学ぶNode、Reactシリーズ - ショッピングモールサイト作り[全面リニューアル]

John Ahn

この講義を通じてショッピングモールウェブサイトを最初から一つ一つ作ってみることができます。

중급이상

React, Redux, Node.js

真似して学ぶNode、Reactシリーズ - ショッピングモールサイト作り[全面リニューアル]

John Ahn

Next + React Query で SNS サービスを作成する

zerocho

중급이상

Next.js, React, react-query

Next + React Query で SNS サービスを作成する

zerocho

[フルスタック入門] Firebaseより10倍良いSupabase

lopun

フルスタック開発を加速させるSupabase！Firebaseの上位互換のSupabaseで、フルスタック開発を2時間で完成させます。

초급

PostgreSQL, Next.js, TailwindCSS

[フルスタック入門] Firebaseより10倍良いSupabase

lopun

フルスタックリアクトライブコーディング - シンプルなショッピングモールを作る

jaenam

開発から配布まで！一つのサービスを完成するための険しい旅をろ過なくお見せします。初めて使ってみる技術を盛り込んで左衝ウドルウダン湯湯ながらもなんとか迷っていくことができますよ！

초급

React, GraphQL, Firebase

フルスタックリアクトライブコーディング - シンプルなショッピングモールを作る

jaenam

Slack クローンコーディング [React を使用したリアルタイムチャット]

zerocho

Slack サービスを参考に、本格的な React Web 開発を始めましょう。会員登録、ログイン、ルームの作成、リアルタイムチャットまで!

중급이상

Clone Coding, React, TypeScript

Slack クローンコーディング [React を使用したリアルタイムチャット]

zerocho

一口サイズで食べやすい実戦プロジェクト - SNS編

winterlood

いよいよ実戦に挑戦する番です 🔥 React.js + TypeScript + Supabaseで実務レベルのSNSを一緒に開発しながら、認証&認可、無限スクロール、画像アップロード、いいね、無限ネスト型コメント、ダークモードなどの機能を作ってみます。この過程でZustandとTanstack Queryを利用したサーバー及びグローバル状態管理技法も見ていく予定です。

중급이상

supabase, zustand, react-query

一口サイズで食べやすい実戦プロジェクト - SNS編

winterlood

Strapiでコーディングせずに独自のAPIサーバーを作成する

teracokr

独自のバックエンドAPIサーバーを、NodeベースのStrapi v4を利用して、数回のクリックで特別なコーディングなしで作成し、AWS EC2にデプロイ試してみる過程です。 Strapi v5もほぼ同じように適用できます。講義A / Sもありますので参考にしてください〜

중급이상

strapi, Node.js, ec2

Strapiでコーディングせずに独自のAPIサーバーを作成する

teracokr

DOMからピクセルまで、ブラウザレンダリングとCRP完全攻略 - [DOM完全攻略 Part 3]

nhcodingstudio

この講義は、ブラウザがHTMLを受け取ってDOMを作成し、CSSOMと結合して画面にピクセルを描画するCritical Rendering Path（CRP）過程を最初から最後まで扱います。単純なDOM操作を超えて、CSSとJSが性能にどのような影響を与えるか、画像・フォント最適化、Lazy Loading、Intersection Observer、仮想リスト、そしてDevTools実習まで続き、実際のWeb性能を目に見えて改善できる実戦戦略を学ぶことができます。

초급

HTML/CSS, JavaScript, React

DOMからピクセルまで、ブラウザレンダリングとCRP完全攻略 - [DOM完全攻略 Part 3]

nhcodingstudio

iOS/Android アプリ開発のための本番 React Native - Intermediate

Wintho

React Nativeベースのモバイルアプリ開発のための中級講義です。フロントエンドの深化内容学習だけでなく、Firebaseベースのバックエンド内容まで一緒に学びながら、サーバー連動/ログイン/データ送受信/公共API活用などが可能な一つの完璧なアプリを開発できるように作られた講義です。

중급이상

React Native, Redux, Firebase

iOS/Android アプリ開発のための本番 React Native - Intermediate

Wintho

Vibe Coding: Next.js + FastAPI + Faster-Whisperで作る音声メモアプリ

ludgi

Whisperをローカルで実行し、FastAPIとNext.jsを活用してAI音声認識アプリを迅速に開発する実践プロジェクトの講義です。リアルタイム音声認識まで実装し、短時間で簡単なポートフォリオとして活用できる成果物を完成させることができます。

초급

Next.js, FastAPI, whisper

Vibe Coding: Next.js + FastAPI + Faster-Whisperで作る音声メモアプリ

ludgi

Web開発者の年収を上げるハイブリッドアプリ with Expoフレームワーク

codecamp

Web開発を活用して、AndroidとIOSでサービス可能なモバイルアプリ開発ができるようにする講座です。

초급

React, Next.js, expo

Web開発者の年収を上げるハイブリッドアプリ with Expoフレームワーク

codecamp

The 10x AI-Native Developer: 会社でAIを使って圧倒的な成果を出す方法

dingcodingco

AIはもはや選択ではなく生存の問題です。 3日かかっていた開発を30分に短縮し、反復業務はAIに任せてあなたはより重要な問題解決に集中してください。理論ではなく実務ですぐに使えるAIネイティブ開発法で、会社で「AIが得意な開発者」として認められる確実な方法をお教えします。

초급

Spring Boot, Next.js, AI

The 10x AI-Native Developer: 会社でAIを使って圧倒的な成果を出す方法

dingcodingco

[VOD] 6週間完成！開発実務のための高濃縮バイブコーディング (Cursor AI, Figma)

codecamp

10分で바이브코딩で作れる単純なサービスはもう捨てましょう！ '本当の'実務適用바이브코딩を学ぶことができます。企画とデザイン通りに実サービスレベルの高度化されたサービスをカーソルAI NCOPで作ってみましょう。 No Code, Only Prompt

중급이상

React, Next.js, cursor

[VOD] 6週間完成！開発実務のための高濃縮バイブコーディング (Cursor AI, Figma)

codecamp

バイブコーディング With Claude Codeでウェブサービス作り

ref63184917

現職スタートアップCTOが実際のサービスと複数の外注を通じて得たバイブコーディング知識をお伝えします。

입문

HTML/CSS, JavaScript, Next.js

バイブコーディング With Claude Codeでウェブサービス作り

ref63184917

非開発者が4週間で収益化サービスを作る：AIバイブコーディングウェブ + アプリ ALL IN ONE

dingcodingco

コーディング知らなくてもOK！あなたのアイデアをたった4週間で実際の収益に変えてみませんか。 AIと最新ツールを活用して、ウェブサイトとアプリを同時に作り、すぐにサービスまで連結します。

입문

Flutter, Next.js, cursor

非開発者が4週間で収益化サービスを作る：AIバイブコーディングウェブ + アプリ ALL IN ONE

dingcodingco

SpringBoot & React ポートフォリオプロジェクト: AWSサービスで実戦デプロイ入門

ehtjd339667

ReactフロントエンドとSpringBootバックエンドをAWSクラウドに直接デプロイするポートフォリオ中心の講座！素早く自分のポートフォリオにフロント、バックエンドプロジェクトをデプロイしたい方に役立つ講座です！デプロイに必要な知識を、サーバー設定からDocker、Domain接続、Nginx、HTTPS適用まで段階別に短期間で実習できるようになります！

초급

React, Java, AWS

SpringBoot & React ポートフォリオプロジェクト: AWSサービスで実戦デプロイ入門

ehtjd339667

React Native with Expo: ゼロチョから正しく学ぶ

zerocho

초급

React, React Native, Hybrid App

React Native with Expo: ゼロチョから正しく学ぶ

zerocho

[JavaScript GUI開発 #1] Electron + Reactで作るタイマーアプリ (+ Zustand)

dakgangjung123

React, Electron, Zustandを活用しタイマーアプリを直接制作、クロスプラットフォーム（Windows、macOS、Linux）へデプロイまで行う実践講義です。慣れ親しんだReactウェブ開発を皮切りに、Zustandを通じたグローバル状態管理と最終的なGUIデプロイまで、デスクトップアプリ開発の全体的な流れを学ぶことができます！

초급

React, Electron, GUI

[JavaScript GUI開発 #1] Electron + Reactで作るタイマーアプリ (+ Zustand)

dakgangjung123

公式文書で学ぶ本番タイプスクリプト

sowhatcoding

タイプスクリプトを正しく理解するには、公式文書を一度見てください。文書の重要な部分だけがコックを拾い、分かりやすく伝えます。実戦に必要な内容も一緒にお知らせする講義です！

입문

TypeScript, JavaScript, ES6

公式文書で学ぶ本番タイプスクリプト

sowhatcoding

Node.jsでWebをクロールする

zerocho

ネイバー、アマゾン、Twitter、YouTube、Facebook、Instagram、unsplash.comなどのサイトをクロールして本番に適用します。

중급이상

JavaScript, Node.js, Web Crawling

Node.jsでWebをクロールする

zerocho

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

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

受講後に得られること

リニューアルされた事項

当部の言葉

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

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

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

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

関連講義

こんな方に おすすめです

こんにちは .css-1q3zd4q{text-decoration-line:underline;text-underline-position:under;text-underline-offset:1px;}です。

カリキュラム

受講レビュー

zerochoの他の講座

似ている講座

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

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

こんな方に
おすすめです

こんにちは
です。