前回記事でも述べたように、 現在ブログサイトをVercelからCloudflareに移行しようとしているのですが、 デプロイが上手くいっていませんでした。

https://zenn.dev/masato24524/articles/20e160a92416ac

ようやく解決したので、詰まった点を備忘録として記載しておきます。

---

■Cloudflareの移行に必要な作業

1...

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

---

#...

ReactをTypeScriptで書いたときの型定義が個人的にややこしかったのでまとめてみます。 すべて挙げるともっとたくさんあるのでしょうが、家計簿アプリ（Udemy教材）を以前作成したときに出てきたものを中心にピックアップしました。

---

＜目次＞

1. React.ReactNode
2. React.FC
3. React.ChangeEvent
4. React.Mouse...

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

---

（Claudeによる出力） ↓↓↓↓ここから↓↓↓↓

はじめに

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

前回、chatGPTを使ってコールバック関数について調べてみました。

https://zenn.dev/masato24524/articles/1e7fe29f12aa33

今回はasync/awaitについて調べてみます、、、と思ったのですが その前にPromiseのきちんとした理解が必要そうです。 Promiseは非同期処理の際の結果に応じて処理を指定できるというものでした。

-...

chatGPTを使ってコールバック関数について調べてみました。

現在のレベル

「コールバック関数って、関数内で呼び出される関数のことでしょ？」

「なんかPromiseの登場によって使わてもよくなったやつ？」

---

（質問）コールバック関数について、初学者でも分かるように説明してください。

コールバック関数（callback function）とは、ある処理が終わった後に...

chatGPTを使って正規表現について調べてみました。

（質問）JavaScriptにおける正規表現とは何ですか？

JavaScriptにおける正規表現（Regular Expression, RegExp）とは、
文字列の検索や置換を効率的に行うためのパターンを表すオブジェクトです。
RegExp オブジェクトを使用すると、特定の文字列パターンを
簡単に検索、抽出、置換すること...

執筆者について

実務未経験＆プログラム歴1年未満です。

記事本文

自信のブログ記事をNext.js（ver.14）＋microCMSで構築していますが、途中のエラー対応の理解が浅く、場当たり的な対応をしていたこともあり、重要なセキュリティ問題があったことが分かりました。 https://www.masato-tech-blog.com/

環境変数にNEXT_PUBRICを付...