【Next.jsの新時代】ストリーミングとPPR(Partial Pre Rendering)を解説します
HTML-код
- Опубликовано: 9 фев 2025
- #入門 #プログラミング #nextjs #react
台湾発祥の教育プラットフォーム「Coloso」でReact講座をリリースします。
リリース日は2024/11/20です。予約販売受付中です。
bit.ly/3Bzl4Jg
＼ShinCode_Camp開校しました／
プログラミング講座＆副業・起業が学べるプラットフォーム🚀
✅プログラムで作りたいものが作れない
✅プログラムを使ってどうやってお金を稼げばいいのか分からない
✅エンジニアとして独立してお金を生み出せるようになりたい
そんな方に向けたオンラインスクールになっています。
今なら下記の7つの特典を無料で受け取ることができます。
🎁月額1980円でプログラミング＋ビジネス講座が全て見放題
🎁耳で学ぶエンジニアとして独立してお金を学ぶ放送(stand.fm)
🎁フルスタックエンジニアになるまでのロードマップ
🎁分からない箇所はShinCodeに質問し放題
🎁Discordサーバーコミュニティ機能付き
🎁ShinCodeと1対1で話せる(任意)
🎁7日間無料キャンペーン実施中
詳しくは下記リンクから👇
code-s-school-...
【Udemy90%割引クーポンも配布中🚀】
↓↓↓↓↓
shincode.info/2...
【ShinCodeへのお仕事のご依頼】
何でも受け付けております。XのDMにてお願いいたします。
-----------------------------------------------------------------------------------------------------------------
おすすめWeb系IT企業はこちら ↓
株式会社WorldHacks（ワールドハックス）
【HP】worldhacks.co.jp
【X】 / worldhacks20220324…
採用も拡大中のため、HPやWantedlyの採用基準をご覧の上ご応募ください。
社長の紹介
森下浬（もりしたかいり）
【X】 / kairi_morishita
株式会社WorldHacks代表取締役。
日本体育大学体育学部卒。完全未経験からエンジニアに転職後、株式会社WorldHacksを設立。現在はWeb、アプリの受託開発をメインで行っており、新規のサービス立ち上げから既存サービスの保守運用まで業界問わず様々な企業様の開発を支援。
-----------------------------------------------------------------------------------------------------------------
【この動画を視聴するメリット】
・Next.jsにおけるSuspenceを使ったストリーミングとローディングUIが学べる
・PPR(Partial Pre Rendering)の基礎と実装方法が分かる
【信頼性】
・Udemy講師
・講師レビュー評価94.6%
・Udemy受講生延べ3000人突破
・Webアプリ/サイト開発数：200以上
・生きがい：プログラミングでサイトやアプリを作ること
★チャンネル登録はこちらから★
/ @programming_tutorial_...
★今回のソースコード★
github.com/Shi...
★運営者SNS★
Twitter： / shin_engineer
★この動画で使用している機材★
キーボード(Keychron K6 赤軸)：amzn.to/3F4zca5
マウス(Logicool G ロジクール G ゲーミングマウス)：amzn.to/3DZaaYB
マイク(サンワダイレクト USBマイク PCマイク)：amzn.to/30AVwJF
マイクスタンド(Luling Arts マイクスタンド マイクアーム スタンド)：
amzn.to/3se5onZ
※アフィリエイトリンクになります。
learning japanese and learning next js what a great combo!
Thank you
サーバーサイドの私、今回はフロントエンドの人がいないので仕方がなくnext触り始めていますがsuspense良いですね。ありがとうございますー。
勉強になりました。
suspense使わずにloading.js でフォールバックui 実装した場合、全てのジョブが完了するまで静的な同一 のフォールバックui が表示され続けますか？
それとも今回の例のように1秒ごとに実ui に差し替えてくれるのでしょうか、、？
loading.jsの場合はページ単位でフォールバック表示してくれますね。
個別コンポーネントであれば、Suspenceを使うといいですね！
ありがとうございます！勉強なります！！
サーバコンポーネントでローディングが実現できるということでもあるのでしょうか？これまで、ローディングのアニメーションはクライアントコンポーネントにしてuseStateで済ますことが多く、Suspenseはあまり使いませんでした。
サーバーコンポーネントでのデータフェッチまで時間がかかる際、Suspenceもしくはloading.jsを利用するとフォールバックUI表示ができるのでおすすめです。
クライアントコンポーネントであれば、useStateまたはuseSWRの戻り値にpendingなどがあるので、それを利用すると良いですね。
@@programming_tutorial_youtube loading.jsを忘れていました。ありがとうございます。
ちょうど身につけようとしてたところだ…
partialはカタカナ読みだとパーシャルじゃないですかね
パーシャルでしたか！すみません、、英語気を付けます🥲
16:40
台湾発のプラットフォームサービスのURL教えていただけないでしょうか？
概要欄にも貼っていなかったので気になりました。よろしくお願いします！
忘れていました....概要欄に記載します！！
bolt.newの解説をお願いします
いいですね！boltは今ホットなAIサービスですからね、、WebサービスのMVP入門辺りで紹介するかもです！
パーシャルの読み方自信なかったから助かった
パーシャルみたいですね...すみません。