『検索機能』の実装をJavaScript、React(Nextjs)で比較
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）を使えることのメリットを実感するのが目的となります。
...
React.memo/useMemo/useCallbackの学習
React
2025年5月3日
今回はReact.memo/useMemo/useCallbackについて学習します。
参考にしたのは下記のYoutube。
【ShinCode camp】レンダリングを最適化してWebパフォーマンスを向上させてみよう
https://www.youtube.com/watch?v=GvPBr43lJk0
目次
- React developer toolの導入
- Reac...
React特有の型定義
React TypeScript
2025年3月27日
ReactをTypeScriptで書いたときの型定義が個人的にややこしかったのでまとめてみます。 すべて挙げるともっとたくさんあるのでしょうが、家計簿アプリ（Udemy教材）を以前作成したときに出てきたものを中心にピックアップしました。
＜目次＞
- React.ReactNode
- React.FC
- React.ChangeEvent
- React.Mouse...
『レンダリングとマウント』をJavaScript、React、Nextjsで比較
JavaScript React Nextjs
2025年3月23日
下記の記事はClaudeに質問して出力してもらった内容を、自分で理解しながら追記/修正したものになります。
（Claudeによる出力） ↓↓↓↓ここから↓↓↓↓
はじめに
Reactを学び始めると、「レンダリング」や「マウント」といった用語に出会います。これらは似ているようで異なる概念であり、しっかり理解することでより効率的なReactアプリケーションが作れるようになり...
