Reactで、盗用防止のためテキストコピー時にランダム文字列を返す方法
Reactフレームワーク（NextJS、Gatsbyなど）で運用しているウェブサイトの、コピペ盗用対策です。 テキストをコピーした際に、クリップボードにはそのテキストではなく、ランダム文字列を返す方法となります。 動作環境 React v…
# React
Reactのフォームで、メールアドレス・NGワード・IPで送信不可にする
Reactで作ったフロントエンドの問い合わせフォームで、任意のメールアドレスや特定の文言で送信できないようにする方法です。 私はgetFormやformspreeなどをバックエンドに使うことが多いですが、リッチなフォームプラグインと違い、…
Gatsbyのヘビーユーザーが、Gatsbyの素晴らしき点を語る
私はこれまで、ウェブサイト制作でいくつかのフレームワークを触ってきました。そして最終的にGatsbyに出戻りしました。残念ながら近年、Gatsbyの人気は下降の一途を辿っていますが、人気がないという理由だけで試さないのは非常に勿体ないです…
Reactでツールチップのコンポーネントを作る方法
Reactでツールチップを作る方法です。 UIコンポーネントやライブラリ等を使う方が多いかもしれませんが、私は変に色々なものをインストールしたくないので、単純な機能であれば自前で作ってしまいたい派です。 デモ コード（GitHub） 今回…
React Instantsearchの即時検索で、日本語の変換後に検索を実行させる方法
AlgoliaやMeilisearchで使えるReact Instantsearchで、日本語などの文字変換中は検索を実行させずに、変換確定後に検索を実行させる方法です。 React Instantsearchなどでは、デフォルトでは入力…