Reactでアイテムを絞り込み（マルチフィルター）を行う方法
EC・ショッピングアプリなどで、グループや種類による複数条件での絞り込みをReactで行う方法です。 今回は例として、プロダクト毎にタグをつけ、タグで絞り込みができるようにします。 デモ コード（GitHub） 今回利用するReact H…
Markdownブログに目次を追加する方法
Markdownで書かれたブログに、目次を追加する方法です。 こちらのブログを参考にさせて頂きました。ありがとうございます🙏 参考 Next.js + Markdown (marked) で作るブログサイト 上記記事のコードを、いくらかア…
Abstract APIのメールアドレス判定をフォームに導入する[React]
コメントフォームや問い合わせフォームなどで、いたずら防止のための1つの方法として、メールアドレスの有効性可否判定（メールアドレス バリデーション）があります。 フォームに入力されたメールアドレスをリアルタイムで判定できるため、有効な場合に…
UmamiアナリティクスをSupabaseとVercelで無料運用する方法
Umamiとは、完全無料で使える、プライバシーに配慮したオープンソースのアクセス解析ツールです。EU一般データ保護規則（GDPR）にも対応しており、Google Analyticsの代替として注目されています。 開発者は元Adobeエンジ…
StrapiにDeepLプラグインを追加する方法
ヘッドレスCMSのStrapiに、DeepLのプラグインを追加する方法です。 すでにStrapiを使ってる方であれば、技量的には問題なくインストールできるでしょう。 DeepL翻訳をこのプラグインで利用するには、無料版APIの認証キー（A…