Розмір відео: 1280 X 720853 X 480640 X 360
Показувати елементи керування програвачем
Автоматичне відтворення
Автоповтор
４万人登録おめでとうございます！
ありがとうございます...!!次は5万人目指してコツコツがんばりますね🤲
本当に続けて配信してほしい♪ Next.jsを学ぶには「プログラミングチュートリアル」チャンネルが必須♪ 大事な事なので2度言います 本当に続けて配信してほしい♪
ありがとうございます笑技術発信はまだまだ続けて行く予定です！応援のコメントも続けるモチベーションになっていますので、とても有難いです！
分かりやすい動画をありがとうございます！Nextjsで開発をする場合はAxiosを使うよりもNextjsのoptionがあるfetch関数を使ってapiを呼び出す方が好ましいのでしょうか？
はい！axiosではなくてfetchを使うと細かくキャッシュ設定ができるので、fetchがおススメです。axiosでも実装はできるとは思いますが、自分でキャッシュ実装しなきゃになるのでコードの複雑性が増すと思います。
Next.jsでモノリスアプリケーションを構築する際に、DBからのデータ取得などはapi routesを定義しておいてfetchで呼び出すパターンと、tsxから直接prismaを呼び出すパターンがあると思いますが、どう使い分けるのが良いのか教えていただきたいです。個人的にはDBがどこから呼び出されているのかは限定したいので、api routesのみにするのが良いと思っていました。また同じくapi routesとserver actionsだと、server actionsを積極的に取り入れるべきなのでしょうか？
こちら、一考の余地がありますので僕の方で考えてから再度回答いたしますね。ご質問ありがとうございます！
@@programming_tutorial_youtube ありがとうございます。よろしくお願いします。個人的には将来的にアプリが大規模になってきた時にAPIを別のバックエンドアプリとして切り離す時のことも考えると、Api routesにまとめておいた方が良いんじゃないか派です。
@@kuruku6 僕の場合は、個人開発でそこまで大きくないアプリであれば、ServerComponentで直接ORMを読んでデータフェッチして良いかなと思っております。理由はAPIRoutesで読んだ場合も結局はサーバー側で実行されるので、毎回APIを書くよりも直接ServerComponentで記述した方が楽なのではないか、というのが僕の意見です。ただ、大規模なアプリやマイクロサービス化を考えている、またはモバイルアプリでもAPIを利用する必要があるという場合はAPIRoutesにORMを記述してそれをfetchするという方法でも良いですね。ケースバイケースですので、kuruku6さんのお好きなように書いても良いと思っています！！
@@programming_tutorial_youtube 回答ありがとうございます！
投稿ありがとうございます！色々なテクニックが学べて嬉しいです☺️以前チャンネルの掲示板？に投稿させていただきました、T3スタック+NestJSの件も、ぜひぜひよろしくお願いします！
formのサーバーアクションってエラーハンドリングできますかね？画面にエラー時のアラートが表示できるとかなり便利なのですが。
useFormState/useActionStateでエラーハンドリングできます。const [state, formAction] = useFormState(someAction, initialState);において、someActionのサーバーアクション内で返り値にreturn { error: "some error" }等を設定すれば、state.error等でエラーをキャッチでき、それを表示できます。動画内でも軽く説明しています！
@@programming_tutorial_youtube ありがとうございます。いつも勉強させていただいております。
@@programming_tutorial_youtubeありがとうございます！いつも勉強させてもらってます！！
use serverとserver-onlyの違いってなんですか？
server-onlyにすると、そのコンポーネントがクライアントコンポーネントからimportされて使用される場合にエラーが出るようになります。なので意図しない機密情報の漏洩防止になりますね。use serverは主にサーバーアクションを実装する場合に宣言するものです。サーバーコンポーネントにしたい場合はコンポーネントには何もディレクティブをつけずにデフォルトのままでOKです。
いつもありがとうございます！次の会社でNext.js使うので助かっです😂
NextはAppRouterが特に癖があるので、がんばってください！また動画出すかもです。
ただただややこしい。web界隈がカオスと呼ばれる所以。
河村勇輝さん似のイケメンだ
４万人登録おめでとうございます！
ありがとうございます...!!
次は5万人目指してコツコツがんばりますね🤲
本当に続けて配信してほしい♪ Next.jsを学ぶには「プログラミングチュートリアル」チャンネルが必須♪ 大事な事なので2度言います 本当に続けて配信してほしい♪
ありがとうございます笑
技術発信はまだまだ続けて行く予定です！
応援のコメントも続けるモチベーションになっていますので、とても有難いです！
分かりやすい動画をありがとうございます！
Nextjsで開発をする場合はAxiosを使うよりもNextjsのoptionがあるfetch関数を使ってapiを呼び出す方が好ましいのでしょうか？
はい！axiosではなくてfetchを使うと細かくキャッシュ設定ができるので、fetchがおススメです。
axiosでも実装はできるとは思いますが、自分でキャッシュ実装しなきゃになるのでコードの複雑性が増すと思います。
Next.jsでモノリスアプリケーションを構築する際に、DBからのデータ取得などはapi routesを定義しておいてfetchで呼び出すパターンと、tsxから直接prismaを呼び出すパターンがあると思いますが、どう使い分けるのが良いのか教えていただきたいです。
個人的にはDBがどこから呼び出されているのかは限定したいので、api routesのみにするのが良いと思っていました。
また同じくapi routesとserver actionsだと、server actionsを積極的に取り入れるべきなのでしょうか？
こちら、一考の余地がありますので僕の方で考えてから再度回答いたしますね。ご質問ありがとうございます！
@@programming_tutorial_youtube ありがとうございます。よろしくお願いします。
個人的には将来的にアプリが大規模になってきた時にAPIを別のバックエンドアプリとして切り離す時のことも考えると、Api routesにまとめておいた方が良いんじゃないか派です。
@@kuruku6
僕の場合は、個人開発でそこまで大きくないアプリであれば、ServerComponentで直接ORMを読んでデータフェッチして良いかなと思っております。
理由はAPIRoutesで読んだ場合も結局はサーバー側で実行されるので、毎回APIを書くよりも直接ServerComponentで記述した方が楽なのではないか、というのが僕の意見です。
ただ、大規模なアプリやマイクロサービス化を考えている、またはモバイルアプリでもAPIを利用する必要があるという場合はAPIRoutesにORMを記述してそれをfetchするという方法でも良いですね。
ケースバイケースですので、kuruku6さんのお好きなように書いても良いと思っています！！
@@programming_tutorial_youtube 回答ありがとうございます！
投稿ありがとうございます！
色々なテクニックが学べて嬉しいです☺️
以前チャンネルの掲示板？に投稿させていただきました、T3スタック+NestJSの件も、ぜひぜひよろしくお願いします！
formのサーバーアクションってエラーハンドリングできますかね？
画面にエラー時のアラートが表示できるとかなり便利なのですが。
useFormState/useActionState
でエラーハンドリングできます。
const [state, formAction] = useFormState(someAction, initialState);
において、someActionのサーバーアクション内で返り値にreturn { error: "some error" }等を設定すれば、state.error等でエラーをキャッチでき、それを表示できます。動画内でも軽く説明しています！
@@programming_tutorial_youtube ありがとうございます。
いつも勉強させていただいております。
@@programming_tutorial_youtube
ありがとうございます！
いつも勉強させてもらってます！！
use serverとserver-onlyの違いってなんですか？
server-onlyにすると、そのコンポーネントがクライアントコンポーネントからimportされて使用される場合にエラーが出るようになります。
なので意図しない機密情報の漏洩防止になりますね。
use serverは主にサーバーアクションを実装する場合に宣言するものです。サーバーコンポーネントにしたい場合はコンポーネントには何もディレクティブをつけずにデフォルトのままでOKです。
いつもありがとうございます！次の会社でNext.js使うので助かっです😂
NextはAppRouterが特に癖があるので、がんばってください！また動画出すかもです。
ただただややこしい。web界隈がカオスと呼ばれる所以。
河村勇輝さん似のイケメンだ