ストリートビューの埋め込みコードをGoogle Maps Embed APIに正規表現で一括置換
2023年11月10日の朝から突如、Googleマップのストリートビューの埋め込みがおかしくなりました。 1日経っても表示は改善されていなかったため、急遽Maps Embed APIに変更しました。 今回は、以下の前提で話を進めます。 …
Reactのフォームで、メールアドレス・NGワード・IPで送信不可にする
Reactで作ったフロントエンドの問い合わせフォームで、任意のメールアドレスや特定の文言で送信できないようにする方法です。 私はgetFormやformspreeなどをバックエンドに使うことが多いですが、リッチなフォームプラグインと違い、…
Astro v3のMarkdown内の画像に、<figcaption>でキャプションを追加する
Astroは2023年8月30日にバージョン3がリリースされ、画像の取り扱いが大きく変わりました。 バージョン2までは「public」フォルダーに保存していた画像を、バージョン3では「src/assets」フォルダーに入れることで、Mar…
Gatsbyのヘビーユーザーが、Gatsbyの素晴らしき点を語る
私はこれまで、ウェブサイト制作でいくつかのフレームワークを触ってきました。そして最終的にGatsbyに出戻りしました。残念ながら近年、Gatsbyの人気は下降の一途を辿っていますが、人気がないという理由だけで試さないのは非常に勿体ないです…
Reactでツールチップのコンポーネントを作る方法
Reactでツールチップを作る方法です。 UIコンポーネントやライブラリ等を使う方が多いかもしれませんが、私は変に色々なものをインストールしたくないので、単純な機能であれば自前で作ってしまいたい派です。 デモ コード（GitHub） 今回…