一口サイズで学ぶReact.js：基礎から実践まで
winterlood
概念からユニークなプロジェクトまで一緒に扱いながら、JavaScriptとReactをこの講座で一度に終わらせましょう。 学習は短く、応用は長く、17時間分のAll-in-one講座!
Basic
JavaScript, React, Node.js
BEST
一口サイズで学ぶNext.js(v15)
一口シリーズの3作目！世界で最も親切で詳細なNext.js(15+)講座です。App Routerだけでなく、Page Routerまでプロジェクトを通じて学びます。
Next.js
Next.js
React
React
TypeScript
TypeScript
学習した受講者のレビュー
学習した受講者のレビュー
5.0
5.0
Next
100% 受講後に作成
Next.jsの基本的な概念から高度な概念まで幅広く学ぶことができました。 特に、理解しにくく感じられる複雑なテーマを視覚的な素材やアニメーションで簡単に理解できました。 講義の内容が段階的によく構成されており、入門者も無理なく従うことができるようで、中級以上の開発者たちも十分に学ぶ点が多い講義だと思われます。 また、単に文法を学ぶのにとどまらず、Next.jsの動作原理や内部メカニズム、SSR、SSG、ISRなど、さまざまな方式の理論的な部分を深く扱いながらも、実際のプロジェクトに適用できる方法も取り上げており、これはたくさんありました。 講師の注意深いレッスンの準備と努力のおかげで、Next.jsを学ぶプロセスは本当に楽しくて有益でした。 誠にありがとうございます！
5.0
itjustbong
74% 受講後に作成
授業の満足度が高かったので、感想を投稿します! 私はフロントエンド開発者ですが、長い間 Page Router スタックに留まっていました。 App Router に挑戦しなかったわけではありませんが、既存の慣れからか、ついつい Page Router を使用していました... しかし、偶然この授業を聞いて、最新のトレンドに追いつこうという考えが浮かんだのですが、予想以上に品質が高く、私がついつい Page Router に戻ってしまう理由の 1 つは、App Router を正しく理解していなかった部分も大きかったようです。 この授業を聞いて、App Router がどのように機能するかを理解し、小さなプロジェクトを進めることで、App Router に対する自信も得ることができました。 今後の授業で望むことは、App Router で設定を進めると、デザイン システムやその他のさまざまなライブラリが正しく機能せず、設定に苦労する場合があるのですが、このような設定をすべて含む実践編 (または上級編) もあればいいと思います! ありがとうございました!
5.0
dla1434
92% 受講後に作成
もともと受講評はうまくいかないのですが…今回の講義は満足度が良すぎて残ります。 一度私はいくつかの次の講義を見ましたが、講義で説明するのが難しい部分はこう書けばいいのですが、使い方を教えてくれます。できない部分がありました。 この講義を見て大部分が理解できました 一度説明や資料もわかりやすくなっていて 理論を説明した後、もう一度実習で直接見せてください。 今回の講義は、私が見たチョンファンの講義の中でも最高だと思います。 講義でした。 既存の講義も良かったが、多くの悩みやフィードバックを反映した結果だと と思われます。 次の講義もとても楽しみです~~ 次はnextの実戦編のような講義も制作すればいいと思います。
受講後に得られること
最新のNext.js（v15以上）の概念について見ていきます。
Page RouterからApp Routerまで、ほとんどの概念を見ていきます。
サーバーコンポーネント、ページルーティング、レイアウト設定、データフェッチング、ストリーミング、デプロイなど、様々な概念を見ていきます
皆様の多くの愛のおかげで、本講義が書籍としても出版されました。心より感謝申し上げます🙇♂
こんな方に
おすすめです
学習対象は
誰でしょう？
一口シリーズの受講生の皆さん
Next.jsを初めて始める入門者の方々
最新のNext.js（15+）バージョンで学びたい方
親切で細かい講義をお探しの方
前提知識、
必要でしょうか？
React.js（基礎）
TypeScript（基礎）
37,202
受講生
2,604
受講レビュー
1,600
回答
4.9
講座評価
13
講座
웹 프론트엔드 한 입 크기로 잘라먹어 볼까요?!
안녕하세요 🙇♂
저는 무엇이든 쉽고 재미있게 설명할 방법이 있다고 믿는 사람이자
세상에서 가장 따뜻한 개발자 커뮤니티를 만들고자 하는 사람입니다.
📚 도서
📹 강의
한 입 크기로 잘라먹는 Next.js
한 입 크기로 잘라먹는 타입스크립트
한 입 크기로 잘라먹는 리액트
カリキュラム
全体
66件 ∙ (15時間 33分)
講座資料（こうぎしりょう）:
授業資料
11. 2.3) ナビゲーション
07:12
12. 2.4) プリフェッチ
14:35
13. 2.5) API ルート
06:13
14. 2.6) スタイリング
09:16
16. 2.8) ページ別レイアウト設定
26:14
17. 2.9) 한입북스 UI 実装
33:32
20. 2.12) SSR 2. 実習
27:15
21. 2.13) SSG 1. 紹介
06:14
27. 2.19) SEO 設定
15:06
28. 2.20) 配布
12:18
講座掲載日:
最終更新日:
受講レビュー
全体
524件
5.0
524件の受講レビュー
justfix0109464受講レビュー 15
∙
平均評価 5.0
5
25% 受講後に作成Next.js講義は？イ・ジョンファン。 React.js講義図？イ・ジョンファン。 TypeScript講義も？イ・ジョンファン。 公式です。暗記してください。 視覚的な資料と辞書で頭に打ち寄せてくれます。 これでも決済しない？毒する読解。 以下の質問に答えるのが難しい、または混乱する概念がある場合は、お支払いください。役に立ちます。 1. ReactとNext.jsを使用したときの各違いをTTV、TTIの観点から説明してください。 2. Next.js プリレンダリングについて説明してください。 3. Next.js プリフェッチングについて説明してください。 4. Next.jsハイドレーションはどの時点で行われますか？ 5. Next.jsデータフェッチはどの時点で行われますか？ 私は知りませんでしたが、今答えることができます。 ビジュアル素材で親切に惜しみません。 忘れてしまうと復習次元に持ってきて頭の中に殴ってくれます。 もともとこれまで後期に残そうとはしませんでした。 本当の怖い点はまだ講義の序盤部なのにこの程度収穫が得られるということですね。 （もう悩んでやめて決済に行きましょう。これでもしない方はいないでしょ？）
- rhs199813739
受講レビュー 9
∙
平均評価 5.0
- bibipapa
受講レビュー 4
∙
平均評価 5.0
- dla14347593
受講レビュー 4
∙
平均評価 4.3
5
92% 受講後に作成もともと受講評はうまくいかないのですが…今回の講義は満足度が良すぎて残ります。 一度私はいくつかの次の講義を見ましたが、講義で説明するのが難しい部分はこう書けばいいのですが、使い方を教えてくれます。できない部分がありました。 この講義を見て大部分が理解できました 一度説明や資料もわかりやすくなっていて 理論を説明した後、もう一度実習で直接見せてください。 今回の講義は、私が見たチョンファンの講義の中でも最高だと思います。 講義でした。 既存の講義も良かったが、多くの悩みやフィードバックを反映した結果だと と思われます。 次の講義もとても楽しみです~~ 次はnextの実戦編のような講義も制作すればいいと思います。
- seungwoo
受講レビュー 7
∙
平均評価 5.0
5
74% 受講後に作成授業の満足度が高かったので、感想を投稿します! 私はフロントエンド開発者ですが、長い間 Page Router スタックに留まっていました。 App Router に挑戦しなかったわけではありませんが、既存の慣れからか、ついつい Page Router を使用していました... しかし、偶然この授業を聞いて、最新のトレンドに追いつこうという考えが浮かんだのですが、予想以上に品質が高く、私がついつい Page Router に戻ってしまう理由の 1 つは、App Router を正しく理解していなかった部分も大きかったようです。 この授業を聞いて、App Router がどのように機能するかを理解し、小さなプロジェクトを進めることで、App Router に対する自信も得ることができました。 今後の授業で望むことは、App Router で設定を進めると、デザイン システムやその他のさまざまなライブラリが正しく機能せず、設定に苦労する場合があるのですが、このような設定をすべて含む実践編 (または上級編) もあればいいと思います! ありがとうございました!
￥5,929
winterloodの他の講座
知識共有者の他の講座を見てみましょう！
似ている講座
同じ分野の他の講座を見てみましょう！
![[VOD] 6週間完成！開発実務のための高濃縮バイブコーディング (Cursor AI, Figma)Course Thumbnail](https://cdn.inflearn.com/public/files/courses/338156/cover/01k4c77bftwd8ec4k0yakavbrc?f=avif&w=420)
![[フルスタック完成] Supabaseでウェブサイト3つをクローン (Next.js 14)Course Thumbnail](https://cdn.inflearn.com/public/courses/332907/cover/2975d3d7-5dcc-4e2a-977c-98b11134cfb6/332907.jpg?f=avif&w=420)
![# [Electron #1] ElectronとReactで作るタイマーアプリ（With Zustand）Course Thumbnail](https://cdn.inflearn.com/public/files/courses/336817/cover/01jwx9ttbwnetdsbt5qrxgxb3x?f=avif&w=420)
![[Code Factory] [初級] NestJS REST API バックエンド完全征服マスタークラス - NestJS CoreCourse Thumbnail](https://cdn.inflearn.com/public/courses/331985/cover/f0501069-2139-4112-aafa-a9b3a2932860/331985-eng.png?f=avif&w=420)
