「一口（ひといき）シリーズ」の第3弾！世界で最も親切で詳細なNext.js(15+)講座です。App Routerだけでなく、Page Routerまでプロジェクトを通じて学んでいきます。
受講生 5,263名
難易度 初級
受講期間 無制限
学習した受講者のレビュー
5.0
Next
Next.jsの基本的な概念から高度な概念まで幅広く学ぶことができました。 特に、理解しにくく感じられる複雑なテーマを視覚的な素材やアニメーションで簡単に理解できました。 講義の内容が段階的によく構成されており、入門者も無理なく従うことができるようで、中級以上の開発者たちも十分に学ぶ点が多い講義だと思われます。 また、単に文法を学ぶのにとどまらず、Next.jsの動作原理や内部メカニズム、SSR、SSG、ISRなど、さまざまな方式の理論的な部分を深く扱いながらも、実際のプロジェクトに適用できる方法も取り上げており、これはたくさんありました。 講師の注意深いレッスンの準備と努力のおかげで、Next.jsを学ぶプロセスは本当に楽しくて有益でした。 誠にありがとうございます！
5.0
itjustbong
授業の満足度が高かったので、感想を投稿します! 私はフロントエンド開発者ですが、長い間 Page Router スタックに留まっていました。 App Router に挑戦しなかったわけではありませんが、既存の慣れからか、ついつい Page Router を使用していました... しかし、偶然この授業を聞いて、最新のトレンドに追いつこうという考えが浮かんだのですが、予想以上に品質が高く、私がついつい Page Router に戻ってしまう理由の 1 つは、App Router を正しく理解していなかった部分も大きかったようです。 この授業を聞いて、App Router がどのように機能するかを理解し、小さなプロジェクトを進めることで、App Router に対する自信も得ることができました。 今後の授業で望むことは、App Router で設定を進めると、デザイン システムやその他のさまざまなライブラリが正しく機能せず、設定に苦労する場合があるのですが、このような設定をすべて含む実践編 (または上級編) もあればいいと思います! ありがとうございました!
5.0
dla1434
もともと受講評はうまくいかないのですが…今回の講義は満足度が良すぎて残ります。 一度私はいくつかの次の講義を見ましたが、講義で説明するのが難しい部分はこう書けばいいのですが、使い方を教えてくれます。できない部分がありました。 この講義を見て大部分が理解できました 一度説明や資料もわかりやすくなっていて 理論を説明した後、もう一度実習で直接見せてください。 今回の講義は、私が見たチョンファンの講義の中でも最高だと思います。 講義でした。 既存の講義も良かったが、多くの悩みやフィードバックを反映した結果だと と思われます。 次の講義もとても楽しみです~~ 次はnextの実戦編のような講義も制作すればいいと思います。
最新のNext.js（v15以上）の概念について見ていきます。
Page RouterからApp Routerまで、ほとんどの概念を網羅します。
サーバーコンポーネント、ページルーティング、レイアウト設定、データフェッチ、ストリーミング、デプロイなど、さまざまな概念について説明します。
皆様の多大なるご愛顧のおかげで、本講義が書籍としても出版されました。心より感謝申し上げます 🙇♂
学習対象は
誰でしょう？
「一口シリーズ」の受講生の皆さん
Next.jsを初めて始める入門者の方々
最新のNext.js(15+)バージョンで学んでみたい方
親切で丁寧な講義をお探しの方
前提知識、
必要でしょうか？
React.js (基礎)
TypeScript (基礎)
37,762
受講生
2,651
受講レビュー
1,623
回答
4.9
講座評価
19
講座
ウェブフロントエンドを一口サイズでかじってみましょうか？！
こんにちは 🙇♂
私は、どんなことでも簡単で楽しく説明する方法があると信じている人間であり、
世界で最も温かい開発者コミュニティを作りたいと思っている人間です。
📚 著書
📹 講義
一口サイズでかじり取るNext.js
一口サイズでかじり取るTypeScript
一口サイズでかじり取るReact
全体
66件 ∙ (15時間 33分)
講座資料（こうぎしりょう）:
11. 2.3) ナビゲーティング
07:12
12. 2.4) プリフェッチ
14:35
13. 2.5) API ルート
06:13
14. 2.6) スタイリング
09:16
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
全体
532件
5.0
532件の受講レビュー
受講レビュー 15
∙
平均評価 5.0
5
Next.js講義は？イ・ジョンファン。 React.js講義図？イ・ジョンファン。 TypeScript講義も？イ・ジョンファン。 公式です。暗記してください。 視覚的な資料と辞書で頭に打ち寄せてくれます。 これでも決済しない？毒する読解。 以下の質問に答えるのが難しい、または混乱する概念がある場合は、お支払いください。役に立ちます。 1. ReactとNext.jsを使用したときの各違いをTTV、TTIの観点から説明してください。 2. Next.js プリレンダリングについて説明してください。 3. Next.js プリフェッチングについて説明してください。 4. Next.jsハイドレーションはどの時点で行われますか？ 5. Next.jsデータフェッチはどの時点で行われますか？ 私は知りませんでしたが、今答えることができます。 ビジュアル素材で親切に惜しみません。 忘れてしまうと復習次元に持ってきて頭の中に殴ってくれます。 もともとこれまで後期に残そうとはしませんでした。 本当の怖い点はまだ講義の序盤部なのにこの程度収穫が得られるということですね。 （もう悩んでやめて決済に行きましょう。これでもしない方はいないでしょ？）
受講レビュー 4
∙
平均評価 4.3
5
もともと受講評はうまくいかないのですが…今回の講義は満足度が良すぎて残ります。 一度私はいくつかの次の講義を見ましたが、講義で説明するのが難しい部分はこう書けばいいのですが、使い方を教えてくれます。できない部分がありました。 この講義を見て大部分が理解できました 一度説明や資料もわかりやすくなっていて 理論を説明した後、もう一度実習で直接見せてください。 今回の講義は、私が見たチョンファンの講義の中でも最高だと思います。 講義でした。 既存の講義も良かったが、多くの悩みやフィードバックを反映した結果だと と思われます。 次の講義もとても楽しみです~~ 次はnextの実戦編のような講義も制作すればいいと思います。
受講レビュー 9
∙
平均評価 5.0
受講レビュー 4
∙
平均評価 5.0
受講レビュー 7
∙
平均評価 5.0
5
授業の満足度が高かったので、感想を投稿します! 私はフロントエンド開発者ですが、長い間 Page Router スタックに留まっていました。 App Router に挑戦しなかったわけではありませんが、既存の慣れからか、ついつい Page Router を使用していました... しかし、偶然この授業を聞いて、最新のトレンドに追いつこうという考えが浮かんだのですが、予想以上に品質が高く、私がついつい Page Router に戻ってしまう理由の 1 つは、App Router を正しく理解していなかった部分も大きかったようです。 この授業を聞いて、App Router がどのように機能するかを理解し、小さなプロジェクトを進めることで、App Router に対する自信も得ることができました。 今後の授業で望むことは、App Router で設定を進めると、デザイン システムやその他のさまざまなライブラリが正しく機能せず、設定に苦労する場合があるのですが、このような設定をすべて含む実践編 (または上級編) もあればいいと思います! ありがとうございました!
知識共有者の他の講座を見てみましょう！
同じ分野の他の講座を見てみましょう！
期間限定セール、あと5日日で終了
￥33,880
30%
￥5,886
![# [Electron #1] ElectronとReactで作るタイマーアプリ（With Zustand）講義サムネイル](https://cdn.inflearn.com/public/files/courses/336817/cover/01jwx9ttbwnetdsbt5qrxgxb3x?w=420)
![[VOD] 6週間完成！開発実務のための高濃縮バイブコーディング (Cursor AI, Figma)講義サムネイル](https://cdn.inflearn.com/public/files/courses/338156/cover/01k4c77bftwd8ec4k0yakavbrc?w=420)
![[PROKIT] フロントエンドプロジェクトキット：タイマーアプリを作る講義サムネイル](https://cdn.inflearn.com/public/files/courses/339612/cover/01ke6d974hx4y1esmd9p80w7cx?w=420)