Next.jsを使い続けたい好きなトコロ

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

ムーザルちゃんねる

ムーザルちゃんねる

Күн бұрын

Пікірлер: 26
@kumonopanya
@kumonopanya 4 ай бұрын
フロントエンドとバックエンドでそれぞれ作るという考えから、 開発はデザインと機能にそれぞれ集中できる時代になっていくってことかな。
@オカムラ-k7g
@オカムラ-k7g 4 ай бұрын
Nextめっちゃ好きなんだけど、更新が早すぎてベストプラクティスが確立してなかったり、結構問題ありのバグ含んでたりする、、、新機能にインフラ側がなかなか対応しなかったり、、、
@moozaru
@moozaru 4 ай бұрын
そうですねー。僕も今苦労している点は世の中的にもこう書いたほうが良いなという経験に基づいたベストプラクティスが確立されていない点ですね。なるべく改善されるべくアウトプットをするように心がけていますが、こればかりは時間がかかりそうです。バージョンアップが不安定という問題も、v13-14時代ではすごかったですね…。今はかなり改善されたなという印象はあります。
@fujinoco6012
@fujinoco6012 4 ай бұрын
vue , nuxt からフロントエンドに入った身ですが違うフレームワーク知れて興味深いです
@kumonopanya
@kumonopanya 4 ай бұрын
クライアントコンポーネントの下にサーバーコンポーネントが必要なとき
@MiyakawaTakeshi
@MiyakawaTakeshi 2 ай бұрын
Reactのunstableな機能が、Next.jsのstableなバージョンに入ってしまっている、というのは気になりますね。 もう少し互換性や安定性に力を入れてほしい。まあ、Nuxtより全然マシなので、Nextを選んでしまうわけですが...
@kumonopanya
@kumonopanya 4 ай бұрын
revalidatePathの使い方はそんなふうに使うのか、単にキャッシュ再読み込みして現在のデータ取ってくるのだと思ってた。
@takumifujise6137
@takumifujise6137 4 ай бұрын
この動画のおかげでNext.js勉強したくなりました。 質問です。実案件ではライブラリやフレームワーク、テストツール、ビルドツール等をどのくらいの頻度もしくはタイミングで最新に追従されてますか? もしくはフロントは流行り廃りが早いので、フルスクラッチで書き直して移行するのが多かったりするのでしょうか? その辺の苦労話もあれば動画にしてほしいです。
@moozaru
@moozaru 4 ай бұрын
基本、各プロジェクトとチーム体制に合ったものを選定するという前提を置きつつ、最新に追従という意味ではなるべく早く対応しています。極端に言うと毎日npm updateします。これは各ライブラリのバージョンが古い状態のまま放置すると、現実的にバージョンアップが無理という状況が生まれてしまうからです(工数が膨大になるため)。ただ、まったく別の最新フレームワークやライブラリで作り変えるということはほとんどしません。それをしても事業の価値につながるケースはほとんどないため。…雑に書くとこんな感じです!
@takumifujise6137
@takumifujise6137 4 ай бұрын
​@@moozaru > 極端に言うと毎日npm updateします。 なるほど。毎日というのは考えたことなかったので参考になります。
@kumonopanya
@kumonopanya 4 ай бұрын
sql は Next.js + Prisma の合体技かな?
@nospamarinointhechatarino4247
@nospamarinointhechatarino4247 4 ай бұрын
全体的にNextjsの良いところと言うよりReactの良いところって感じがしたんですが、ここで紹介されたうちではNextjsならではなところってなんですか?
@moozaru
@moozaru 4 ай бұрын
revalidatePathでしょうか。これのお陰でグローバルな状態管理をせずとも、データ更新時に最小限に画面の再描画をしてくれます。また、動画では紹介しませんでしたが、Parallel Routesは個人的にお気に入りです。これを上手く使うとClientComponentの境界線を突破してServerComponentに切り出せるので、状態管理が楽になります。 React19新機能をフルサポートしているのが現時点では実質Next.jsだけなのでどうしても被っちゃいますね。今後、他のフレームワークがサポートを始めたら違いが出てくると思うので楽しみです。
@矢原亮汰-q9u
@矢原亮汰-q9u 2 ай бұрын
@@moozaru
@bbieye
@bbieye 4 ай бұрын
前回の動画の続きということでとても楽しかったです。ありがとうございました revalidatePath というものがあるのですね、とても便利ですね。Next.jsをもっと触ってみたいと思います。とても勉強になりました🥰 質問よろしいでしょうか。LaravelもRailsも経験と実績があるお二人はNext.jsでのバックエンドの書き方や、各種機能などを力不足だな、または苦労した。というところはありますでしょうか? といいますのは、お二人の動画を拝見してNext.jsの魅力をたくさん知ることができフロントもバックエンドも全部TSでやってみよう😍と思ったのですが、Next.jsのバックエンドは他のバックエンドとどう違うのかなと思いました。私はLaravelでのバックエンドに慣れているので、これからNext.jsでバックエンドも勉強か。。。と躊躇してしまいました。 いつも楽しい動画ありがとうございます。次の動画も楽しみにしています🥰
@moozaru
@moozaru 4 ай бұрын
動画視聴ありがとうございます!まずNext.jsの学習についてですが、今Laravelをやられているのであれば、それをそのまま継続した方がいいと思います。というのも、同じ領域のフレームワークを同時に学ぶのは普通に疲れちゃいますw 一通り使いこなせるようになってからの方が違いが認識でき面白く学べると思います。
@moozaru
@moozaru 4 ай бұрын
Next.jsで苦労したところや力不足だと感じたのは、なにかトラブルが起きたときにNext.js自体のソースコードを読んで原因を探るのですが、コードが難しすぎて全然理解できなかったことですw 別の言い方をすると、レアな不具合に遭遇するとかなり迷子になります。
@bbieye
@bbieye 4 ай бұрын
@@moozaru ご回答ありがとうございます。原因究明のときですか、レアな不具合とかもあるわけですよね。とても参考になりました。ありがとうございました。☺
@bbieye
@bbieye 4 ай бұрын
@@moozaru アドバイスありがとうございます。そうですよね。同時に複数のことをすると深く学べなくなりますし、しんどいですよね。どうもありがとうございました🥰
@kakamax14
@kakamax14 4 ай бұрын
next初学者なのですが、server actionsがあれば以前紹介されてたtRPCはもはや不要なんですかね??🤔
@moozaru
@moozaru 4 ай бұрын
フルスタックにNext.jsを使うのであればtRPCは使わなくても良いかなと思います。ただ、tRPCは特定のフレームワークに強く依存するわけではないので、バックエンドをNestJSやExpressで、フロントをNext.jsやSvelteなど他のものを使うことが出来るのが魅力ですね。
@null776
@null776 4 ай бұрын
状態管理が減らせるというのは、サーバーコンポーネントでfetchできたり、サーバーアクションを使えるからで合ってますか、、、? だとすると描画ごとにDBに問い合わせることになると思うのですが、状態管理でグローバルに管理するものの境目というか使い分けはどういう基準がありますか?
@moozaru
@moozaru 4 ай бұрын
今の所、グローバルに状態管理するものはほぼないですね。あるとしたらuseContextで認証したユーザのパーミッション情報や色などのテーマカラーなど、サイト全体で使う設定値のようなものです。それも外部ライブラリを使わずにReactだけでやっています。
@yutoriotsu8848
@yutoriotsu8848 4 ай бұрын
他の人も指摘していますが機能追加や仕様変更が多くて全然技術スタックとして枯れないところが嫌いですね Reactのメタフレームワークだけあって影響力も大きく、言ってしまえば生煮えの技術スタックなのに新規開発でむやみに採用されがちなところも嫌いです🤪
@fetboba2210
@fetboba2210 4 ай бұрын
このようなスタイルを採用するとフロントの人間にもバックエンドの責務が増えそうで嫌だな いち労働者視点では見渡すべき範囲は狭い方が楽
知らないとあぶない?Next.jsセキュリティの話
15:54
ムーザルちゃんねる
Рет қаралды 9 М.
Webアプリ作るなら技術どれにする?
14:59
ムーザルちゃんねる
Рет қаралды 12 М.
The Singing Challenge #joker #Harriet Quinn
00:35
佐助与鸣人
Рет қаралды 47 МЛН
СКОЛЬКО ПАЛЬЦЕВ ТУТ?
00:16
Masomka
Рет қаралды 3,5 МЛН
The Ultimate Sausage Prank! Watch Their Reactions 😂🌭 #Unexpected
00:17
La La Life Shorts
Рет қаралды 8 МЛН
Кто круче, как думаешь?
00:44
МЯТНАЯ ФАНТА
Рет қаралды 6 МЛН
知ると楽しくなるプログラミングの原理原則
20:22
ムーザルちゃんねる
Рет қаралды 14 М.
Next.jsのディレクトリ構成のベストプラクティスを知っていますか?
23:17
プログラミングチュートリアル
Рет қаралды 17 М.
Tailwind CSSを使っているなら使いたいTailwind Variants
12:42
ムーザルちゃんねる
Рет қаралды 4,3 М.
the most important Next.js features to learn (in 8 minutes)
8:26
Web Dev Cody
Рет қаралды 61 М.
圧倒的な速さ!? JavaScript書くなら把握しておきたいBun
13:20
ムーザルちゃんねる
Рет қаралды 8 М.
エラーを読むのが苦痛じゃなくなる…かも
10:41
ムーザルちゃんねる
Рет қаралды 4,5 М.
Next.js v15の新機能や改善をまとめて紹介
22:25
ムーザルちゃんねる
Рет қаралды 6 М.
E2Eテストで挫折しそう? どうしているかを話してみた
27:10
ムーザルちゃんねる
Рет қаралды 6 М.
この技術スタックは現代の魔法です。
21:27
プログラミングチュートリアル
Рет қаралды 19 М.
ReactでCSS書くならどれ使う?
18:17
ムーザルちゃんねる
Рет қаралды 12 М.
The Singing Challenge #joker #Harriet Quinn
00:35
佐助与鸣人
Рет қаралды 47 МЛН