【Next.jsの新時代】ストリーミングとPPR(Partial Pre Rendering)を解説します

  Рет қаралды 6,874

Shin Coding Tutorial

Shin Coding Tutorial

Күн бұрын

Пікірлер: 19
@prabeshstha56
@prabeshstha56 2 ай бұрын
learning japanese and learning next js what a great combo!
@programming_tutorial_youtube
@programming_tutorial_youtube 2 ай бұрын
Thank you
@phono2
@phono2 2 ай бұрын
サーバーサイドの私、今回はフロントエンドの人がいないので仕方がなくnext触り始めていますがsuspense良いですね。ありがとうございますー。
@null776
@null776 2 ай бұрын
勉強になりました。
@MyNameIsT.
@MyNameIsT. 2 ай бұрын
partialはカタカナ読みだとパーシャルじゃないですかね
@programming_tutorial_youtube
@programming_tutorial_youtube 2 ай бұрын
パーシャルでしたか!すみません、、英語気を付けます🥲
@nokky9824
@nokky9824 2 ай бұрын
ちょうど身につけようとしてたところだ…
@林翔太-k9g
@林翔太-k9g 2 ай бұрын
サーバコンポーネントでローディングが実現できるということでもあるのでしょうか?これまで、ローディングのアニメーションはクライアントコンポーネントにしてuseStateで済ますことが多く、Suspenseはあまり使いませんでした。
@programming_tutorial_youtube
@programming_tutorial_youtube 2 ай бұрын
サーバーコンポーネントでのデータフェッチまで時間がかかる際、Suspenceもしくはloading.jsを利用するとフォールバックUI表示ができるのでおすすめです。 クライアントコンポーネントであれば、useStateまたはuseSWRの戻り値にpendingなどがあるので、それを利用すると良いですね。
@林翔太-k9g
@林翔太-k9g 2 ай бұрын
@@programming_tutorial_youtube loading.jsを忘れていました。ありがとうございます。
@uta.8390
@uta.8390 2 ай бұрын
パーシャルの読み方自信なかったから助かった
@programming_tutorial_youtube
@programming_tutorial_youtube 2 ай бұрын
パーシャルみたいですね...すみません。
@sawamuraaaad
@sawamuraaaad 2 ай бұрын
bolt.newの解説をお願いします
@programming_tutorial_youtube
@programming_tutorial_youtube 2 ай бұрын
いいですね!boltは今ホットなAIサービスですからね、、WebサービスのMVP入門辺りで紹介するかもです!
@ねこうま-r2s
@ねこうま-r2s Ай бұрын
suspense使わずにloading.js でフォールバックui 実装した場合、全てのジョブが完了するまで静的な同一 のフォールバックui が表示され続けますか? それとも今回の例のように1秒ごとに実ui に差し替えてくれるのでしょうか、、?
@programming_tutorial_youtube
@programming_tutorial_youtube Ай бұрын
loading.jsの場合はページ単位でフォールバック表示してくれますね。 個別コンポーネントであれば、Suspenceを使うといいですね!
@ねこうま-r2s
@ねこうま-r2s Ай бұрын
ありがとうございます!勉強なります!!
@mm839
@mm839 2 ай бұрын
16:40 台湾発のプラットフォームサービスのURL教えていただけないでしょうか? 概要欄にも貼っていなかったので気になりました。よろしくお願いします!
@programming_tutorial_youtube
@programming_tutorial_youtube 2 ай бұрын
忘れていました....概要欄に記載します!!
【Clerk入門】爆速でユーザー認証機能を実装したい人はClerkがおすすめです
33:42
プログラミングチュートリアル
Рет қаралды 4,4 М.
Next.jsのディレクトリ構成のベストプラクティスを知っていますか?
23:17
プログラミングチュートリアル
Рет қаралды 18 М.
Что-что Мурсдей говорит? 💭 #симбочка #симба #мурсдей
00:19
人是不能做到吗?#火影忍者 #家人  #佐助
00:20
火影忍者一家
Рет қаралды 20 МЛН
How Strong Is Tape?
00:24
Stokes Twins
Рет қаралды 96 МЛН
So Cute 🥰 who is better?
00:15
dednahype
Рет қаралды 19 МЛН
AI × 個人開発全盛期!売れるアイデアの見つけ方とチャンスの掴み方
24:20
プログラミングチュートリアル
Рет қаралды 14 М.
Is Next.js 15 any good? "use cache" API first look
8:16
Beyond Fireship
Рет қаралды 130 М.
Next.js Visually Explained: Partial Pre-rendering (PPR)
11:03
【全エンジニア必見】絶対に学ぶべき技術はコレ!
11:38
エンジニアファースト
Рет қаралды 14 М.
知らないとあぶない?Next.jsセキュリティの話
15:54
ムーザルちゃんねる
Рет қаралды 10 М.
Next.js v15の新機能や改善をまとめて紹介
22:25
ムーザルちゃんねる
Рет қаралды 8 М.
【初心者向け】クソコードを書かないためのテクニック5選
14:39
エンジニアチャンネル
Рет қаралды 109 М.
この技術スタックは現代の魔法です。
21:27
プログラミングチュートリアル
Рет қаралды 20 М.
Что-что Мурсдей говорит? 💭 #симбочка #симба #мурсдей
00:19