お問い合わせ・ご相談についてはこちら

next.js

ComputerScience

Next.js 13 ではどのようにレンダリングされているのか?[初心者向けにまとめてみた]

こんにちは。今回はnext.js 13を扱うにあたって、レンダリングが実際どのように動いているかちゃんと把握出来ていない人もしっかりここを把握しておこうということで、初心者にも分かりやすく、そして自分のまとめ用にこの記事を進めていこうと思い...
ComputerScience

#2 next.js 13で個人開発 フロント開発を振り返る

こんにちは。今回は、前回に引き続く「next.js 13 で個人開発」シリーズになります。今回でフロントエンドの開発が大体終わったので、実際に個人で開発するのにnext.js 13は向いていたか。もっとこうすれば良かった!などの反省点なども...
ComputerScience

next.13 フォントスタイルの変更方法について

こんにちは。今回はnext.13のlayout.tsxファイルを使って、googleフォントから選んできたフォントスタイルを適用したいと思います。googleフォントサイトから好きなフォントを選ぶフォントスタイルを以下のGoogle Fon...
ComputerScience

next.js のレンダリングの仕組みを公式Docを元に理解してみた

こんにちは。今回は、next.jsのサーバーサイドレンダリング(SSR)とページ遷移時のレンダリング速度について理解した範囲で書いていければと思います。何故SSRの方がレンダリング速度がはやいのか?サーバーサイドレンダリング(SSR)とは、...
ComputerScience

reactとnext.js 13の再レンダリング速度は同じであるか?[chatGPT]

ReactとNext.jsの再レンダリングのメカニズムは同じReactとNext.jsの再レンダリングの基本的なメカニズムは、確かに同じです。両方ともReactの仮想DOMと差分検出のメカニズムを使用して効率的な再レンダリングを行います。し...
ComputerScience

#1 next.js 13で個人開発

こんにちは。今回はnext.js 13以降を使って個人開発してみようということで、シリーズで初心者でも開発環境が整えられるような記事にしていこうと思います!next.js 13からは「App Router」が導入されて、ディレクトリ構造も大...
ComputerScience

next.jsはreactの上位互換と言えるだろうか?

こんにちは。先日の記事の冒頭でも話した通り、reactのspaのトレンド来てる!というのは2年ほど前の話で、友人からnext.js一強の時代がきてるという情報を頂いたので、開発技術選定の意も込めて、何がそんなに凄いんだろうと調べることにしま...