『検索機能』の実装をJavaScript、React(Nextjs)で比較

No image
  JavaScript    React    Nextjs  

 2025年8月29日

ブログ内の検索機能をJavaScript(Vanilla JS)、React(Nextjs)それぞれで実装してみます。

https://www.masato-tech-blog.com/

筆者はReact(Nextjs)から入ったためVanilla JSの経験が乏しく、 あえてVanilla JSを使うことで、React(Nextjs)を使えることのメリットを実感するのが目的となります。

...

NextjsのRoute Segment Config(レンダリング&キャッシュ)設定

No image
  Nextjs  

 2025年4月4日

現在ブログサイトをVercelからCloudflareに移行しようとしているのですが、 edge runtimeの設定が理解できておらずデプロイが上手くいっていません。。。 edge runtimeを理解する前段階として、NextjsのSSRおよびキャッシュ設定の関係について調べてみたいと思います。 ※ブログサイトではNext.js 14/ App Routerを使用しています。


#...

『レンダリングとマウント』をJavaScript、React、Nextjsで比較

No image
  JavaScript    React    Nextjs  

 2025年3月23日

下記の記事はClaudeに質問して出力してもらった内容を、自分で理解しながら追記/修正したものになります。


(Claudeによる出力) ↓↓↓↓ここから↓↓↓↓

はじめに

Reactを学び始めると、「レンダリング」や「マウント」といった用語に出会います。これらは似ているようで異なる概念であり、しっかり理解することでより効率的なReactアプリケーションが作れるようになり...

ブログページをNext.js/Vercel+microCMSで構成しました。

No image
  Nextjs    プログラミング初心者  

 2024年7月2日

本ブログサイトの構築について

本ブログは未経験からフロントエンドエンジニアを目指している、自身のポートフォリオも兼ねています。 技術スタックに関しては下記の記事も参考にさせていただきました (※2025/9月追記現在は残念ながら非公開となってしまったようです) https://easy-life-tips.com/post/nrkgwkzjd

ブログサイト構築には下記の4つのサーバーが必要で...