console.logの出力先がブラウザとターミナルの違い

Question

ただいま、Next.jsの勉強をしていてconsole.logを利用したときに出力先が「ターミナル」と「ブラウザ（検証ツールのコンソールで確認する画面）」の2種類あることに気づきました。

凄く初歩的な質問なのですが、

出力先が「ターミナル」と「ブラウザ」の時はどのような違いがあるのでしょうか？

ターミナルにconsole.logの値が表示されるのはサーバー側の処理。
ブラウザ側に表示されるのはフロントの処理。

ということなのでしょうか？

心優しい方教えていただけますと嬉しいです。よろしくお願いいたします。

Answer 1

何をどうやったか、どういう違いがあるかの情報が全くないので、想像で回答すると、
ブラウザの開発者ツールでの実行と、nodeコマンドによる実行の違いと言うことであれば、
「console.log()で出力した値が、変わるのはなぜ？ 」https://teratail.com/questions/61338
みたいなことでしょうか。

回答者が空想しなくても意味がわかる質問にしましょう。

Answer 2

おっしゃられるような下記の認識で問題ないと思います。

ターミナルにconsole.logの値が表示されるのはサーバー側の処理。
ブラウザ側に表示されるのはフロントの処理。

Next.jsを使用する中で「ターミナル」にconsole.logが出力されるのは下記の場合かなと。

• 内部のスタブを使用
  • 例）/pages/api/配下などでconsole.logを使用
• レンダリング手法による差異（SSR,ISR,SSG）
  • 例）getServerSideProps等内でconsole.logを使用（ここに当てはまりそうな予感）

レンダリング手法による差異だった場合は下記のサイトを一読すると良いかと思います
https://tech.012grp.co.jp/entry/2021/03/25/125014

上記回答に対し「そうじゃない！」、「もうちょい深堀してくれ！」という場合、ご返信いただければ、再度ご回答いたします。

前回答者がおっしゃられるように、下記が明確の場合よりスムーズな回答が可能になりますので、次回から是非試していただけると幸いです。

• どこにconsole.logを記述し、
• どこに出力された

Comments

[howaito]

ご丁寧にありがとうございます！

まさに僕がお聞きした内容の回答でしたので、ベストアンサーにさせていただきました。

kento1018さんのような優しい方がいることが有りがたいです。誠にありがとうございました！